@font-face {
  font-family: "Inter";
  src: url("/media/inter-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --navy: #111a23;            
  --green: #79a33f;           
  --navy-2: #172330;          
  --navy-3: #1f2d3b;          
  --ground: #e5ebec;          
  --panel: #dae2e4;           
  --paper: #ffffff;
  --body: #3e4a55;            
  --muted: #5b6873;           
  --mist: #9aa7b2;            
  --green-ink: #4a6e23;       
  --green-soft: rgb(121 163 63 / 0.16);
  --line-on-light: rgb(17 26 35 / 0.14);
  --line-on-light-strong: rgb(17 26 35 / 0.32);
  --line-on-dark: rgb(229 235 236 / 0.14);
  --line-on-dark-strong: rgb(229 235 236 / 0.5);
  --ground-90: rgb(229 235 236 / 0.9);
  --ground-70: rgb(229 235 236 / 0.7);
  --ground-50: rgb(229 235 236 / 0.5);
  --navy-0: rgb(17 26 35 / 0);
  --navy-10: rgb(17 26 35 / 0.1);
  --navy-30: rgb(17 26 35 / 0.3);
  --navy-40: rgb(17 26 35 / 0.4);
  --navy-60: rgb(17 26 35 / 0.6);
  --navy-70: rgb(17 26 35 / 0.7);
  --navy-85: rgb(17 26 35 / 0.85);
  --shadow-window: 0 32px 64px -32px rgb(17 26 35 / 0.55);
  --shadow-deep: 0 32px 64px -32px rgb(0 0 0 / 0.6);
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --w-regular: 400;
  --w-medium: 500;
  --t-display: clamp(2.75rem, 1.9rem + 3.6vw, 5.25rem);  
  --t-1: clamp(2.375rem, 1.85rem + 2.25vw, 3.875rem);     
  --t-2: clamp(1.875rem, 1.7rem + 0.75vw, 2.25rem);       
  --t-3: clamp(1.5rem, 1.45rem + 0.2vw, 1.65rem);         
  --t-4: 1.25rem;                                          
  --t-body: 1rem;                                          
  --t-small: 0.875rem;                                     
  --t-micro: 0.75rem;                                      
  --lh-tight: 1.04;
  --lh-head: 1.15;
  --lh-body: 1.6;
  --track-display: -0.045em;
  --track-head: -0.035em;
  --track-sub: -0.02em;
  --track-eyebrow: 0.14em;
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;  --s-5: 20px;  --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-32: 128px;
  --gutter: clamp(20px, 6.667vw, 96px);    
  --section: clamp(64px, 9vw, 128px);      
  --max: 1440px;
  --nav-h: 56px;
  --tap: 44px;                             
  --radius: 0px;                           
  --d-instant: 120ms;
  --d-fast: 200ms;
  --d-base: 400ms;
  --d-slow: 700ms;
  --d-slower: 1100ms;
  --d-stagger: 60ms;                       
  --d-decode-char: 34ms;                   
  --d-loop: 1600ms;                        
  --d-spin: 900ms;                         
  --ease: cubic-bezier(0.4, 0, 0.2, 1);        
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);  
  --ease-in: cubic-bezier(0.32, 0, 0.67, 0);   
  --ease-pop: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-draw: cubic-bezier(0.65, 0, 0.35, 1); 
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1440px;
  --z-world: 0;
  --z-content: 1;
  --z-nav: 50;
  --z-switcher: 60;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --d-instant: 0ms; --d-fast: 0ms; --d-base: 0ms; --d-slow: 0ms; --d-slower: 0ms;
    --d-stagger: 0ms; --d-decode-char: 0ms;
  }
}
:root {
  --ground-60: rgb(229 235 236 / 0.62);
  --ground-30: rgb(229 235 236 / 0.3);
  --ground-08: rgb(229 235 236 / 0.08);
  --navy-95: rgb(17 26 35 / 0.95);
  --world-cell-sm: 22px;
  --world-cell-md: 28px;
  --world-cell-lg: 32px;
  --d-page-out: 260ms;
  --d-page-in: 600ms;
  --d-travel: 1300ms;          
  --d-beat: 400ms;             
  --z-menu: 70;
  --z-skip: 80;
  --measure: 38em;             
  --pad-card: var(--s-5);      
  --stage-sm: calc(var(--s-32) * 1.5);  
}
@media (min-width: 1024px) { :root { --pad-card: var(--s-8); } }
@media (prefers-reduced-motion: reduce) {
  :root { --d-page-out: 0ms; --d-page-in: 0ms; --d-travel: 0ms; --d-beat: 0ms; }
}