@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800;900&display=swap');
:root{--bg:#f5f4f0;--ink:#181818;--muted:#797770;--blue:#5276de;--border:#dedbd5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}
.header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:inline-flex;align-items:center;width:max-content;max-width:130px}.brand img{max-width:115px;max-height:56px;object-fit:contain}.brand span{font:900 42px/.9 'Barlow Condensed';letter-spacing:-.04em}.brand sup{font:10px 'DM Sans';vertical-align:top}.header nav{display:flex;gap:36px;font-size:10px;font-weight:800;letter-spacing:.14em}.cart-trigger{justify-self:end;background:none;border:1px solid var(--ink);border-radius:100px;padding:11px 17px;font-size:10px;font-weight:800;letter-spacing:.1em}
.collection{padding:30px 2.5vw 55px}.rack-meta{display:flex;justify-content:space-between;padding:0 2vw 15px;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.rack{height:min(72vh,670px);min-height:505px;position:relative;overflow:hidden;background:linear-gradient(160deg,#fafaf7,#eeece6 80%);border:1px solid var(--border)}.rail{position:absolute;left:0;right:0;top:82px;height:8px;background:linear-gradient(#dedbd4,#777 35%,#383838 65%,#bcb9b2);box-shadow:0 3px 5px #0002;z-index:1}.rack-scroller{position:absolute;inset:0;z-index:2;display:flex;gap:12px;align-items:stretch;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;overscroll-behavior-x:contain;padding:0 max(8vw,34px);cursor:grab}.rack-scroller::-webkit-scrollbar{display:none}.rack-scroller.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.piece{position:relative;min-width:0;flex:0 0 clamp(210px,23vw,330px);height:100%;scroll-snap-align:center;cursor:pointer;transition:transform .25s}.piece:hover{transform:translateY(-5px)}.hanger-hook{position:absolute;top:45px;left:50%;width:40px;height:51px;transform:translateX(-50%);z-index:4}.hanger-hook svg,.hanger-triangle svg{display:block;width:100%;height:100%}.hanger-triangle{position:absolute;top:87px;left:50%;width:175px;height:46px;transform:translateX(-50%);z-index:3}.piece-photo{position:absolute;top:115px;bottom:64px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:3}.piece-photo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 12px #0002);-webkit-user-drag:none;user-select:none;pointer-events:none}.piece[data-kind="tee"] .piece-photo{top:133px;bottom:77px}.piece-name{position:absolute;bottom:22px;left:0;right:0;text-align:center}.piece-name b{font:800 20px 'Barlow Condensed';text-transform:uppercase;letter-spacing:.06em;display:block}.piece-name span{font-size:9px;letter-spacing:.13em;color:var(--muted)}.arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:43px;height:43px;border:1px solid #b4b1aa;border-radius:50%;background:#f7f6f1e8;font:30px/1 'DM Sans';color:#262626}.arrow-left{left:16px}.arrow-right{right:16px}.rack-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 2vw;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--muted)}.indicators{display:flex;gap:5px}.indicators i{width:6px;height:6px;background:#c6c2bb;border-radius:20px}.indicators i.active{width:22px;background:var(--ink)}
.identity{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;background:#171717;color:white;margin:0 2.5vw;padding:90px 8vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#8c8982}.identity h2{font:900 clamp(62px,8vw,120px)/.83 'Barlow Condensed';letter-spacing:-.035em;margin:24px 0 0}.identity h2 span{color:var(--blue)}.identity-description p{font-size:13px;line-height:2;color:#cacaca;max-width:350px}.identity .identity-footnote{font-size:10px;letter-spacing:.2em;margin-top:30px;color:#999}footer{padding:36px 5vw;display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.15em;color:#78766f}
.overlay[hidden]{display:none}.overlay{position:fixed;inset:0;background:#0009;z-index:20;display:flex;justify-content:center;align-items:center;padding:20px}.product-dialog{background:var(--bg);width:min(880px,100%);max-height:92vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;position:relative}.dialog-image{background:#e9e7e1;min-height:430px;padding:24px;display:grid;place-items:center}.dialog-image img{max-width:100%;max-height:460px;object-fit:contain}.dialog-details{padding:52px 36px;display:flex;flex-direction:column;align-items:flex-start}.dialog-details h3{font:800 43px/1 'Barlow Condensed';text-transform:uppercase;margin:16px 0}.dialog-details p{font-size:12px;line-height:1.8;color:#777}.close{position:absolute;top:12px;right:16px;border:0;background:none;font-size:28px;z-index:2}.sizes{display:flex;gap:8px;margin:18px 0 20px}.sizes button{border:1px solid #bbb;background:transparent;padding:9px 13px;font-size:11px}.sizes .selected{color:white;background:#171717}.primary{background:#171717;color:white;border:0;padding:16px 20px;font-size:10px;font-weight:800;letter-spacing:.14em;width:100%}.notice{font-size:10px!important;color:#777!important}.bag-drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,96vw);background:var(--bg);box-shadow:-7px 0 40px #0003;transform:translateX(110%);transition:transform .25s;z-index:30;padding:32px}.bag-drawer.open{transform:translateX(0)}.bag-drawer h3{font:800 40px 'Barlow Condensed';margin:25px 0}.bag-items{font-size:12px;line-height:1.9}.bag-row{border-top:1px solid var(--border);padding:12px 0;display:flex;justify-content:space-between;gap:10px}.bag-row button{background:none;border:0;text-decoration:underline;font-size:10px}
@media(max-width:740px){.header{grid-template-columns:1fr 1fr;height:66px}.header nav{display:none}.brand img{max-height:48px;max-width:95px}.collection{padding:12px 9px 36px}.rack-meta{padding:12px 12px}.rack{height:600px;min-height:0}.rail{top:83px}.rack-scroller{padding:0 16vw;gap:11vw}.piece{flex-basis:71vw}.piece-photo{top:115px;bottom:80px}.piece[data-kind="tee"] .piece-photo{top:126px;bottom:95px}.arrow{width:35px;height:35px;font-size:23px}.arrow-left{left:6px}.arrow-right{right:6px}.rack-bottom{padding:16px 8px}.rack-bottom span{font-size:8px}.identity{grid-template-columns:1fr;gap:32px;padding:70px 8vw;margin:0 9px}.identity h2{font-size:clamp(59px,14vw,100px)}footer{flex-wrap:wrap}.product-dialog{grid-template-columns:1fr}.dialog-image{min-height:290px;height:36vh}.dialog-image img{max-height:34vh}.dialog-details{padding:25px}.dialog-details h3{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}