@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

:root {
  --maroon: #3A1212;
  --maroon-md: #5C1F1F;
  --maroon-lt: #8B3030;
  --maroon-warm: #6B2D2D;
  --gold: #C9973A;
  --gold-lt: #E4BA6A;
  --gold-dk: #A37B2D;
  --gold-glow: rgba(201,151,58,0.12);
  --gold-glow-strong: rgba(201,151,58,0.25);
  --cream: #FBF7F0;
  --cream-md: #F5EFE3;
  --cream-dk: #EDE4D3;
  --white: #FFFFFF;
  --ink: #1A0808;
  --text-primary: #1A0808;
  --text-secondary: #5A3030;
  --text-muted: #8B6B6B;
  --text-on-dark: #F5EFE3;
  --text-on-gold: #1A0808;
  --border: rgba(58,18,18,0.1);
  --border-hover: rgba(58,18,18,0.2);
  --border-gold: rgba(201,151,58,0.35);
  --glass-bg: rgba(58,18,18,0.85);
  --glass-blur: 16px;
  --shadow-sm: 0 2px 8px rgba(58,18,18,0.06);
  --shadow-md: 0 8px 32px rgba(58,18,18,0.1);
  --shadow-lg: 0 20px 60px rgba(58,18,18,0.14);
  --shadow-gold: 0 4px 24px rgba(201,151,58,0.2);
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'DM Mono', monospace;
  --fs-hero: clamp(2.75rem, 5.5vw, 5rem);
  --fs-h1: clamp(2rem, 4vw, 3.25rem);
  --fs-h2: clamp(1.5rem, 3vw, 2.5rem);
  --fs-h3: clamp(1.125rem, 2vw, 1.5rem);
  --max-width: 1440px;
  --header-height: 72px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;
  --ease-out: cubic-bezier(0.16,1,0.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);font-size:0.9375rem;color:var(--text-primary);background:var(--cream);line-height:1.65;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
ul,ol{list-style:none}
input,textarea,select{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.15;letter-spacing:-0.02em}

.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;border:none;cursor:pointer;transition:all 0.25s var(--ease-out);white-space:nowrap}
.btn-gold{background:var(--gold);color:var(--text-on-gold)}
.btn-gold:hover{background:var(--gold-lt);box-shadow:var(--shadow-gold);transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.35)}
.btn-outline:hover{border-color:var(--gold);background:rgba(201,151,58,0.1)}
.btn-maroon{background:var(--maroon);color:var(--text-on-dark)}
.btn-maroon:hover{background:var(--maroon-md)}

.section{max-width:var(--max-width);margin:0 auto;padding:80px 40px}
.section-eyebrow{font-size:0.625rem;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:12px}
.section-eyebrow::before{content:'';width:32px;height:1.5px;background:linear-gradient(90deg,var(--gold),transparent)}
.section-title{font-size:var(--fs-h2);margin-bottom:12px}
.section-title em{font-style:normal;color:var(--maroon-lt)}
.section-sub{font-size:0.9375rem;color:var(--text-muted);line-height:1.7;max-width:520px}

.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out)}
.reveal.visible{opacity:1;transform:translateY(0)}

@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wobble{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(-8deg)}94%{transform:rotate(8deg)}}
@keyframes dropIn{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(201,151,58,0.15)}50%{box-shadow:0 0 40px rgba(201,151,58,0.3)}}

::selection{background:var(--gold-glow-strong);color:var(--maroon)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--cream)}
::-webkit-scrollbar-thumb{background:var(--cream-dk);border-radius:var(--radius-full)}
::-webkit-scrollbar-thumb:hover{background:var(--gold-dk)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

@media(max-width:768px){.section{padding:48px 20px}}