:root {
    --bg:          #050505;
    --bg-2:        #0a0a0a;
    --bg-3:        #0f0f0f;
    --bg-4:        #181818;
    --white:       #e8e3d8;
    --white-70:    rgba(232,227,216,0.7);
    --white-40:    rgba(232,227,216,0.4);
    --white-15:    rgba(232,227,216,0.15);
    --white-08:    rgba(232,227,216,0.08);
    --white-04:    rgba(232,227,216,0.04);
    --gold:        #b8964a;
    --gold-40:     rgba(184,150,74,0.4);
    --gold-15:     rgba(184,150,74,0.15);

    --font-serif:  'Cormorant Garamond', Georgia, serif;
    --font-mono:   'DM Mono', 'Courier New', monospace;

    --sz-xs:   clamp(0.6rem,  0.9vw,  0.72rem);
    --sz-sm:   clamp(0.8rem,  1.1vw,  0.88rem);
    --sz-base: clamp(0.9rem,  1.3vw,  1rem);
    --sz-md:   clamp(1.1rem,  1.8vw,  1.35rem);
    --sz-lg:   clamp(1.6rem,  3.5vw,  2.6rem);
    --sz-xl:   clamp(2.5rem,  6vw,    5rem);
    --sz-hero: clamp(4.5rem,  13vw,   12rem);
    --sz-disp: clamp(3rem,    9vw,    8rem);

    --sp1: 0.5rem;   --sp2: 1rem;
    --sp3: 1.5rem;   --sp4: 2rem;
    --sp6: 3rem;     --sp8: 4rem;
    --sp12: 6rem;    --sp16: 8rem;

    --max-w: 1400px;
    --gut:   clamp(1.5rem, 4vw, 4rem);

    --ease:  cubic-bezier(0.16, 1, 0.3, 1);
    --ease2: cubic-bezier(0.85, 0, 0.15, 1);
    --t1: 200ms; --t2: 400ms; --t3: 800ms; --t4: 1400ms;

    --border:      1px solid var(--white-08);
    --border-gold: 1px solid var(--gold-40);
}