@font-face{font-family:"Hepta Slab";src:url("assets/hepta.woff2") format("woff2");font-weight:500;font-display:swap}
:root{--paper:#f0efe9;--ink:#20211f;--muted:#797b74;--line:#d4d4cc;--red:#aa3527;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:6px}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:not-allowed}button[hidden],[hidden]{display:none!important}.header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.wordmark{font-family:Arial,Helvetica,sans-serif;font-size:49px;letter-spacing:-5px;font-weight:900;transform:scaleX(1.12);transform-origin:left;line-height:1}.header nav{display:flex;gap:42px;align-items:center;margin-left:40px}.nav-item{font-size:14px;padding:13px 0;position:relative}.nav-item.active:after{content:'';position:absolute;bottom:2px;left:0;width:23px;height:2px;background:var(--ink)}.nav-item span{font-size:11px;margin-left:7px;color:var(--muted)}.motion-button{display:flex;gap:9px;align-items:center;font-size:12px;padding:12px;border:1px solid #d4d4ce;border-radius:30px}.motion-icon{font-size:13px}.collection{max-width:1600px;margin:auto;padding:42px 5% 30px}.collection-heading{display:flex;justify-content:space-between;align-items:start}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:9px}.red-line{height:8px;width:8px;background:var(--red);display:inline-block}h1{font-size:clamp(30px,3.3vw,49px);line-height:1.05;letter-spacing:-2px;font-weight:500;margin:18px 0 0}.edition{display:flex;flex-direction:column;gap:7px;font-size:11px;letter-spacing:1.4px;text-align:right;color:var(--muted);padding-top:3px}.edition span:first-child{color:var(--ink)}.stage{height:440px;position:relative;margin-top:-55px;perspective:1400px;isolation:isolate;touch-action:pan-y}.rail{position:absolute;top:75px;left:4%;width:92%;height:10px;z-index:1}.rail-bar{position:absolute;top:0;left:0;width:100%;height:7px;background:linear-gradient(#737670 0%,#d9dbd6 26%,#fefefc 45%,#959891 63%,#555a53 88%,#b2b4ac 100%);border-radius:8px;box-shadow:0 6px 8px #282d2414}.rail i{position:absolute;width:16px;height:19px;top:-6px;border-radius:50%;background:linear-gradient(100deg,#5b6059,#d4d6cc 40%,#74796f 70%,#3b4138);box-shadow:2px 4px 6px #282d2426}.rail i:first-child{left:-3px}.rail i:nth-child(2){right:-3px}.rack{position:absolute;inset:0;transform-style:preserve-3d;cursor:grab}.rack:active{cursor:grabbing}.garment{position:absolute;top:73px;left:50%;width:300px;height:365px;padding:0;transform-origin:50% 0;transform-style:preserve-3d;transition:transform .8s var(--ease),opacity .5s,filter .5s;will-change:transform;outline-offset:-40px!important}.garment-inner{position:absolute;inset:0;transform-origin:50% 0;animation:sway var(--duration,5s) ease-in-out var(--delay,0s) infinite alternate}.hanger{width:190px;height:80px;position:absolute;top:-8px;left:55px;fill:none;stroke:#555a51;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px 1px #1112)}.garment canvas{position:absolute;left:0;top:49px;width:100%;height:310px;filter:drop-shadow(7px 13px 5px #20251b23)}.garment .tag{position:absolute;top:280px;right:45px;background:#e9e4d5;border:1px solid #c6c1b4;padding:6px 5px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1px;box-shadow:1px 2px 3px #0001;opacity:0;transition:opacity .3s}.garment:hover .tag,.garment:focus-visible .tag{opacity:1}.floor-shadow{position:absolute;bottom:-2px;height:34px;width:72%;left:14%;background:radial-gradient(ellipse,#2d30241b,transparent 69%);filter:blur(12px);transition:all .7s}.stage-loading{position:absolute;left:0;right:0;top:50%;text-align:center;font-size:13px;color:var(--muted)}.rack-caption{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;margin:24px auto 0;max-width:1100px;padding:0 12px}.caption-index{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted)}.caption-index>span:first-child{color:var(--ink)}.index-line{height:1px;width:38px;background:#a9aba1}.caption-main{text-align:center;min-height:53px}.caption-main p{font-size:16px;margin:0 0 7px;font-weight:550}.caption-main>span{font-size:12px;color:var(--muted)}.rack-controls{display:flex;justify-content:flex-end;gap:8px}.rack-controls button{border:1px solid #c6c8bd;border-radius:50%;height:37px;width:37px;font-size:25px;line-height:1;transition:background .2s}.rack-controls button:hover{background:var(--ink);color:var(--paper)}.product-dots{display:flex;justify-content:center;gap:10px;margin-top:19px}.dot{width:21px;height:21px;padding:4px;border-radius:50%;border:1px solid transparent}.dot i{display:block;width:11px;height:11px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}.dot.current{border-color:#77796d}.dot:hover{border-color:#a5a79c}footer{min-height:78px;border-top:1px solid var(--line);margin:0 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-motto{font-size:10px;letter-spacing:1.2px;font-weight:650}.footer-note{color:var(--muted)}footer a{font-size:12px;border-bottom:1px solid #999b91;padding-bottom:3px}.return-button{position:absolute;top:12px;left:0;z-index:30;font-size:25px;display:flex;gap:10px;align-items:center}.return-button span{font-size:13px}.product-panel{position:absolute;right:5%;top:95px;width:280px;z-index:50;animation:appear .5s var(--ease)}.product-panel .kicker{font-size:10px;letter-spacing:2px;color:var(--muted)}.product-panel h2{font-size:29px;line-height:1.1;letter-spacing:-1px;font-weight:500;margin:12px 0}.price{font-size:16px;margin:0 0 22px}.size-label{font-size:11px;display:flex;justify-content:space-between;color:var(--muted)}.sizes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 15px}.sizes button{width:39px;height:35px;border:1px solid #bfc1b6;font-size:12px;transition:all .2s}.sizes button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sizes button:disabled{opacity:.3;text-decoration:line-through}.shop-link{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);min-height:46px;font-size:13px;transition:background .2s}.shop-link:hover{background:#44483d}.shop-note{font-size:11px;color:var(--muted);line-height:1.5;margin:10px 0}.detail-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.selected-view .rail{opacity:.3}.selected-view .floor-shadow{left:12%;width:40%;bottom:-12px}.selected-view .rack{cursor:default}.selected-view .garment.active .garment-inner{animation-duration:9s}.paused .garment-inner{animation-play-state:paused}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sway{from{transform:rotate(-1.8deg)}to{transform:rotate(1.8deg)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-height:900px) and (min-width:800px){.collection{padding-top:55px;padding-bottom:45px}.stage{height:510px;margin-top:-30px}.garment{top:95px;width:340px;height:405px}.garment canvas{height:360px}.hanger{left:75px}.rail{top:97px}.rack-caption{margin-top:30px}}
@media(max-width:800px){.header{height:85px;padding:0 6%}.wordmark{font-size:39px;letter-spacing:-4px}.header nav{gap:20px;margin-left:15px}.nav-item{font-size:12px}.nav-item span{display:none}.motion-button{padding:10px}.motion-label{display:none}.collection{padding:32px 5% 24px;overflow:hidden}.collection-heading{padding:0 2%}h1{font-size:35px}.stage{height:400px;margin-top:5px}.rail{left:-7%;width:114%;top:43px}.garment{top:40px;width:290px}.rack-caption{padding:0;margin-top:13px;grid-template-columns:1fr 3fr 1fr}.caption-main p{font-size:14px}.caption-main>span{font-size:11px}.caption-index{gap:7px;font-size:11px}.index-line{width:20px}.rack-controls{gap:4px}.rack-controls button{height:30px;width:30px}.edition{font-size:10px}.product-panel{top:375px;right:0;left:0;width:auto;background:var(--paper);padding:20px 5% 5px;border-top:1px solid var(--line)}.product-panel h2{font-size:26px}.selected-view{height:690px}.selected-view .rail{top:43px}.selected-view .floor-shadow{left:15%;width:70%;bottom:330px}.return-button{top:0;left:2%;font-size:20px}.return-button span{font-size:12px}.product-panel .price{position:absolute;top:44px;right:5%;font-size:14px}.product-panel h2{max-width:65%}.product-panel .sizes{margin-bottom:12px}.product-panel .shop-note{margin-bottom:0}.footer-note{display:none}footer{font-size:10px;margin:0 7%;min-height:70px}.footer-motto{font-size:9px;letter-spacing:.6px}.product-dots{margin-top:15px}}
@media(max-width:450px){.header nav .nav-item:last-child{display:none}.header nav{margin-left:15px}.collection-heading h1{font-size:33px}.stage{margin-top:18px}.caption-main p{font-size:13px}.caption-index{gap:5px}.index-line{width:13px}.product-panel .price{top:40px;font-size:13px}.product-panel h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep the side garments inside the rail while the selected piece moves forward. */
.collection{overflow:hidden}.selected-view{margin-top:12px}.selected-view .return-button{top:12px}.product-panel .size-label{font-size:12px}.product-panel .sizes button{font-size:14px}.product-panel .shop-link{font-size:14px}.product-panel .shop-note{font-size:12px}.caption-main>span{font-size:13px}
@media(max-width:800px){.selected-view{margin-top:18px}.product-panel{top:390px}.selected-view{height:715px}.product-panel .shop-note{font-size:12px}.caption-main>span{font-size:11px}}

body{font-family:"Hepta Slab",Georgia,serif;font-weight:500;background:#f5f5f1}.wordmark{transform:none;letter-spacing:normal;display:flex;align-items:center;width:190px}.wordmark img{width:100%;height:auto;mix-blend-mode:multiply}.collection-heading h1{font-size:29px;letter-spacing:-1.3px;line-height:1.25;margin-top:0}.edition{letter-spacing:0}.footer-motto{letter-spacing:0;font-weight:500;font-size:11px}.stage{margin-top:20px;height:430px}.rail,.floor-shadow{display:none}.stage-loading{z-index:10}.rack{z-index:2}.rack>canvas{width:100%;height:100%;display:block;cursor:grab}.rack>canvas:active{cursor:grabbing}.garment{display:none}.product-panel{top:85px;width:300px}.selected-view{margin-top:20px}.selected-view .rack>canvas{cursor:default}.product-panel .kicker{font-size:12px;letter-spacing:0}.product-panel h2{font-family:inherit;font-size:25px;line-height:1.3}.nav-item{font-size:13px}.caption-main p{font-size:14px}.caption-main>span{font-size:12px}.motion-label{font-size:11px}.collection{padding-top:40px}.product-panel .shop-note{font-family:Arial,sans-serif}.rack-caption{margin-top:8px}.product-dots{margin-bottom:20px}.return-button{z-index:55}.selected-view .return-button{top:0}.size-label{font-family:Arial,sans-serif}.edition{font-size:11px}.rack-controls button{font-family:Arial,sans-serif}.product-panel .sizes button{font-family:Arial,sans-serif}
@media(min-height:900px) and (min-width:800px){.stage{height:500px;margin-top:25px}.collection{padding-top:44px;padding-bottom:25px}}
@media(max-width:800px){.wordmark{width:130px}.collection-heading h1{font-size:25px}.stage{height:390px;margin-top:20px}.selected-view{height:710px}.product-panel{top:390px;width:auto}.product-panel h2{font-size:21px}.edition{font-size:9px}.nav-item{font-size:11px}.footer-motto{font-size:10px}.product-panel .price{font-size:13px}.product-panel{background:#f5f5f1}.caption-main p{font-size:12px}}

.size-preview-note{font-size:10px;line-height:1.6;color:#77786f;margin:16px 0 0}

.view-controls{display:flex;align-items:center;gap:8px;margin:18px 0}.view-controls button{font:inherit;font-size:12px;background:transparent;border:1px solid #d8d8ce;padding:9px 16px;cursor:pointer}.view-controls button[aria-pressed="true"]{background:#242622;color:#fff;border-color:#242622}.view-controls span{font-size:10px;color:#77786f;margin-left:5px}.back-note{font-size:11px;line-height:1.5;color:#77786f;margin:-6px 0 16px}
