@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=IBM+Plex+Mono:wght@300;400;500&display=swap');
:root{--ink:#000;--paper:#fff;--hush:#f3f3f3;--mid:#777;--line:#dedede;--pad:clamp(16px,4vw,60px);--display:'Syne',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;z-index:999;background:#fff;padding:12px}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.section{padding-top:clamp(56px,8vw,112px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 var(--pad) clamp(18px,2.6vw,32px);border-bottom:1px solid var(--line);margin-bottom:clamp(18px,2.6vw,30px)}.section-title{font-size:clamp(30px,5.2vw,66px);font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.9;margin:0}.muted{color:var(--mid)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fff;background:#fff;color:#000;padding:14px 24px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.btn--dark{background:#000;color:#fff;border-color:#000}.btn:hover{background:transparent;color:inherit}.media{background:var(--hush);overflow:hidden}.media img{height:100%;object-fit:cover}.media img.contain{object-fit:contain;padding:7%;background:#f3f3f3}.placeholder{display:grid;place-items:center;min-height:320px;background:#e9e9e9;color:#777;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.plate{position:relative;border:1px solid currentColor;padding:7px}.plate:before{content:'';position:absolute;inset:3px;border:1px solid currentColor;opacity:.22;pointer-events:none}
.ticker{overflow:hidden;background:#000;color:#fff;padding:9px 0}.ticker__track{display:flex;gap:42px;width:max-content;animation:ticker 32s linear infinite}.ticker__track span{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase}@keyframes ticker{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:50;background:#fff}.header-bar{display:flex;align-items:center;gap:22px;padding:14px var(--pad);border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:clamp(19px,2.3vw,26px);letter-spacing:-.05em;text-transform:uppercase}.desktop-nav{display:flex;gap:20px;margin-left:10px}.header-actions{margin-left:auto;display:flex;gap:16px;align-items:center}.menu-toggle{display:none;background:none;border:0}.mobile-menu{display:none;background:#000;color:#fff;padding:20px var(--pad)}.mobile-menu.is-open{display:block}.mobile-menu a{display:block;border-bottom:1px solid #333;padding:14px 0;font-weight:700;text-transform:uppercase}
.hero{position:relative;min-height:clamp(520px,88vh,900px);background:#111;color:#fff;overflow:hidden}.hero__media{position:absolute;inset:0}.hero__media img{height:100%;object-fit:cover;object-position:center 46%}.hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.08) 35%,rgba(0,0,0,.75))}.hero__copy{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(34px,7vh,74px);z-index:2}.hero h1{font-size:clamp(44px,10.5vw,150px);line-height:.85;letter-spacing:-.055em;text-transform:uppercase;margin:0}.hero__row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-top:22px}.hero__text{max-width:48ch;line-height:1.9}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,58px);padding:0 var(--pad);align-items:center}.split__media{aspect-ratio:4/5}.split__content h3{font-size:clamp(30px,4.6vw,64px);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;margin:14px 0}.specs{border-top:1px solid var(--line);margin:22px 0}.specs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,calc((100% - 48px)/3));gap:24px;overflow:auto;padding:0 var(--pad);scroll-snap-type:x mandatory}.rail>*{scroll-snap-align:start}.card__media{aspect-ratio:4/5}.card__info{display:flex;justify-content:space-between;gap:12px;padding-top:12px}.card__title{font-weight:700;text-transform:uppercase}.card__price{font-family:var(--mono);font-size:11px}.card:hover img{transform:scale(1.035)}.card img{transition:transform .8s}.tile__cap{display:flex;justify-content:space-between;padding:14px 4px}.tile__cap h3{margin:0;text-transform:uppercase}
.dark-section{background:#000;color:#fff;margin-top:clamp(56px,8vw,112px);padding:clamp(48px,8vw,100px) var(--pad)}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center}.dark-section h2{font-size:clamp(34px,5.5vw,74px);line-height:.9;text-transform:uppercase;margin:0}.newsletter{display:flex;border-bottom:1px solid #444;max-width:430px;margin-top:28px}.newsletter input{flex:1;border:0;background:none;color:#fff;padding:14px 0}.newsletter button{border:0;background:none;color:#fff}
.lookbook{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.lookbook figure{margin:0;position:relative;background:#fff}.lookbook .media{aspect-ratio:3/4}.lookbook figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 14px 14px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7))}.reviews{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--pad)}.review{padding:28px;border:1px solid var(--line);margin-right:-1px}.review blockquote{margin:20px 0;line-height:1.8}
.product-page,.collection-page,.cart-page{padding:60px var(--pad)}.product-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-form select,.product-form input{width:100%;padding:14px;border:1px solid var(--line);margin:8px 0 18px}.product-form button{width:100%}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cart-row{display:grid;grid-template-columns:100px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}
.site-footer{margin-top:clamp(60px,8vw,110px);background:#000;color:#fff;padding:60px var(--pad) 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer-links a{display:block;color:#bbb;margin:9px 0}.footer-wordmark{font-size:clamp(52px,11vw,150px);font-weight:800;letter-spacing:-.07em;text-transform:uppercase;border-top:1px solid #333;margin-top:50px;padding-top:25px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #333;padding:16px 0}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.split,.dark-grid,.product-grid{grid-template-columns:1fr}.rail{grid-auto-columns:75vw}.lookbook{grid-template-columns:1fr 1fr}.reviews{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero h1{font-size:44px}.collection-grid,.product-gallery{grid-template-columns:1fr}.lookbook{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.header-actions .search-link{display:none}}