@font-face{font-family:"Excon Variable";src:url("fonts/Excon-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Satoshi Variable";src:url("fonts/Satoshi-Variable.woff2") format("woff2");font-weight:300 900;font-display:swap}
:root{
  --amber:#efad00;--amber-hover:#ffc83f;--on-amber:#121212;
  --navy:#102835;--charcoal:#121212;--charcoal-2:#1c1c1c;--charcoal-3:#222;--graphite:#2a2a2a;
  --slate:#2c4558;--slate-2:#384858;--slate-ink:#304354;--table-head:#34495a;
  --paper:#f7f7f5;--white:#fff;
  --line-light:#d8d5cf;--line-dark:rgba(255,255,255,.2);--line-dark-soft:rgba(255,255,255,.1);
  --chip-dark:rgba(255,255,255,.055);
  --font-display:"Excon Variable",system-ui,sans-serif;
  --font-body:"Satoshi Variable",system-ui,sans-serif;
  --r-pill:30px;--r-chip:8px;--r-card:8px;--r-photo:8px;--r-tab:5px;--r-input:3px;
  --shadow-card:0 2px 7px rgba(36,52,64,.05);
  --wrap:1200px;--gutter:clamp(16px,4vw,32px);
  --band-y:clamp(56px,7vw,88px);
  --header-h:106px;--bar-h:0px;
  
  --backdrop-x:linear-gradient(90deg,rgba(18,18,18,.9) 0%,rgba(18,18,18,.84) 50%,rgba(18,18,18,.55) 62%,rgba(18,18,18,.28) 100%);
  --backdrop-full:linear-gradient(90deg,rgba(18,18,18,.88) 0%,rgba(18,18,18,.82) 100%);
  --backdrop-y:linear-gradient(180deg,rgba(18,18,18,.84) 0%,rgba(18,18,18,.9) 100%);
}
@media (max-width:900px){:root{--header-h:83px}}