@font-face { font-family:"Anton";   src:url("../assets/fonts/anton/Anton-Regular.woff2") format("woff2"),url("../assets/fonts/anton/Anton-Regular.ttf") format("truetype");      font-weight:400; font-display:swap; }
@font-face { font-family:"Archivo"; src:url("../assets/fonts/archivo/Archivo-Regular.woff2") format("woff2"),url("../assets/fonts/archivo/Archivo-Regular.ttf") format("truetype");  font-weight:400; font-display:swap; }
@font-face { font-family:"Archivo"; src:url("../assets/fonts/archivo/Archivo-Medium.woff2") format("woff2"),url("../assets/fonts/archivo/Archivo-Medium.ttf") format("truetype");   font-weight:500; font-display:swap; }
@font-face { font-family:"Archivo"; src:url("../assets/fonts/archivo/Archivo-SemiBold.woff2") format("woff2"),url("../assets/fonts/archivo/Archivo-SemiBold.ttf") format("truetype"); font-weight:600; font-display:swap; }
@font-face { font-family:"Archivo"; src:url("../assets/fonts/archivo/Archivo-Bold.woff2") format("woff2"),url("../assets/fonts/archivo/Archivo-Bold.ttf") format("truetype");     font-weight:700; font-display:swap; }
@font-face { font-family:"Archivo"; src:url("../assets/fonts/archivo/Archivo-Black.woff2") format("woff2"),url("../assets/fonts/archivo/Archivo-Black.ttf") format("truetype");    font-weight:900; font-display:swap; }

:root {
  
  --ink: #000000;
  --cyan: #05a8ec;      
  
  --cyan-ink: #0a76a4;
  
  --pink: #d1006e;      
  --white: #ffffff;

  --ink-050: #f8f8f8;
  --ink-100: #e2e2e2;
  
  --ink-400: #6e6e6e;
  --ink-600: #5c5c5c;

  
  --on-void: rgba(255,255,255,0.72);
  --on-void-dim: rgba(255,255,255,0.44);
  --void-line: rgba(255,255,255,0.14);

  
  --cyan-press: #048ac2;
  --pink-press: #c00d68;

  
  --club-navy: #1b2a4a;
  --club-indigo: #2f3f6b;
  --club-cream: #f2ece0;
  --club-mist: #a9c2d6;

  
  --font-display: "Anton", "Arial Narrow", Impact, sans-serif;
  --font-core: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --lh-display: 1.06;
  --lh-body: 1.55;
  --lh-heading: 1.25;   
  --measure: 60ch;
  --track-eyebrow: 0.14em;

  
  --fs-hero:      clamp(3.25rem, 1.1rem + 9.2vw, 8.25rem);  
  --fs-display-l: clamp(2.75rem, 1.1rem + 7.1vw, 6.5rem);   
  --fs-display-m: clamp(2.125rem, 1.2rem + 4.1vw, 4.5rem);  
  --fs-h2:        clamp(1.875rem, 1.3rem + 2.6vw, 3.25rem); 
  --fs-h3:        clamp(1.375rem, 1.1rem + 1.2vw, 2rem);
  --fs-h4:        clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --fs-body:      clamp(1rem, 0.97rem + 0.14vw, 1.0625rem);
  --fs-small:     0.9375rem;
  --fs-micro:     0.6875rem;
  --fs-eyebrow:   clamp(0.6875rem, 0.66rem + 0.1vw, 0.75rem);
  --fs-stat:      clamp(3rem, 1.4rem + 6.4vw, 6.25rem);
  --fs-ghost:     clamp(7rem, 2rem + 22vw, 20rem);          

  
  --container: 1200px;
  --gutter: clamp(20px, 3vw, 40px);
  --inset: clamp(10px, 1.6vw, 28px);      
  --slab-pad-y: clamp(48px, 6vw, 104px);
  --slab-pad-x: clamp(22px, 4vw, 72px);
  --stack: clamp(14px, 1.6vw, 22px);      

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;

  
  --r-1: 4px;
  --r-2: 8px;
  --r-3: 14px;
  --r-slab: 24px;      
  --r-pill: 999px;

  
  --hairline: 1px solid var(--ink-100);
  --keyline: 2px;
  --rule-heavy: 4px;
  --offset-type: 4px;                                  
  --offset-chip: 8px;                                  
  --shadow-card: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.07);
  --shadow-card-hover: 0 2px 4px rgba(0,0,0,.06), 0 18px 40px rgba(0,0,0,.12);
  
  --cta-shadow: 7px 7px 0 var(--ink);
  --cta-shadow-press: 2px 2px 0 var(--ink);

  
  --t-colour: 120ms;
  --t-move: 180ms;
  --t-max: 320ms;
  --t-slab: 420ms;      
  --ease: cubic-bezier(.2,0,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --marquee-loop: 32s;

  --header-h: 92px;
  --utility-h: 34px;
  --header-gap: 10px;   
  --chrome-h: calc(var(--header-h) + var(--utility-h) + var(--header-gap));

  --focus-ring: 0 0 0 3px var(--cyan);
  --focus-offset: 2px;

  
  --void-tooth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
}

@media (max-width: 833px) { :root { --header-h: 62px; --lh-display: 1.08; } }