:root{--bg:#080808;--panel:#101010;--line:#282828;--text:#f5f2eb;--muted:#aaa39a;--red:#ed1c24}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}
.header{height:68px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(8,8,8,.97);border-bottom:1px solid #202020}
.logo-link{display:block;width:116px;height:48px;overflow:hidden}
.logo-link img{width:100%;height:100%;object-fit:cover;object-position:center}
.menu-btn{min-width:48px;min-height:44px;background:transparent;color:#fff;border:1px solid #3b3b3b;border-radius:4px;font-size:.72rem;letter-spacing:.14em}
.menu{display:none;position:absolute;left:0;right:0;top:68px;padding:18px 16px 22px;background:#090909;border-bottom:1px solid #262626}
.menu.open{display:grid;gap:16px}
.menu a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:.74rem;letter-spacing:.12em}
.hero{position:relative;min-height:620px;display:flex;align-items:flex-end;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 10%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.95) 88%)}
.hero-copy{position:relative;z-index:2;padding:0 18px 40px;width:100%}
.kicker{margin:0 0 12px;font-size:.65rem;letter-spacing:.22em;font-weight:800;text-transform:uppercase;color:#d0cac0}
.red-text{color:var(--red)}
h1,h2,h3{font-family:Oswald,Impact,sans-serif;text-transform:uppercase}
h1{font-size:clamp(4.3rem,20vw,6.7rem);line-height:.88;margin:0 0 18px}
.hero-copy>p:not(.kicker){max-width:510px;color:#ded9d0;font-size:.98rem;line-height:1.65}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;margin-top:18px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:800;border:0}
.button.red{background:var(--red);color:#fff}
.section{padding:62px 18px 28px}
.intro{text-align:center}
.intro h2,.story h2,.signup h2{font-size:clamp(2.7rem,12vw,4.8rem);line-height:.95;margin:0 0 15px}
.intro>p:last-child{max-width:700px;margin:0 auto;color:var(--muted);line-height:1.65}
.preorders{display:grid;grid-template-columns:1fr;gap:22px;padding:0 16px 58px}
.product{min-width:0;background:var(--panel);border:1px solid #2b2b2b;border-radius:8px;overflow:hidden}
.media{position:relative;aspect-ratio:4/3;overflow:hidden}
.media.dark{background:#0c0c0c}
.media img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;left:12px;top:12px;background:var(--red);padding:7px 10px;font-size:.62rem;letter-spacing:.13em;font-weight:800}
.product-copy{padding:20px}
.mini{margin:0 0 6px;color:var(--red);font-size:.62rem;letter-spacing:.18em;font-weight:800}
.product h3{font-size:1.75rem;margin:0}
.price{font-size:1.45rem;font-weight:800;margin:5px 0 14px}
.desc{color:#bcb6ad;line-height:1.6;font-size:.9rem}
.terms{display:grid;gap:9px;margin:18px 0}.terms span{font-size:.8rem;color:#e0dbd2;padding-left:14px;position:relative}.terms span:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--red)}
.button.disabled{width:100%;margin-top:5px;background:#1c1c1c;color:#777}
.benefits{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefits div{padding:20px 18px;border-bottom:1px solid var(--line);display:grid;gap:5px}.benefits div:last-child{border-bottom:0}.benefits strong{font-size:.72rem;letter-spacing:.1em}.benefits span{font-size:.82rem;color:#a9a39a}
.collection-heading{padding-top:70px}
.collection-grid{display:grid;grid-template-columns:1fr;gap:18px;padding:0 16px 68px}
.collection-card{min-width:0;border:1px solid #292929;background:#101010;border-radius:7px;overflow:hidden}
.collection-card img{width:100%;aspect-ratio:1.28/1;object-fit:cover;object-position:center;background:#eee}
.collection-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}
.collection-card h3{font-size:1.08rem;margin:0}
.collection-card span{white-space:nowrap;font-size:.56rem;letter-spacing:.11em;border:1px solid #474747;padding:6px 8px;color:#c8c2b9}
.story{padding:72px 18px;background:linear-gradient(#0c0c0c,#080808);border-top:1px solid var(--line)}
.story p:last-child{max-width:680px;color:#aaa49c;line-height:1.7}
.signup{margin:0 16px 64px;padding:42px 22px;background:#eee4d1;color:#111;border-radius:6px}
.signup .kicker{color:#9d1b21}.signup p{line-height:1.6}.outline{border:1px solid #111;color:#111}
footer{display:grid;gap:12px;padding:30px 18px 36px;border-top:1px solid var(--line);color:#7f7971;font-size:.72rem}
footer img{width:150px;height:70px;object-fit:cover;object-position:center}

@media(min-width:700px){
 .header{height:78px;padding:10px 5vw}.logo-link{width:148px;height:58px}.menu-btn{display:none}.menu{display:flex;position:static;padding:0;background:none;border:0;gap:26px}
 .hero{min-height:720px}.hero-copy{padding:0 6vw 70px;max-width:760px}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.25) 65%)}
 .section{padding-left:5vw;padding-right:5vw}
 .preorders{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-left:5vw;padding-right:5vw;max-width:1450px;margin:auto}
 .benefits{grid-template-columns:repeat(3,1fr);padding:0 5vw}.benefits div{border-bottom:0;border-right:1px solid var(--line)}.benefits div:last-child{border-right:0}
 .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:5vw;padding-right:5vw;max-width:1500px;margin:auto}
 .story{padding:90px 8vw}.signup{max-width:1000px;margin:0 auto 90px;padding:65px}
 footer{grid-template-columns:160px 1fr auto;align-items:center;padding:28px 5vw}
}