.shirt-anatomy{--anatomy-ink:#f5e7cf;--anatomy-muted:#c4ae8a;--anatomy-bg:#11110f;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:var(--anatomy-bg)!important;color:var(--anatomy-ink)!important}
.shirt-anatomy::backdrop{background:#090907d9;backdrop-filter:blur(12px)}
.anatomy-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a98b58 var(--anatomy-bg)}
.anatomy-track{height:430dvh;position:relative}.anatomy-sticky{position:sticky;top:0;height:100dvh;overflow:hidden;isolation:isolate}
.anatomy-room{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#62513a50,transparent 62%),linear-gradient(#11110fec,#11110fe6),url('assets/welcome-salon.webp') center/cover}
.anatomy-room:after{content:'';position:absolute;inset:73% 12% 9%;border:1px solid #a88a4730;border-radius:50%;transform:perspective(500px) rotateX(58deg);box-shadow:0 0 70px #dfb97610}
.anatomy-stage{position:absolute;inset:10% 15% 12%;pointer-events:none}.anatomy-stage canvas{display:block;width:100%;height:100%}
.anatomy-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 4.5%;border-bottom:1px solid #ba9d6540;font:11px Georgia;letter-spacing:2.5px}.anatomy-header i{display:block;font:7px Arial;letter-spacing:3px;margin-top:9px;color:var(--anatomy-muted)}
.anatomy-close{font:26px Georgia;color:var(--anatomy-ink);height:40px;width:40px;border:1px solid #b3986050;border-radius:50%;padding:0;background:transparent;cursor:pointer}
.anatomy-copy{position:absolute;left:5%;top:24%;width:24%;pointer-events:none}.anatomy-eyebrow{font:8px Arial;letter-spacing:2.5px;color:var(--anatomy-muted);margin:0 0 20px}.anatomy-copy h2{font:400 clamp(30px,3.6vw,62px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-1px;margin:0 0 22px}.anatomy-description{font:11px/1.9 Arial;color:var(--anatomy-muted);max-width:230px;border-top:1px solid #b3986040;padding-top:18px}
.anatomy-details{position:absolute;right:5%;top:30%;display:grid;gap:55px;opacity:var(--anatomy-expansion,0);font:9px Arial;letter-spacing:1px;color:var(--anatomy-muted);pointer-events:none}.anatomy-details span{border-bottom:1px solid #ad8e5950;padding-bottom:12px;min-width:120px}.anatomy-details b{font-weight:400;color:var(--anatomy-ink);margin-left:20px}
.anatomy-piece{position:absolute;left:5%;bottom:114px;display:flex;gap:15px;align-items:center}.anatomy-piece img{width:47px;height:66px;object-fit:cover;border:1px solid #ab905c60}.anatomy-piece small{font:7px Arial;letter-spacing:2px;color:var(--anatomy-muted)}.anatomy-piece h3{font:21px Georgia;margin:8px 0 4px}.anatomy-piece p{font:8px Arial;margin:0;color:var(--anatomy-muted)}
.anatomy-return{position:absolute;right:5%;bottom:126px;font:10px Arial;padding:15px 23px;border:1px solid #be9c62;color:#201b14;background:#d3b987;cursor:pointer}.anatomy-complete .anatomy-return{box-shadow:0 0 40px #d9b77a26}
.anatomy-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px Arial;letter-spacing:1.4px;color:var(--anatomy-muted)}.anatomy-bottom>b{font-size:20px}.anatomy-bottom output{font-variant-numeric:tabular-nums}.anatomy-chapters{display:flex;gap:20px}.anatomy-chapters button{color:var(--anatomy-muted);font:10px Arial;background:none;border:0;border-bottom:1px solid transparent;padding:9px 0;cursor:pointer}.anatomy-chapters button[aria-current=true]{color:var(--anatomy-ink);border-color:#d6b775}.anatomy-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ab905c25}.anatomy-progress span{display:block;width:calc(var(--anatomy-progress,0)*100%);height:100%;background:#ccb079}
.anatomy-fallback{position:absolute;inset:42% 25% auto;text-align:center;font:16px/1.8 Georgia;background:var(--anatomy-bg);padding:25px}.anatomy-scroll:focus-visible{outline:2px solid #ceb382;outline-offset:-4px}
.viewing-anatomy .product-webgl{visibility:hidden}
.anatomy-seek{position:absolute;bottom:77px;left:5%;right:5%;display:flex;align-items:center;gap:18px;font:8px Arial;letter-spacing:1.5px;color:var(--anatomy-muted)}
.anatomy-seek input{flex:1;min-width:30px;accent-color:#cdb17c;cursor:ew-resize}
.anatomy-ensemble .anatomy-track{height:480dvh}
.salon-assembly-film{position:absolute;right:4%;top:128px;max-width:260px;display:grid;gap:10px;text-align:left;padding:20px;background:#171009e8;border:1px solid #d1b78488;color:#f6e3bd;cursor:pointer}
.salon-assembly-film[hidden]{display:none}.salon-assembly-film small{font:8px Arial;letter-spacing:1.7px;color:#ccb285}.salon-assembly-film strong{font:400 24px/1.15 Georgia}.salon-assembly-film span{font:10px Arial;color:#dcc494}.salon-assembly-film:focus-visible{outline:2px solid #efcc8c;outline-offset:4px}
@media(max-width:700px){.anatomy-seek{bottom:69px;left:6%;right:6%}.anatomy-seek>span{font-size:7px}.salon-assembly-film{top:auto;bottom:171px;left:4%;right:4%;max-width:none;padding:13px 16px;gap:6px}.salon-assembly-film strong{font-size:20px}.anatomy-ensemble .anatomy-piece p{max-width:150px;line-height:1.4}}
.garment-presentation .anatomy-launch{border-left:1px solid #b89b5b66;margin-left:3px}
html[data-theme=light] .shirt-anatomy{--anatomy-ink:#3d3020;--anatomy-muted:#796443;--anatomy-bg:#eee6d7}
html[data-theme=light] .anatomy-room{background:radial-gradient(ellipse at 50% 40%,#fffaf1a1,transparent 68%),linear-gradient(#eee6d7ed,#eee6d7e6),url('assets/welcome-salon.webp') center/cover}
@media(max-width:700px){.anatomy-header{padding:19px 6%;font-size:9px}.anatomy-header i{font-size:6px}.anatomy-copy{left:6%;top:112px;width:80%}.anatomy-copy h2{font-size:34px;max-width:260px;margin-bottom:8px}.anatomy-eyebrow{margin-bottom:10px;font-size:7px}.anatomy-description{border:0;padding:0;max-width:270px;font-size:10px;line-height:1.6}.anatomy-stage{inset:24% -10% 17%}.anatomy-details{right:5%;top:45%;gap:32px;font-size:7px}.anatomy-details span{min-width:68px}.anatomy-details b{margin-left:8px}.anatomy-piece{left:6%;bottom:99px;gap:9px}.anatomy-piece img{width:35px;height:49px}.anatomy-piece h3{font-size:15px;max-width:150px}.anatomy-piece small{font-size:6px}.anatomy-return{right:6%;bottom:99px;max-width:110px;padding:12px;font-size:9px;line-height:1.6}.anatomy-bottom{bottom:12px;left:6%;right:6%;display:grid;grid-template-columns:1fr auto;gap:5px;font-size:7px}.anatomy-chapters{grid-row:2;grid-column:1/3;justify-content:space-between}.anatomy-bottom output{grid-row:1;grid-column:2}.anatomy-fallback{inset:40% 8% auto}.product-salon .garment-presentation button{padding-inline:9px;font-size:10px}}

.anatomy-actions{display:flex;align-items:center;gap:12px}.anatomy-theme{background:transparent;border:1px solid #b3986050;color:var(--anatomy-ink);border-radius:25px;font:10px Arial;padding:10px 17px;cursor:pointer}

/* Original textile footage replaces the geometric studio in the new reveal. */
.anatomy-film .anatomy-stage{inset:15% 3% 20% 30%}
.anatomy-film .anatomy-stage video{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.93);transition:filter 1s}
.anatomy-film .anatomy-room{background:#171310}
.anatomy-film .anatomy-copy{width:22%;top:27%;text-shadow:0 2px 18px #0009}
.anatomy-film .anatomy-details{display:none}
html[data-theme=light] .anatomy-film .anatomy-room{background:#e9decc}
html[data-theme=light] .anatomy-film .anatomy-stage video{filter:brightness(1.08)}
html[data-theme=light] .anatomy-film .anatomy-copy{text-shadow:0 1px 12px #eadccf}
.product-salon .garment-presentation button[hidden],.product-explore button[hidden]{display:none!important}
@media(max-width:700px){.anatomy-film .anatomy-copy{width:85%;top:112px}.anatomy-film .anatomy-stage{inset:32% 0 23%}.anatomy-film .anatomy-stage video{object-fit:contain;object-position:50% 50%}}
@media(max-width:700px){.anatomy-ensemble .anatomy-stage video{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.anatomy-film .anatomy-stage video{transition:none}}
