


@font-face {
  font-family: "Space Grotesk";
  src: url("../vendor/fonts/space-grotesk/space-grotesk-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root[data-theme="dark"], :root {
  
  --bg-0: #0b0a08;        
  --bg-1: #14120f;        
  --bg-2: #1a1815;        
  --bg-3: #201d19;        

  
  --line-0: #24211c;
  --line-1: #2e2a24;
  --line-2: #38332c;

  
  --bg-glass: rgba(255, 253, 248, 0.04);
  --glass-border: rgba(255, 253, 248, 0.09);
  --glass-blur: 14px;
  --glass-panel: rgba(255, 253, 248, 0.05);  

  
  --spec-0: rgba(255, 253, 248, 0.03);   
  --spec-1: rgba(245, 242, 236, 0.06);   
  --spec-2: rgba(245, 242, 236, 0.12);   

  
  --ink-hi: #f5f2ec;      
  --ink-body: #c9c5bc;    
  --ink-mute: #8f8b82;    
  --ink-faint: #615e56;   

  
  --gold: #f5b53f;        
  --gold-hi: #ffdb97;     
  --gold-deep: #cc8e27;   
  --gold-hairline: #9e6f1d;
  --gold-spec: #fdeccc;   
  
  --grad-gold: #f5b53f; 

  
  --acc-small: #e0d8c6;      
  --acc-ui: #e0d8c6;         
  --acc-hairline: #6e6656;   
  --caret-c: #f5b53f;       
  --dot-c: #e0d8c6;          
  --dot-ring: #6e6656;

  
  --grad-display: var(--grad-gold);   
  --grad-payoff: var(--grad-gold);    
  --acc-glow: rgba(245, 181, 63, 0.14);   
  --wire: #6a6252;           
  --wire-hot: #f5b53f;       
  --ovr-rim: #9e6f1d;        
  --logo-stroke: #f5b53f; --logo-stroke-hi: #ffdb97; --logo-core: #ffdb97;
  --orb-hi: #ffdb97; --orb-deep: #cc8e27; --orb-hairline: #9e6f1d;

  
  --crimson-motion: #d6334f;

  
  --gold-glow: var(--acc-glow);

  
  --font-sans: "InterVariable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Space Grotesk", var(--font-sans);
  --text-display: clamp(2.5rem, 1.7rem + 4vw, 4.5rem);   
  --text-h2: clamp(2rem, 1.5rem + 2.2vw, 3.25rem);
  --text-h3: clamp(1.375rem, 1.25rem + 0.7vw, 1.75rem);
  --text-lead: clamp(1.125rem, 1.05rem + 0.4vw, 1.25rem);
  --text-body: 1.0625rem;
  --text-sm: 0.875rem;
  --text-eyebrow: 0.8125rem;   
  --leading-display: 1.07;
  --leading-head: 1.15;
  --leading-title: 1.25;
  --leading-body: 1.55;
  --tracking-display: -0.03em;
  --tracking-h2: -0.02em;
  --tracking-eyebrow: 0.08em;
  --measure: 65ch;             
  --measure-lead: 55ch;

  
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
  --sp-24: 96px; --sp-32: 128px; --sp-40: 160px;
  --section: var(--sp-24);
  --section-mobile: var(--sp-12);
  --container: 1240px;         
  --gutter: 24px;
  --gutter-mobile: 16px;

  
  --r-sm: 6px;    
  --r-md: 10px;   
  --r-lg: 16px;   
  --r-pill: 999px;

  
  --t-micro: 150ms;        
  --t-move: 300ms;         
  --t-exit: 225ms;         
  --t-reveal: 640ms;       
  --t-hero: 880ms;         
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);     
  --ease-exit: cubic-bezier(0.3, 0, 0.8, 0.15);    
  --ease-move: cubic-bezier(0.2, 0, 0, 1);         
  --reveal-rise: 24px;     
  --reveal-rise-sm: 20px;  
  --reveal-scale: 0.97;    
  --stagger: 100ms;        
  --para-shift: 48px;      
  
}


:root{
  
  --lt-surface:  #f2ebdb;   
  --lt-raised:   #eae1cd;   

  --lt-ink:      #141210;   
  --lt-ink-body: #4a4438;   
  --lt-muted:    #8a8371;   
  --lt-line:     #e1d6bb;   

  
  --lt-gold-hi:   #e5ad4a;
  --lt-gold:      #cc8e27;
  --lt-gold-deep: #8f6103;
  --lt-gold-hairline: #8f6103;   
  
  --lt-grad-gold: #cc8e27; 

  
  --lt-crimson-motion: #c01b34;
}


@media (prefers-reduced-motion: reduce) {
  :root {
    --t-reveal: 150ms; --t-hero: 150ms;
    --reveal-rise: 0px; --reveal-rise-sm: 0px; --reveal-scale: 1;
    --stagger: 0ms; --para-shift: 0px;
  }
}


h1, h2, h3, h4, h5, h6, figcaption, figcaption *, summary, .btn, button, label, dt { text-wrap: balance; }

p, li, dd { text-wrap: balance; }
blockquote { text-wrap: pretty; }
