@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#111210;--cream:#efede5;--lime:#dcff74;--muted:#8d9087}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{display:block;width:145px;height:80px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:cover}nav{display:flex;gap:40px;font-size:11px;letter-spacing:1.5px;font-weight:600}.bag-button{color:var(--cream);background:none;border:0;font-size:11px;letter-spacing:1px}.bag-button span{display:inline-grid;place-items:center;background:var(--lime);color:#151712;width:25px;height:25px;border-radius:50%;margin-left:10px}.intro{padding:55px 5% 36px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:600}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-weight:700}h1{font-size:clamp(50px,5.8vw,84px);line-height:.94;margin:23px 0 0;letter-spacing:-1.5px}h1 em{font-style:normal;color:var(--lime)}.drop-note{border-left:1px solid #55594d;padding-left:20px}.drop-note span{font-size:10px;letter-spacing:2px;color:var(--lime)}.drop-note p{font-size:12px;line-height:1.8;color:#aaada2}.rail-top{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-top:1px solid #ffffff12}.filters{display:flex;gap:8px}.filters button{border:1px solid #3c3e35;border-radius:22px;background:transparent;color:#aaa;padding:10px 19px;font-size:11px}.filters button.active{background:var(--cream);color:#151712;border-color:var(--cream)}sup{font-size:8px;margin-left:4px}.instruction{font-size:9px;letter-spacing:1px;color:#999d90}.showroom{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#45473c 0,#25271f 44%,#161813 85%);height:510px;border-top:1px solid #55594a}.wall-mark{position:absolute;top:35px;width:100%;text-align:center;font:bold 160px 'Barlow Condensed',Impact,sans-serif;letter-spacing:20px;color:#ffffff03;pointer-events:none}.rail-scroll{height:470px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#777b60 transparent}.rack{max-width:1140px;min-width:850px;height:430px;position:relative;margin:0 auto;perspective:1100px}.pole{position:absolute;top:68px;left:4%;right:4%;height:11px;border-radius:8px;background:linear-gradient(#42463e,#c8ccc2 35%,#676e61 54%,#292d27 85%);box-shadow:0 6px 9px #0008}.pole:before,.pole:after{content:'';position:absolute;width:8px;height:390px;top:0;background:linear-gradient(90deg,#3e4438,#a5ad9a,#292f25);z-index:0}.pole:before{left:0}.pole:after{right:0}#garments{position:absolute;inset:0 8%;display:flex;justify-content:center;align-items:flex-start;padding-top:45px;transform-style:preserve-3d}.piece{position:relative;flex:1;height:370px;min-width:0;border:0;background:none;padding:0;color:var(--cream);transition:flex .55s;outline-offset:-8px}.piece .cloth{position:absolute;width:270px;max-width:none;left:50%;top:0;transform:translateX(-50%) rotateY(-65deg) rotateZ(2deg);transform-origin:50% 22px;transition:transform .6s cubic-bezier(.2,.75,.25,1),filter .5s;filter:drop-shadow(12px 15px 8px #0009);pointer-events:none}.piece:hover,.piece:focus-visible,.piece.selected{z-index:5;flex:2}.piece:hover .cloth,.piece:focus-visible .cloth,.piece.selected .cloth{transform:translateX(-50%) rotateY(-8deg) rotateZ(-3deg);filter:drop-shadow(16px 20px 12px #000a)}.piece-label{position:absolute;top:344px;left:50%;width:210px;transform:translate(-50%,12px);opacity:0;transition:.3s;text-align:center}.piece:hover .piece-label,.piece:focus-visible .piece-label,.piece.selected .piece-label{opacity:1;transform:translate(-50%,0)}.piece-label b{font-size:13px;display:block;margin-bottom:7px}.piece-label span{font-size:11px;color:var(--lime)}.floor-line{position:absolute;bottom:52px;width:100%;border-top:1px solid #ffffff09;box-shadow:0 -20px 70px #0006}.room-caption{position:absolute;bottom:20px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#929885}.bottom-bar{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff1c}.bottom-bar span,.bottom-bar a{font-size:9px;letter-spacing:1.5px}.bottom-bar p{font-size:11px;color:#969a8e}.bottom-bar a{color:var(--lime)}#story{display:grid;grid-template-columns:1fr 1fr;max-width:1150px;gap:100px;margin:100px auto;padding:0 5%;align-items:center}.story-art{height:450px;overflow:hidden;transform:rotate(-3deg);background:#25271f}.story-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.story-copy h2{font-size:56px;line-height:1;margin:20px 0}.story-copy p{font-size:13px;line-height:1.9;color:#a4a89a}.cta{display:block;background:var(--lime);color:#161a0e;border:0;padding:19px 25px;font-size:11px;letter-spacing:1px;font-weight:700;margin-top:24px;text-align:center}.story-copy small{display:block;color:#73786b;font-size:9px;margin-top:18px}footer{padding:30px 5%;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#8b9080}footer img{width:110px;height:65px;object-fit:cover}dialog{background:#1e2119;color:var(--cream);border:1px solid #515747;padding:45px;width:min(850px,94vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;top:12px;right:18px;background:none;border:0;color:var(--cream);font-size:30px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}#productVisual{background:radial-gradient(#606350,#2a2d23);padding:20px}#productVisual svg{width:100%}.product-info h2,dialog h2{font-size:42px;line-height:1;margin:18px 0}#productPrice{color:var(--lime)}#productDescription{font-size:12px;line-height:1.9;color:#b0b4a6}.product-info label{font-size:9px;letter-spacing:1px;display:block;margin-top:25px}#sizes{display:flex;gap:7px;margin-top:10px}#sizes button{background:none;color:var(--cream);border:1px solid #626951;width:40px;height:38px}#sizes button.active{background:var(--cream);color:#111}.small{font-size:10px;line-height:1.8;color:#a0a491}#bagDialog{max-width:540px}.bag-row{padding:20px 0;border-bottom:1px solid #ffffff23;display:flex;justify-content:space-between;align-items:center;font-size:12px}.bag-row small{display:block;color:#969e89;margin-top:8px}.bag-row button{border:0;color:#aab297;background:none;font-size:11px}#bagTotal{display:flex;justify-content:space-between;margin:25px 0;color:var(--lime)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--lime);color:#151b0d;padding:15px 25px;font-size:12px;opacity:0;transition:.3s;pointer-events:none;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){header{height:80px}.brand{width:115px;height:65px}nav{gap:16px;font-size:9px}.intro{padding-top:35px}.drop-note{display:none}h1{font-size:58px}.eyebrow{font-size:8px;letter-spacing:1px}.instruction{display:none}.rail-top{padding-top:15px;padding-bottom:15px}.showroom{height:480px}.rack{min-width:840px}.rail-scroll{height:450px}.room-caption span:last-child{display:none}.bottom-bar p{display:none}.bottom-bar{gap:12px}.bottom-bar span,.bottom-bar a{font-size:8px}#story{gap:35px;margin:65px auto;grid-template-columns:1fr}.story-art{height:370px;margin:0 15px}.story-copy h2{font-size:48px}.product-layout{grid-template-columns:1fr;gap:10px}#productVisual{max-height:260px;text-align:center}#productVisual svg{height:230px}dialog{padding:32px 22px}footer{gap:12px}footer span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Sculpted three-dimensional atelier */
.intro{padding-top:38px;padding-bottom:32px}h1{font-size:clamp(50px,5.2vw,76px)}.showroom{height:610px}.has-3d{background:#242620}.has-3d .rail-scroll,.has-3d .wall-mark,.has-3d .floor-line{display:none}.atelier-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;display:block}.atelier-info{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);display:flex;gap:35px;align-items:center;min-width:360px;justify-content:center}.selected-product{background:none;border:0;color:#efede5;text-align:center;min-width:230px;padding:12px}.selected-product span{display:block}.selected-product span:first-child{font-size:15px;font-weight:500;margin-bottom:10px}.selected-product span:last-child{font-size:9px;color:var(--lime);letter-spacing:1.3px}.rail-arrow{width:38px;height:38px;border:1px solid #ffffff40;background:#20241c80;border-radius:50%;color:var(--cream);font-size:18px;transition:background .2s}.rail-arrow:hover{background:#dcff74;color:#161a0e}.garment-nav{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.garment-nav button{border:1px solid transparent;border-radius:50%;width:25px;height:25px;padding:5px;background:transparent}.garment-nav button i{display:block;width:13px;height:13px;border-radius:50%;background:var(--swatch);border:1px solid #ffffff40}.garment-nav button[aria-pressed=true]{border-color:var(--lime)}#productVisual{position:relative;height:480px;padding:0;background:radial-gradient(ellipse at 50% 30%,#515748,#20251d);overflow:hidden;max-height:none;touch-action:pan-y}#productVisual canvas{display:block;cursor:grab;touch-action:none}#productVisual canvas:active{cursor:grabbing}.detail-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.7px;color:#d8ddcb;pointer-events:none}.detail-reset{position:absolute;right:15px;top:15px;border:1px solid #ffffff30;background:transparent;color:#ddd;width:30px;height:30px;border-radius:50%;font-size:19px}.product-layout{gap:32px}.room-caption{pointer-events:none}.showroom:focus-visible{outline:1px solid var(--lime);outline-offset:-2px}@media(max-width:700px){.intro{padding-top:30px}h1{font-size:55px}.showroom{height:560px}.atelier-info{min-width:320px;gap:8px;bottom:83px}.selected-product{min-width:220px}.room-caption{font-size:7px;text-align:center;display:block}.instruction{display:block;font-size:7px;max-width:100px;line-height:1.7;text-align:right}.filters button{padding:9px 13px}.product-layout{gap:20px}#productVisual{height:345px}.garment-nav{bottom:55px}dialog{max-height:94dvh}.product-info h2{font-size:34px}}
.showroom:not(.has-3d) .rail-scroll{height:560px}.showroom:not(.has-3d) .rack{height:510px}.showroom:not(.has-3d) .piece{height:450px}.showroom:not(.has-3d) .piece-label{top:414px}.piece .cloth{transition:transform .85s cubic-bezier(.22,.85,.25,1.08),filter .5s;transform:translateX(-50%) rotateY(-68deg) rotateZ(1deg)}.piece:hover .cloth,.piece:focus-visible .cloth,.piece.selected .cloth{transform:translateX(-50%) rotateY(-6deg) rotateZ(-1.5deg)}.piece{transition:flex .7s cubic-bezier(.22,.8,.25,1)}#productVisual>svg{height:100%;width:100%;max-height:480px;position:static;transform:none;filter:drop-shadow(15px 20px 15px #0005)}
/* Photo-based rail: replaces the rejected procedural garment models. */
.photo-rail-controls{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:22px;z-index:8}.photo-rail-controls .selected-product{min-width:230px}.showroom{height:580px}.showroom:not(.has-3d) .rail-scroll{height:465px}.showroom:not(.has-3d) .rack{height:465px}.piece .cloth{backface-visibility:hidden;will-change:transform;transform-origin:50% 24px}.room-caption{bottom:18px}.floor-line{bottom:40px}.piece:focus-visible{outline:1px solid var(--lime);outline-offset:-10px}.showroom .wall-mark{display:none}
@media(max-width:700px){.showroom{height:550px}.showroom:not(.has-3d) .rail-scroll{height:425px;scrollbar-width:none}.showroom:not(.has-3d) .rack{min-width:0;max-width:none;width:calc(var(--piece-count,6)*180px + 100vw - 180px);height:425px;margin:0}.rack .pole{left:0;right:0;top:67px}.pole:before,.pole:after{display:none}#garments{inset:0;padding:45px calc((100vw - 180px)/2) 0;justify-content:flex-start;gap:0}.piece,.piece:hover,.piece:focus-visible,.piece.selected{flex:0 0 180px;min-width:180px;height:370px}.piece .cloth{width:240px;transform:translateX(-50%) rotateY(-66deg) rotateZ(0deg)}.piece.selected .cloth,.piece:focus-visible .cloth{transform:translateX(-50%) rotateY(-4deg) rotateZ(-1deg)}.photo-rail-controls{bottom:56px;gap:3px;width:calc(100% - 28px)}.photo-rail-controls .selected-product{min-width:0;flex:1;padding:12px 3px}.selected-product span:first-child{font-size:14px}.selected-product span:last-child{font-size:9px;letter-spacing:.6px}.photo-rail-controls .rail-arrow{flex-shrink:0}.instruction{font-size:0}.instruction:after{content:'SWIPE TO BROWSE · TAP TO VIEW';font-size:7px}.intro h1{font-size:clamp(36px,10.5vw,55px);letter-spacing:-.5px}.room-caption{font-size:7px}.rail-top{gap:10px}}
.filters button{white-space:nowrap}@media(max-width:700px){.rail-top{flex-wrap:wrap}.instruction{max-width:none;flex:1;text-align:right}.filters{flex-shrink:0}.filters button{padding:9px 12px}}
/* The side pose is photographed from the side; keep the photo plane full width. */
.showroom .piece .cloth,.showroom .piece:hover .cloth,.showroom .piece.selected .cloth,.showroom .piece:focus-visible .cloth{transform:translateX(-50%) rotateZ(var(--swing,0deg));transition:filter .3s;transform-origin:50% 5%}
.piece .front-pose{opacity:var(--front-opacity,0)}.piece .angled-pose{opacity:var(--angle-opacity,0)}.piece .side-pose{opacity:var(--side-opacity,1)}
@media(max-width:700px){.rail-scroll{scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.piece{scroll-snap-align:center}}
/* The rail top is the suspension datum at every viewport width. */
.rack{--rail-top:68px}.rack .pole{top:var(--rail-top)}#garments{padding-top:var(--rail-top)}
.turn-object{position:absolute;left:50%;top:0;width:270px;aspect-ratio:2/3;transform:translateX(-50%);pointer-events:none}
.turn-object canvas,.turn-object .rail-hook{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
@media(max-width:700px){.rack{--rail-top:67px}.turn-object{width:240px}}
.turn-object{transform:translateX(-50%) rotate(var(--pendulum,0deg));transform-origin:50% 0}
.turn-object canvas{transform:skewX(var(--hem-lag,0deg));transform-origin:50% 7.29167%}
.turn-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.turn-poster[hidden]{display:none}
#productVisual{display:flex;flex-direction:column}
.spin-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.spin-stage:active{cursor:grabbing}.spin-stage:focus-visible{outline:1px solid var(--lime);outline-offset:-3px}
.spin-photo{height:94%;aspect-ratio:2/3;max-width:100%;position:relative}
#productVisual .spin-photo canvas,#productVisual .spin-photo svg,.spin-poster{position:absolute;inset:0;width:100%;height:100%;max-height:none;display:block;pointer-events:none}
.spin-poster[hidden]{display:none}
.spin-tools{display:flex;align-items:center;justify-content:center;gap:18px;min-height:45px;font-size:9px;letter-spacing:1px;color:var(--cream)}
.spin-tools button{border:1px solid #ffffff48;background:#20241c80;color:var(--cream);border-radius:50%;width:34px;height:34px;font-size:17px}.spin-tools b{font-variant-numeric:tabular-nums;color:var(--lime);display:inline-block;min-width:29px}
#productDialog>.close{z-index:4}