/* ════════════════════════════════════════════════════════════
   Studio Barnes — light type treatment (per-page via body.t-light)
   Same layout as the original home; display type drops to
   Open Sans Light (300), in-flow headings to Regular (400).
   Small labels stay medium for legibility on dark surfaces.
   Loaded AFTER v2.css so equal-specificity rules win by order.
   ════════════════════════════════════════════════════════════ */

/* big display type → Light */
body.t-light .display-1 { font-weight: var(--weight-light); letter-spacing: -0.012em; }
body.t-light .display-2 { font-weight: var(--weight-light); letter-spacing: -0.006em; }
body.t-light .hero__display { font-weight: var(--weight-light); letter-spacing: -0.018em; }
body.t-light .hero__big { font-weight: var(--weight-light); letter-spacing: -0.025em; }
body.t-light .band__inner { font-weight: var(--weight-light); }
body.t-light .stat__value { font-weight: var(--weight-light); letter-spacing: -0.02em; }
body.t-light .menu__link { font-weight: var(--weight-light); }
body.t-light .strike { font-weight: var(--weight-light); }
body.t-light .panel__title { font-weight: var(--weight-light); }
body.t-light .story-head { font-weight: var(--weight-light); letter-spacing: -0.018em; }
body.t-light .reflection { font-weight: var(--weight-light); }

/* in-flow headings and scrub lines → Regular */
body.t-light .h3 { font-weight: var(--weight-regular); }
body.t-light .duo-card h3 { font-weight: var(--weight-regular); letter-spacing: -0.008em; }
body.t-light .lines .ln { font-weight: var(--weight-regular); }
body.t-light .lines .ln--quiet { font-weight: var(--weight-light); }
body.t-light .hero__line { font-weight: var(--weight-regular); }
body.t-light .reach__value { font-weight: var(--weight-regular); }
body.t-light .case-nav strong { font-weight: var(--weight-regular); }
body.t-light .story-row h2 { font-weight: var(--weight-regular); }

/* emphasis inside body copy: medium, not semibold */
body.t-light .lede strong { font-weight: var(--weight-medium); }

/* small labels: semibold → medium (still legible at 13px on black) */
body.t-light .nav__links > a { font-weight: var(--weight-medium); }
body.t-light .meta-label { font-weight: var(--weight-medium); }
body.t-light .hero__meta-item { font-weight: var(--weight-medium); }
body.t-light .duo-card__num { font-weight: var(--weight-medium); }
body.t-light .clients__row { font-weight: var(--weight-regular); }
body.t-light .footer__label { font-weight: var(--weight-medium); }
body.t-light .work__meta em { font-weight: var(--weight-medium); }
body.t-light .menu__link em { font-weight: var(--weight-medium); }
body.t-light .snapshot dd { font-weight: var(--weight-medium); }
body.t-light .panel__num { font-weight: var(--weight-medium); }

/* light type carries less ink: nudge tracking open on small lines,
   and give the thin strokes crisp rendering */
body.t-light { -webkit-font-smoothing: antialiased; }