:root{--ink:#111;--mut:#707070;--sf:#F4F4F4;--line:#E6E6E6;--red:#C8102E}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}
body{margin:0;color:var(--ink);background:#fff;font:400 15px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.logo{font-family:"Inter Tight",Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.05}
a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{max-width:1320px;margin:auto;padding:0 32px}
.ann{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.02em;display:flex;justify-content:center;gap:40px;padding:8px 16px;flex-wrap:wrap}
header.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:68px}
.logo{font-size:1.05rem;text-transform:uppercase;letter-spacing:.32em;text-decoration:none;white-space:nowrap}.logo b{font-weight:600}
.bk{justify-self:end;display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;color:var(--ink);font:500 13px Inter,system-ui,sans-serif}.bk span{font-size:12px}
header nav{display:flex;justify-content:center;align-items:center;gap:34px;height:44px;font-size:13px;font-weight:500;border-top:1px solid var(--line)}
header nav a{text-decoration:none;color:#444;white-space:nowrap;padding:3px 0;border-bottom:1px solid transparent}header nav a:hover{color:var(--ink);border-color:var(--ink)}
nav .sep{width:1px;height:14px;background:#d4d4d4}
.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:16px 34px;font:500 13px Inter,system-ui,sans-serif;letter-spacing:.03em;cursor:pointer;text-decoration:none;display:inline-block;transition:background .2s,color .2s}
.btn:hover{background:#333}.btn.y{background:var(--ink)}.btn:disabled{opacity:.35;cursor:default}.wide{width:100%;padding:18px}
.hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:clamp(520px,82vh,840px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:radial-gradient(120% 90% at 72% 18%,#505767 0%,#1f232b 58%,#0e1013 100%)}
.hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 55%)}
.hc{position:relative;z-index:1;width:100%;max-width:1320px;margin:0 auto;padding:0 32px 76px}.hc h1{font-size:clamp(3rem,7.4vw,6.6rem);max-width:10ch;margin:0 0 18px;letter-spacing:-.045em}
.hc p{max-width:40ch;font-size:1.05rem;opacity:.86;margin:0 0 30px}.hc .btn{margin-right:12px}.btn.w{background:#fff;color:var(--ink);border-color:#fff}.btn.w:hover{background:#e9e9e9}.btn.o{background:transparent;border-color:#fff}.btn.o:hover{background:#fff;color:var(--ink)}
.aud{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 0}
.at{position:relative;aspect-ratio:3/4;overflow:hidden;display:block;color:#fff;text-decoration:none;background:var(--sf)}
.at img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.at:hover img{transform:scale(1.035)}
.at:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0) 50%)}
.at div{position:absolute;left:28px;bottom:26px;z-index:1}.at h2{font-size:1.9rem;margin:0 0 6px}.at span{font-size:13px;border-bottom:1px solid #fff;padding-bottom:1px}
section h2{font-size:clamp(1.8rem,3.2vw,2.7rem);margin:104px 0 16px}.intro{color:var(--mut);max-width:52ch;margin:0 0 20px}
.cats,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 36px}
.cats a{border:1px solid var(--line);padding:7px 18px;font-size:13px;font-weight:500;text-decoration:none;border-radius:99px}.cats a:hover{border-color:var(--ink)}
.chip{border:1px solid var(--line);background:#fff;padding:7px 18px;font:500 13px Inter,system-ui,sans-serif;cursor:pointer;border-radius:99px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:52px 16px}
.card .im{position:relative;overflow:hidden;background:var(--sf)}.card .im img{width:100%;aspect-ratio:4/5;object-fit:cover}
.card .b{position:absolute;inset:0;height:100%;opacity:0;transition:opacity .5s}.card .im:hover .b{opacity:1}
.tag{position:absolute;top:12px;left:12px;background:#fff;color:var(--red);font-size:11px;font-weight:600;padding:3px 9px;letter-spacing:.02em}
.qa{position:absolute;left:0;right:0;bottom:0;padding:14px;opacity:0;transform:translateY(100%);transition:.3s;background:rgba(255,255,255,.96);color:var(--ink);border:0}.qa:hover{background:var(--ink);color:#fff}
.card .im:hover .qa,.qa:focus-visible{opacity:1;transform:none}@media(hover:none){.qa{opacity:1;transform:none}}
.card .in{padding-top:14px}.card h3{font:500 14px Inter,system-ui,sans-serif;letter-spacing:0;margin:0 0 4px;line-height:1.4}.card h3 a{text-decoration:none}
.price{font:500 14px Inter,system-ui,sans-serif}.was{color:var(--mut);text-decoration:line-through;margin-left:10px;font-size:13px}
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin:112px 0 0;padding:52px 0 0;border-top:1px solid var(--line);text-align:center}
.perks div{color:var(--mut);font-size:14px}.perks b{display:block;color:var(--ink);font:600 15px "Inter Tight",Inter,system-ui,sans-serif;letter-spacing:0;margin:14px 0 4px}.perks svg{margin:auto;color:var(--ink)}
.crumbs{font-size:12px;color:var(--mut);padding-top:28px;margin:0}.crumbs a{text-decoration:none}
.pd{display:grid;grid-template-columns:1.3fr .7fr;gap:72px;padding:24px 0}.gal{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:start}.gal img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--sf)}.gal img:only-child{grid-column:1/-1}
.buy{position:sticky;top:130px;align-self:start}.buy h1{font-size:2.1rem;margin:0 0 12px}.pr{display:flex;align-items:baseline;gap:4px;margin:0 0 20px}.pr .price{font-size:1.2rem}.save{margin-left:12px;color:var(--red);font-weight:500;font-size:13px}
.tick{list-style:none;padding:0;margin:22px 0;color:var(--mut);font-size:13.5px}.tick li:before{content:"–";margin-right:10px}
details{border-top:1px solid var(--line);padding:16px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:500;font-size:14px}details p{color:var(--mut);margin:8px 0 0}
.legal{max-width:66ch;padding:56px 0}.legal h1{font-size:2.8rem;margin-bottom:12px}.legal h2{font:600 1rem Inter,system-ui,sans-serif;letter-spacing:0;margin:32px 0 6px}.legal p,.legal li{color:#444}
footer{background:var(--sf);margin-top:128px;padding:72px 0 56px;font-size:13.5px;color:#444}.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
footer a{display:block;text-decoration:none;padding:3px 0}footer a:hover{color:var(--ink);text-decoration:underline}footer h4{color:var(--ink);font:600 13px Inter,system-ui,sans-serif;letter-spacing:.02em;margin:0 0 14px}footer .logo{color:var(--ink);margin-bottom:14px;font-size:.95rem}.co{margin-top:16px;color:var(--mut)}
#cart{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#fff;z-index:50;transform:translateX(105%);transition:transform .35s;display:flex;flex-direction:column;padding:30px;overflow:auto;box-shadow:-24px 0 60px rgba(0,0,0,.14)}
#cart.open{transform:none}#cart h2{font-size:1.5rem;margin:0}.ci{display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ci img{width:68px;height:85px;object-fit:cover}.qty button{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}
.tot{margin:20px 0;font-size:14px}.tot div{display:flex;justify-content:space-between;padding:3px 0}.tot .g{font-weight:600;font-size:1.05rem;padding-top:12px}
@media(max-width:900px){.wrap,.hc{padding-left:20px;padding-right:20px}.hd{height:58px}.logo{letter-spacing:.2em;font-size:.9rem}header nav{justify-content:flex-start;overflow-x:auto;gap:22px}.hero{height:70vh}.hc{padding-bottom:44px}.aud{grid-template-columns:1fr}.pd{grid-template-columns:1fr;gap:28px}.buy{position:static}.fg{grid-template-columns:1fr 1fr}section h2{margin-top:72px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
.at{background:radial-gradient(110% 80% at 80% 10%,#4a5160,#20242c 62%)}.at:nth-child(2){background:radial-gradient(110% 80% at 80% 10%,#3f5a4d,#1d2b25 62%)}.at:nth-child(3){background:radial-gradient(110% 80% at 80% 10%,#5a4a63,#2a2230 62%)}

.hero.sm{height:clamp(240px,36vh,380px)}.hero.sm .hc{padding-bottom:44px}.hero.sm .hc h1{font-size:clamp(2.4rem,5.6vw,4.6rem);max-width:14ch;margin-bottom:12px}.hero.sm .hc p{margin:0}
section.ps{padding-top:8px}section.ps .cats{margin-top:24px}
@media(max-width:900px){.hero.sm{height:240px}.hero.sm .hc{padding-bottom:28px}}