@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,600..800&family=Inter:wght@300;400;500;600&display=swap');
@font-face{font-family:'Coolvetica';src:url('coolvetica.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
/* Direction B — "Momentum" · warm off-white base · blue + orange accents */
:root{
  --bg:#f6f4ee; --bg2:#efece2; --surface:#ffffff; --surface2:#f7f5ef;
  --ink:#15141a; --dim:#5d5b66; --faint:#9c9aa4; --faint2:#cbc9d2;
  --line:#e5e1d6; --line2:#d7d2c6;
  --accent:#e8760f; --accentd:#cf6708; --blue:#3546e0; --blued:#2836c4;
  --on-accent:#ffffff;
  --disp:'Space Grotesk',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif;
  --disp-weight:700; --disp-spacing:-.03em;
  --disp2:'Coolvetica','Bricolage Grotesque',system-ui,sans-serif; --disp2-weight:400; --disp2-spacing:0;
  --btn-radius:999px; --card-radius:18px;
  --header-bg:rgba(246,244,238,.85);
  --hero-veil:linear-gradient(270deg,rgba(246,244,238,0) 66%,rgba(246,244,238,1) 98%);
  --hero-glow:radial-gradient(85% 68% at 18% 20%,rgba(21,20,26,.02),transparent 58%);
  --img-frame:#efece2;
  /* hero: built-environment scene */
  --hs-bg:#0f1118; --hs-tint:#1b1f3a;
  --hs-veil:linear-gradient(90deg,rgba(15,17,24,.96) 0%,rgba(15,17,24,.9) 38%,rgba(15,17,24,.55) 70%,rgba(15,17,24,.35) 100%),linear-gradient(180deg,rgba(15,17,24,.2),rgba(15,17,24,.75));
  --hs-veil-t:linear-gradient(90deg,rgba(15,17,24,.97) 0%,rgba(15,17,24,.93) 46%,rgba(15,17,24,.6) 76%,rgba(15,17,24,.4) 100%),linear-gradient(180deg,rgba(15,17,24,.2),rgba(15,17,24,.75));
  --hs-veil-m:linear-gradient(180deg,rgba(15,17,24,.28) 0%,rgba(15,17,24,.42) 26%,rgba(15,17,24,.92) 48%,#0f1118 62%,#0f1118 100%);
}