*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; }
/* Full-bleed rules/lines use `width: 100vw` (hero, bracket-rule, footer, team grid,
   tf). `100vw` includes the vertical scrollbar's width, so when a classic
   (space-consuming) scrollbar is present those centred elements spill ~scrollbar-
   width/2 past each edge → a small site-wide horizontal scroll. Clip it at the
   viewport. `clip` (not `hidden`) is deliberate: it doesn't create a scroll
   container, so `position: sticky` (benefits.css, tf.css) keeps working. */
html { overflow-x: clip; }
body { -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; font: inherit; }