@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#f4f4f4;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
.nav{height:72px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202020;position:sticky;top:0;z-index:30;background:rgba(5,5,5,.9);backdrop-filter:blur(14px)}
.wordmark{font-size:1.2rem;font-weight:900;letter-spacing:-.07em}.wordmark span{font-weight:500}nav{display:flex;gap:28px;font-size:.7rem;letter-spacing:.18em}nav a:hover{opacity:.55}.cart-btn{background:#fff;border:1px solid #fff;color:#050505;padding:10px 15px;font-size:.68rem;letter-spacing:.12em}.cart-btn b{margin-left:5px}
.hero{min-height:88vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:7vw;gap:5vw;background:radial-gradient(circle at 22% 45%,#191919 0,#080808 40%,#050505 70%)}.hero-art{display:flex;justify-content:center}.hero-art img{width:min(680px,100%);max-height:65vh;object-fit:contain;filter:drop-shadow(0 25px 60px #000)}.hero-copy p:first-child,small{font-size:.66rem;letter-spacing:.25em;color:#999}.hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.83;letter-spacing:-.09em;margin:22px 0}.hero h1 span{color:transparent;-webkit-text-stroke:1px #fff}.sub{color:#aaa;line-height:1.6;max-width:430px;margin-bottom:30px}.btn{display:inline-block;padding:15px 22px;background:#fff;color:#050505;border:1px solid #fff;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-align:center}.btn:hover{background:#050505;color:#fff}.section{padding:110px 7vw}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.heading h2,.story h2,.contact h2{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.08em;line-height:.88;margin:14px 0 0}.heading p,.story>p,.contact p{color:#888;max-width:420px;line-height:1.7}
.product{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;max-width:1200px;margin:auto}.product-photo{position:relative;border:1px solid #222;background:#0b0b0b}.product-photo img{display:block;width:100%;height:auto}.badge{position:absolute;top:18px;left:18px;background:#fff;color:#000;padding:8px 10px;font-size:.6rem;font-weight:800;letter-spacing:.15em}.product-info{align-self:center}.product-info h3{font-size:2.1rem;letter-spacing:-.06em;line-height:1;margin:14px 0}.description{color:#888;line-height:1.7;font-size:.9rem}.price{font-size:1.35rem;font-weight:700;margin:25px 0}.product-info label{font-size:.62rem;letter-spacing:.2em;color:#888}.sizes{display:flex;gap:7px;margin:10px 0 22px}.sizes button{background:#0c0c0c;border:1px solid #292929;color:#fff;width:48px;height:42px}.sizes button.selected{background:#fff;color:#000;border-color:#fff}.add{width:100%;margin-top:8px}.note{font-size:.68rem;color:#666;margin-top:14px}.story{border-top:1px solid #202020;border-bottom:1px solid #202020;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.story>p{align-self:end}.contact{text-align:center}.contact p{margin:20px auto 30px}.cart{position:fixed;z-index:60;right:0;top:0;width:min(440px,92vw);height:100vh;background:#0b0b0b;border-left:1px solid #222;padding:28px;transform:translateX(100%);transition:.3s;overflow:auto}.cart.open{transform:translateX(0)}.cart-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222;padding-bottom:20px}.cart-top h2{font-size:1.5rem;letter-spacing:-.05em}.cart-top button{background:none;color:#fff;border:0;font-size:1.6rem}.cart-item{padding:20px 0;border-bottom:1px solid #222;display:flex;justify-content:space-between;gap:20px}.cart-item small{letter-spacing:normal;color:#777}.cart-item button{background:none;border:0;color:#777;font-size:.65rem}.empty{color:#777}.total{display:flex;justify-content:space-between;padding:25px 0}.full{width:100%}.shade{position:fixed;z-index:50;inset:0;background:#000b;opacity:0;pointer-events:none;transition:.3s}.shade.show{opacity:1;pointer-events:auto}footer{border-top:1px solid #202020;padding:40px 7vw;display:flex;justify-content:space-between;color:#666;font-size:.65rem;letter-spacing:.08em}
@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding:65px 6vw}.hero-art{order:0}.hero-copy{order:1}.hero-art img{max-height:48vh}.section{padding:80px 6vw}.heading,.story,.product{display:grid;grid-template-columns:1fr}.product{gap:45px}.heading{align-items:start}.story{gap:35px}footer{display:block}footer span:last-child{display:block;margin-top:18px}}
