:root{--paper:#eeeee9;--ink:#151513;--muted:#73736e}*{box-sizing:border-box}html{scrollbar-color:#878780 var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:hover{color:#76766b}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid #675434;outline-offset:6px}header{height:110px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between}header button,.close{font-size:12px;text-transform:uppercase;letter-spacing:.04em;min-height:44px}.brand{font-size:25px;letter-spacing:.43em;font-weight:600;text-decoration:none;color:inherit;padding-left:18px}.brand sup{font-size:8px;letter-spacing:0;vertical-align:top;position:relative;top:3px}#store{min-height:100svh;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:550px}.rail{position:absolute;left:16%;right:16%;top:16%;height:9px;border-radius:9px;background:linear-gradient(#b5b6b3 0%,#fdfefa 24%,#858884 50%,#454743 65%,#c4c7c1 90%);box-shadow:0 8px 9px #0002}.rail i{position:absolute;top:-9px;height:29px;width:15px;background:linear-gradient(90deg,#777,#eee,#999);border-radius:2px;box-shadow:0 3px 4px #0003}.rail i:last-child{right:0}.rack{position:absolute;top:16%;left:23%;right:23%;height:65%;display:flex;justify-content:center;align-items:flex-start;perspective:1200px}.piece{position:relative;width:25%;height:100%;flex-shrink:0;transition:width .65s cubic-bezier(.22,1,.36,1);padding:0;outline-offset:0!important}.piece .garment{position:absolute;width:260px;max-width:29vw;height:100%;top:0;left:50%;transform:translateX(-50%) rotateY(-69deg);transform-origin:50% 5%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s;filter:drop-shadow(12px 12px 6px #0002)}.piece:hover,.piece:focus-visible{width:44%}.piece:hover .garment,.piece:focus-visible .garment{transform:translateX(-50%) rotateY(0deg);filter:drop-shadow(10px 15px 7px #0002)}.garment img{width:100%;height:calc(100% - 35px);object-fit:contain;object-position:top;position:absolute;top:35px;left:0}.hanger{position:absolute;top:26px;left:20%;width:60%;height:43px;clip-path:polygon(49% 0,54% 0,100% 83%,98% 99%,3% 99%,0 83%);background:linear-gradient(165deg,#573321,#b8885e 40%,#734c30 62%,#bc8f64);border-radius:5px}.garment:before,.focus-piece:before{content:'';position:absolute;top:-4px;left:calc(50% - 5px);height:33px;width:11px;border:2px solid #90918b;border-left-color:transparent;border-bottom:0;border-radius:14px 14px 0 0;transform:rotate(9deg)}.caption{position:absolute;bottom:31px;width:100%;text-align:center}.caption p{font-size:13px;letter-spacing:.12em;font-weight:700;margin:0 0 16px}.pill{border:1px solid #94958d;border-radius:99px;padding:9px 22px;font-size:11px;text-transform:uppercase;min-height:34px;transition:background .2s}.pill:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hint{display:block;font-size:9px;letter-spacing:.11em;color:var(--muted);margin-top:15px}footer{height:29px;background:#252720;color:#f1f1e7;overflow:hidden;display:flex;align-items:center;font-size:10px;font-style:italic;white-space:nowrap}footer div{animation:marquee 38s linear infinite}footer b{margin:0 30px;font-style:normal}@keyframes marquee{to{transform:translateX(-35%)}}dialog{border:0;color:var(--ink);background:#eeeee9c9;max-width:none;max-height:none;padding:0}dialog::backdrop{background:#eeeee975;backdrop-filter:blur(12px)}#product{inset:0;width:100%;height:100svh;margin:0}.close{position:absolute;right:4.4%;top:30px;z-index:2}.close span{margin-left:10px;font-size:20px}.focus-stage{position:absolute;top:15%;height:53%;left:20%;right:20%;display:flex;align-items:center;justify-content:space-between}.focus-piece{position:absolute;left:50%;transform:translateX(-50%);top:0;width:340px;max-width:70%;height:100%;filter:drop-shadow(10px 14px 8px #0002)}.focus-piece img{width:100%;height:calc(100% - 35px);object-fit:contain;position:absolute;top:35px}.focus-piece .hanger{top:25px}.arrow{position:relative;z-index:2;border:1px solid #aaa;border-radius:50%;height:40px;width:40px;font-size:19px}.arrow:hover{background:#fff}.product-copy{position:absolute;bottom:5%;text-align:center;width:100%}#count{font-size:10px;color:var(--muted);letter-spacing:.1em}h1{font-family:Arial Black,Arial,Helvetica,sans-serif;font-weight:1000;font-size:clamp(26px,3vw,44px);letter-spacing:-.075em;line-height:1;margin:14px 0 10px}.product-copy p{font-size:10px;letter-spacing:.19em;margin:0 0 12px}.view-switch{display:flex;justify-content:center;gap:15px;margin:0 0 12px}.view-switch button{text-transform:uppercase;font-size:10px;padding:6px}.view-switch button[aria-pressed=true]{border-bottom:1px solid}#availability-note{font-size:12px;letter-spacing:0;margin:10px 20px 0}#info{width:min(550px,90%);padding:70px 45px;background:var(--paper)}#info>div{margin-top:25px}#info h2{font-size:42px;line-height:1;letter-spacing:-.05em}#info p{font-size:16px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:.4em}@media(max-width:600px){header{height:90px;padding:0 22px}.brand{font-size:20px}.stage{min-height:500px}.rail{left:7%;right:7%;top:22%}.rack{left:15%;right:15%;top:22%;height:52%}.piece .garment{width:190px;max-width:45vw;transform:translateX(-50%) rotateY(-65deg)}.caption{bottom:45px}.hint{font-size:8px}.focus-stage{left:6%;right:6%;top:18%;height:46%}.focus-piece{width:290px;max-width:76%}.product-copy{bottom:8%}.close{top:20px}.arrow{width:36px;height:36px}h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}
/* Volumetric renderer replaces the previous perspective image cards. */
.piece .garment.volume,.piece:hover .garment.volume,.piece:focus-visible .garment.volume{width:340px;max-width:36vw;transform:translateX(-50%);filter:drop-shadow(10px 13px 7px #0002)}.garment.volume:before,.volume-focus:before{display:none}.volume canvas{width:100%;height:100%;display:block}.volume-focus{width:420px;max-width:86%;filter:drop-shadow(12px 16px 9px #0002)}#hero{width:100%;height:100%;touch-action:none;cursor:grab}#hero:active{cursor:grabbing}#hero canvas{width:100%;height:100%;display:block}.volume-focus:after{content:'DRAG TO ROTATE';position:absolute;bottom:-19px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:.12em;color:#73736e;pointer-events:none}@media(max-width:600px){.piece .garment.volume{width:205px;max-width:53vw}.volume-focus{width:330px;max-width:90%}}
.piece .garment.volume{height:min(100%,430px)}
@media(max-width:600px){.piece .garment.volume{height:min(100%,335px)}}
@media(max-width:600px){.piece .garment.volume{height:min(100%,260px)}}
#info p a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}#info p a:hover{color:var(--muted)}
.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.contact-actions .pill{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;font-family:inherit;font-weight:400;cursor:pointer}.contact-actions .pill:hover{color:var(--paper)}.contact-actions .pill:active{transform:translateY(1px)}
.piece{touch-action:pan-y;user-select:none;cursor:grab}.piece canvas{pointer-events:none}.piece.dragging{z-index:5;cursor:grabbing}.rack.reordering .piece{width:25%;transition:none}.rack.reordering .piece.dragging{transition:none}.rack-keyboard-help{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:10px;color:var(--muted);visibility:hidden}.stage:has(.piece:focus-visible) .rack-keyboard-help{visibility:visible}.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}
.piece .garment{pointer-events:none}
.sound-toggle{position:absolute;left:4.4%;bottom:45px;font-size:9px;padding:6px 12px;min-height:30px;background:var(--paper);z-index:6}#store{position:relative}#info .sound-toggle{left:45px;bottom:20px}#product .sound-toggle{bottom:20px}@media(max-width:600px){.sound-toggle{left:22px;bottom:42px}#info .sound-toggle{left:45px}}
.sound-control{position:absolute;left:4.4%;bottom:45px;z-index:6;width:86px;min-height:34px;transition:width .16s ease}.sound-control.expanded{width:240px}.sound-control .sound-toggle{position:static;width:100%;min-height:34px}.sound-volume{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:5px 10px;background:var(--paper);animation:volume-reveal .16s ease}.sound-control [hidden]{display:none!important}.sound-volume input{width:105px;min-width:0;height:22px;accent-color:var(--ink);cursor:pointer;touch-action:none}.sound-volume output{width:36px;font-size:9px;text-align:center;text-transform:none}.sound-mute{padding:3px 0;font-size:9px;text-transform:uppercase}.sound-volume:hover{background:var(--paper);color:var(--ink);border-color:#94958d}#info .sound-control{left:45px;bottom:20px}#product .sound-control{bottom:20px}@keyframes volume-reveal{from{opacity:0;transform:scaleX(.92)}to{opacity:1;transform:scaleX(1)}}@media(max-width:600px){.sound-control{left:22px;bottom:42px}.sound-control.expanded{width:235px}#info .sound-control{left:45px;max-width:calc(100% - 90px)}}
#store>.sound-control{bottom:34px}

/* Product details: garment first, then name, price, meanings and story. */
#product{overflow-y:auto;padding:100px 6% 80px;}
#product[open]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%;align-items:center;}
#product .focus-stage{position:relative;inset:auto;height: min(650px,72svh);min-height:380px;}
#product .product-copy{position:relative;bottom:auto;width:100%;max-width:500px;text-align:left;}
#product h1{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em;line-height:1.08;margin:12px 0 14px;text-wrap:balance;}
#product .product-price{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;}
#product .product-material{font-size:10px;letter-spacing:.15em;color:#595952;margin-bottom:14px;}
.product-story{border-top:1px solid #c8c8bf;padding-top:24px;}
#product-meanings{margin:0 0 24px;display:grid;gap:16px;}
#product-meanings dt{font-size:15px;font-weight:700;line-height:1.5;margin-bottom:3px;}
#product-meanings dd{margin:0;font-size:14px;line-height:1.65;color:#50504a;}
#product #product-narrative p{font-size:14px;line-height:1.75;letter-spacing:0;margin:0 0 18px;}
#product .view-switch{justify-content:flex-start;margin:0 0 24px;}
#product #availability-note{margin:14px 0 0;line-height:1.5;}
#product>.sound-control{position:fixed;}
@media(max-width:760px){
  #product{padding:74px 24px 84px;}
  #product[open]{display:block;}
  #product .focus-stage{height:46svh;min-height:300px;max-height:450px;margin-bottom:48px;}
  #product .product-copy{max-width:500px;margin:0 auto;}
  #product h1{font-size:32px;}
  #product .product-price{font-size:22px;}
  #product .close{position:fixed;background:var(--paper);padding:0 12px;right:12px;top:14px;}
}

@media(max-width:760px){#product>.sound-control{position:relative;inset:auto;margin-top:28px;}}

/* Sound is a navigation action with a dedicated settings dialog. */
header{display:grid;grid-template-columns:1fr auto 1fr;}
header>[data-info="contact"]{justify-self:end;}
.nav-start{display:flex;align-items:center;gap:14px;}
.sound-nav{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;}
.sound-slash,.is-muted .sound-waves{display:none;}
.is-muted .sound-slash{display:block;}
#sound-settings{width:min(440px,calc(100% - 40px));padding:72px 36px 36px;background:var(--paper);}
#sound-settings .close{top:16px;right:24px;}
#sound-settings h2{font-size:32px;letter-spacing:-.04em;margin:0 0 14px;}
#sound-settings p{font-size:14px;line-height:1.6;color:#50504a;margin:0 0 32px;}
.sound-label{display:flex;justify-content:space-between;font-size:13px;}
#sound-range{width:100%;height:44px;accent-color:var(--ink);margin:8px 0 24px;cursor:pointer;}
#sound-settings .sound-mute{font-size:11px;padding:9px 22px;}
@media(max-width:600px){.nav-start{gap:4px;}header{padding:0 16px;}header .brand{font-size:18px;letter-spacing:.3em;padding-left:5px;}}