/* ============================================================
   Beinghunted. — central stylesheet
   One place for theme + shared display typography.
   ============================================================ */

/* ---- Theme tokens -------------------------------------------------
   Dark is the current default. To switch the whole site to light
   later, just change these two values (e.g. --bg:#ffffff; --fg:#000000;).
   The page templates already use var(--bg) / var(--fg).
------------------------------------------------------------------- */
:root{
  --bg:#000000;
  --fg:#ffffff;
  --pad:24px;
  --font-display:"Helvetica Neue LT W01_83 Hv Ex","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ---- Display / headline webfont ----------------------------------
   Neue Helvetica W01 83 Extended Heavy
------------------------------------------------------------------- */
@font-face{
  font-family:"Helvetica Neue LT W01_83 Hv Ex";
  src:url("webfonts/Fonts/1489118/2d687e37-e32a-4edf-af6d-8edcc7342477.eot?#iefix");
  src:url("webfonts/Fonts/1489118/2d687e37-e32a-4edf-af6d-8edcc7342477.eot?#iefix") format("embedded-opentype"),
      url("webfonts/Fonts/1489118/87a62eb9-e7af-42c9-b6d2-e3c154997dd6.woff2") format("woff2"),
      url("webfonts/Fonts/1489118/659b21e7-6bc3-44c5-b5a0-1f5a61c63b97.woff") format("woff"),
      url("webfonts/Fonts/1489118/81dce8b4-f815-4290-a275-11d445346455.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

/* ---- Project page headings in the display font -------------------
   Loaded after each page's inline <style>, so these win.
------------------------------------------------------------------- */
.project__title{
  font-family:var(--font-display);
  font-size:clamp(24px, 3.78vw, 53px);   /* ~30% smaller than the original */
  letter-spacing:-0.01em;
  line-height:1.02;
}
.project__lede,
.project__meta h3{
  font-family:var(--font-display);
}

/* ---- Bottom marquee --------------------------------------------- */
.marquee{
  font-family:var(--font-display);
}
.marquee__track .dot{
  width:4.8px;    /* 20% smaller */
  height:4.8px;
}

/* ---- Headlines site-wide (Work, Archive, Services, About, Imprint, Privacy) --- */
h1{ font-family:var(--font-display); }

/* ---- Homepage: reel overlay project titles (size unchanged) ---- */
.reel__caption .title{ font-family:var(--font-display); }

/* ---- Homepage About: small section tags + clients marquee ---- */
.info__block h3{ font-family:var(--font-display); }
.clients-marquee__track span{ font-family:var(--font-display); }
.clients-marquee__track .dot{ width:4.8px; height:4.8px; border-radius:50%; background:var(--fg); align-self:center; flex:0 0 auto; }

/* ---- All lede / eyebrow labels in the display font ---- */
.lede,
.project__lede,
.doc__lede,
.gate__lede,
.intro__lede,
.reel__caption .lede,
.about__inner .lede,
.page-head .lede{ font-family:var(--font-display); }