:root{
  --bg:#050505;
  --panel:#0b0a09;
  --panel2:#11100e;
  --line:rgba(238,221,196,.18);
  --cream:#eadbc5;
  --muted:#b3a592;
  --text:#fff6ea;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 25% 0%,#17100b 0%,#050505 42%,#010101 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 24%,transparent 70%,rgba(234,219,197,.04));pointer-events:none;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");z-index:4}.glow{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(80px);opacity:.22;pointer-events:none;z-index:-1}.glow-one{background:#6d3d17;top:-100px;left:-80px;animation:float 8s ease-in-out infinite}.glow-two{background:#eadbc5;right:-140px;bottom:12%;opacity:.07;animation:float 10s ease-in-out infinite reverse}@keyframes float{50%{transform:translateY(36px) translateX(20px)}}
.nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,54px);background:rgba(5,5,5,.68);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-family:Anton,sans-serif;letter-spacing:.02em}.nav-cta{color:var(--cream);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:11px 18px;text-transform:uppercase;font-size:12px;letter-spacing:.14em}
.hero{min-height:calc(100vh - 79px);display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center;padding:42px clamp(18px,5vw,72px) 70px}.eyebrow{color:var(--cream);text-transform:uppercase;font-size:12px;letter-spacing:.24em;font-weight:900}.hero h1,.statement h2{font-family:Anton,sans-serif;text-transform:uppercase;line-height:.92;letter-spacing:.02em;margin:16px 0;font-size:clamp(52px,9vw,126px);text-shadow:0 8px 32px rgba(0,0,0,.8)}.lead{max-width:560px;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.6}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;text-decoration:none;transition:.25s ease}.ghost{color:var(--cream);border:1px solid var(--line);background:rgba(255,255,255,.04)}.ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.buy{color:#080706;background:var(--cream);box-shadow:0 14px 50px rgba(234,219,197,.18)}.buy:hover{transform:translateY(-2px) scale(1.02)}.hidden{display:none!important}.poster-card,.product-image{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#080706;box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.04)}.poster-card{transform:rotate(-1deg);animation:posterPulse 5s ease-in-out infinite}.poster-card img{width:100%;display:block}.product-image img{width:100%;display:block}@keyframes posterPulse{50%{transform:rotate(1deg) translateY(-8px)}}
.marquee{border-block:1px solid var(--line);overflow:hidden;background:#0a0908}.marquee-track{display:flex;width:max-content;gap:34px;padding:18px 0;animation:marquee 18s linear infinite}.marquee span{font-family:Anton,sans-serif;font-size:clamp(28px,5vw,54px);letter-spacing:.08em;color:transparent;-webkit-text-stroke:1px rgba(234,219,197,.55);white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}
.drop-section{padding:86px clamp(18px,5vw,72px)}.drop-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.product-panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));padding:clamp(24px,4vw,44px);box-shadow:0 28px 80px rgba(0,0,0,.45)}.product-panel h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:clamp(44px,6vw,82px);line-height:.95;margin:10px 0}.body-copy{color:var(--muted);line-height:1.65;font-size:18px}.specs{display:grid;gap:12px;margin:28px 0}.specs div{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(0,0,0,.28)}.specs strong{text-transform:uppercase;font-size:12px;letter-spacing:.12em;color:var(--cream)}.specs span{color:var(--muted);text-align:right}.countdown-card{border:1px solid rgba(234,219,197,.32);border-radius:22px;padding:20px;background:rgba(234,219,197,.06);margin:24px 0}.small{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:900}.timer{font-family:Anton,sans-serif;font-size:clamp(34px,5vw,64px);letter-spacing:.05em;margin:8px 0;color:var(--cream)}#statusText{color:var(--muted);margin:0}.locked{width:100%;opacity:.55;pointer-events:none;filter:grayscale(1)}
.statement{text-align:center;padding:92px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at center,rgba(234,219,197,.08),transparent 55%)}.statement p{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-weight:900}.statement h2{font-size:clamp(56px,10vw,142px);color:var(--cream)}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px clamp(18px,5vw,72px);color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.14em}.reveal{opacity:0;transform:translateY(22px);animation:reveal .75s ease forwards}.delay{animation-delay:.15s}@keyframes reveal{to{opacity:1;transform:none}}
@media(max-width:900px){.hero,.drop-grid{grid-template-columns:1fr}.hero{padding-top:28px}.poster-card{transform:none;animation:none}.nav{padding:14px 16px}.brand span:last-child{display:none}.specs div{display:grid}.specs span{text-align:left}.hero h1{font-size:clamp(56px,18vw,96px)}}
