@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');
:root{--black:#070706;--gold:#c49548;--gold2:#e3bf76;--cream:#eee3ce;--muted:#b5a78f;--line:rgba(196,149,72,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}
.nav{height:76px;position:sticky;top:0;z-index:50;background:rgba(5,5,4,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw}.brand img{width:88px;height:55px;object-fit:contain}.nav nav{display:flex;gap:24px;font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}.nav nav a{padding:27px 0}.nav nav a:hover,.nav nav .active{color:var(--gold2);border-bottom:2px solid var(--gold)}.nav-button{border:1px solid var(--gold);padding:10px 14px;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.menu-button{display:none;background:none;border:1px solid var(--gold);color:var(--gold2);font-size:1.1rem;padding:8px 11px}.mobile-menu{display:none}
.hero{min-height:720px;position:relative;display:grid;place-items:center;text-align:center;background:url('yki-theme.png') center/cover}.overlay{position:absolute;inset:0;background:linear-gradient(rgba(5,4,3,.4),rgba(5,4,3,.94)),radial-gradient(circle at center,transparent,#050403 90%)}.hero-copy{position:relative;z-index:2;padding:90px 6vw}.logo{width:170px;max-width:42vw;display:block;margin:20px auto 5px;mix-blend-mode:screen;filter:drop-shadow(0 8px 20px #000)}.label{font-size:.69rem;letter-spacing:.2em;color:var(--gold2);font-weight:700;text-transform:uppercase}.hero h1{font:600 clamp(4rem,8vw,8rem)/.82 'Cormorant Garamond',serif;margin:18px 0}.hero h1 span,.message h2 span,.collection h2 span,.roadmap h2 span,.future h2 span,.closing h2 span{color:var(--gold2)}.launch{color:var(--gold2);letter-spacing:.22em;font-size:.8rem;font-weight:700}.hero p{max-width:620px;color:#d0c2ab;line-height:1.8;margin:25px auto 30px}.button,.notify{display:inline-block;padding:14px 22px;background:var(--gold);color:#0a0805;border:1px solid var(--gold);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.message{text-align:center;max-width:900px;margin:auto;padding:120px 6vw}.message h2{font:600 clamp(3.5rem,7vw,7rem)/.84 'Cormorant Garamond',serif;margin:18px 0 30px}.message p{color:var(--muted);line-height:1.9}
.collection{padding:120px 6vw;background:linear-gradient(135deg,#20140b,#080706)}.section-head{text-align:center;max-width:850px;margin:0 auto 60px}.section-head h2{font:600 clamp(3.5rem,7vw,7rem)/.84 'Cormorant Garamond',serif;margin:18px 0}.section-head p{color:var(--muted);line-height:1.8}.product{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.product-art{border:1px solid var(--line);background:#0c0a08;padding:15px;min-height:580px;display:grid;place-items:center;box-shadow:0 25px 75px #000}.sample{width:82%;height:82%;min-height:450px;border:1px dashed rgba(196,149,72,.5);display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#20150b,#080706 70%);text-align:center}.sample-mark{font:600 6rem 'Cormorant Garamond';color:var(--gold2);letter-spacing:.08em}.sample small{color:var(--muted);font-size:.58rem;letter-spacing:.15em;line-height:1.6}.status{color:var(--gold2);font-size:.65rem;letter-spacing:.17em;font-weight:700}.product-info h3{font:600 clamp(2.5rem,5vw,5rem)/.88 'Cormorant Garamond',serif;margin:15px 0 25px}.description{color:var(--muted);line-height:1.85}.spec{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.12em}.spec span{color:var(--muted)}.spec b{color:var(--gold2)}.sizes{margin:28px 0}.sizes .label{margin-bottom:12px}.sizes span:not(.label){display:inline-grid;place-items:center;width:45px;height:40px;border:1px solid var(--line);margin-right:6px;color:var(--gold2);font-size:.7rem}.notify{margin-top:8px}.product-info #message{margin-top:15px;color:var(--gold2);font-size:.75rem}
.roadmap{padding:120px 6vw;background:#0a0907}.roadmap h2{font:600 clamp(3.5rem,7vw,7rem)/.84 'Cormorant Garamond',serif;margin:18px 0 50px;text-align:center}.steps{max-width:1050px;margin:auto;border-top:1px solid var(--line)}.steps div{display:grid;grid-template-columns:70px 170px 1fr;gap:20px;padding:25px 5px;border-bottom:1px solid var(--line);align-items:center}.steps b{color:var(--gold2);font-size:.75rem}.steps strong{font:600 1.45rem 'Cormorant Garamond';color:var(--gold2)}.steps p{color:var(--muted);font-size:.8rem;margin:0;line-height:1.6}
.future{text-align:center;padding:120px 6vw;background:linear-gradient(135deg,#1a1109,#080706)}.future h2,.closing h2{font:600 clamp(4rem,8vw,8rem)/.82 'Cormorant Garamond',serif;margin:18px 0}.future p{color:var(--muted);max-width:650px;margin:0 auto 25px;line-height:1.8}.planned{display:flex;justify-content:center;gap:8px;margin-top:25px}.planned span{display:grid;place-items:center;width:45px;height:40px;border:1px solid var(--line);color:var(--gold2);font-size:.7rem}
.closing{text-align:center;padding:120px 6vw;background:radial-gradient(circle at center,#2b1a0d,#070605 65%)}footer{padding:28px 4vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#978a76;font-size:.61rem;letter-spacing:.1em}footer img{width:70px;height:45px;object-fit:contain}
@media(max-width:1000px){.nav nav{display:none}.menu-button{display:block}.mobile-menu{position:fixed;z-index:49;top:76px;left:0;right:0;background:rgba(7,6,5,.98);border-bottom:1px solid var(--line);padding:15px 6vw;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{padding:15px 0;border-bottom:1px solid rgba(196,149,72,.18);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.product{grid-template-columns:1fr}.product-art{min-height:500px}.steps div{grid-template-columns:55px 150px 1fr}}
@media(max-width:560px){.nav{height:68px}.nav-button{display:none}.hero{min-height:620px}.message,.collection,.roadmap,.future,.closing{padding-left:5vw;padding-right:5vw}.product-art{min-height:390px}.sample{min-height:330px;width:92%}.sample-mark{font-size:4rem}.steps div{grid-template-columns:45px 1fr;gap:10px}.steps p{grid-column:2}.future h2,.closing h2{font-size:4rem}}

.hoodie-image{width:100%;height:auto;display:block;object-fit:contain}