/* Immersive SHO-O product studio. Controls remain outside the canvas. */
.header{background:#171817;color:#f3f1eb;border-bottom:1px solid #ffffff24}.header .dot{background:#cf3537}.header nav a:hover{color:#ec8b86}.header nav a{border-color:#ffffff2c}.immersive-hero{background:#171817;color:#f4f1e9;padding:28px 5% 30px;overflow:hidden}.experience-topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.8px;color:#bab9b2}.experience-topline>span:first-child{display:flex;align-items:center;gap:10px}.experience-topline .dot{width:7px;height:7px}.experience-layout{display:grid;grid-template-columns:.8fr 1.25fr;gap:4%;align-items:center;max-width:1600px;margin:auto}.experience-copy{padding:30px 0 60px;position:relative;z-index:1}.experience-kicker{font-size:12px;letter-spacing:2px;color:#aaa99f}.experience-copy h1{font-size:clamp(65px,6.8vw,110px);line-height:1.03;letter-spacing:-.055em;margin:28px 0 30px}.experience-copy h1 em{color:#ddcab2;letter-spacing:-.06em}.experience-intro{font-size:21px;line-height:1.65;color:#c9c8bf}.experience-scroll{display:flex;align-items:center;justify-content:space-between;font-size:17px;max-width:255px;border-bottom:1px solid #8a8b82;padding:18px 0;margin-top:25px;min-height:54px}.experience-scroll:hover{color:#f2baac}.scene-panel{min-width:0;position:relative;padding:20px 0 12px}.scene-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;color:#b9b9b0}.scene-topbar button{background:transparent;color:#dddcd3;border:1px solid #6e7068;padding:10px 14px;min-height:44px;border-radius:30px;font-size:14px;letter-spacing:0}.scene-topbar button[aria-pressed=true]{background:#eee9dc;color:#1b1b19}.three-stage{width:100%;height:520px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#77715d2e,transparent 66%);touch-action:pan-y}.three-stage:before{content:'';position:absolute;left:12%;right:12%;bottom:7%;height:11%;border:1px solid #ffffff0f;border-radius:50%;background:radial-gradient(ellipse,#d9c7a50c,transparent 70%);pointer-events:none}.three-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;z-index:1}.three-stage canvas:active{cursor:grabbing}.three-stage canvas:focus-visible{outline:2px solid #ecc4a1;outline-offset:-5px}.scene-fallback{position:absolute;inset:9% 14% 7%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9e2d4;border-radius:40% 40% 3px 3px;overflow:hidden}.scene-fallback img{width:70%;height:72%;object-fit:contain;mix-blend-mode:multiply}.scene-fallback>span{font-size:10px;letter-spacing:2px;color:#6f665b}.viewer-ready .scene-fallback{display:none}.scene-progress{position:absolute;z-index:2;bottom:7%;left:0;right:0;text-align:center;font-size:14px;color:#eee9dc;background:#171817d9;padding:12px;pointer-events:none}.scene-progress[hidden]{display:none}.scene-bottomline{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b9b9b0;margin:0 0 20px}.scene-bottomline>span:first-child>span{font-size:17px;margin-left:8px}.experience-controls{border-top:1px solid #ffffff25;padding-top:22px}.experience-controls button{min-height:46px;font-size:15px;line-height:1.3;transition:background .18s,border-color .18s,color .18s}.experience-controls button:disabled{opacity:.45}.finish-group{display:flex;flex-wrap:wrap;gap:9px}.finish-group button{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:none;color:#d1d1c8;padding:8px 11px;border-radius:25px}.finish-group button[aria-pressed=true]{color:#fff;border-color:#aaa692;background:#ffffff0b}.finish-dot{display:block;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff66}.finish-ivory{background:#e5d8c2}.finish-graphite{background:#34383b}.finish-red{background:#a32b2e}.camera-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;border:1px solid #62645c;border-radius:4px;overflow:hidden}.camera-group button{background:transparent;color:#c9cac1;border:0;padding:11px 8px}.camera-group button+button{border-left:1px solid #62645c}.camera-group button[aria-pressed=true]{background:#e6e0d3;color:#20211e}.scene-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.scene-actions button{background:transparent;border:1px solid #77786f;color:#e2e2d8;padding:13px 16px;flex:1;min-width:150px}.scene-actions .scene-primary{background:#c53637;border-color:#c53637;color:white}.scene-actions .scene-primary:hover{background:#d54343}.scene-primary>span{margin-left:16px}.scene-actions button[aria-pressed=true]:not(.scene-primary){background:#e6e0d3;color:#20211e}.scene-actions button[hidden]{display:none}.scene-status{font-size:13px;color:#b9b9ae;line-height:1.6;margin-top:14px;min-height:42px;max-width:620px}.experience-footnote{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-top:1px solid #ffffff20;padding-top:22px;margin-top:22px}.experience-footnote>span{font-size:11px;letter-spacing:1.7px;white-space:nowrap}.experience-footnote p{font-size:12px;color:#a8a99f;max-width:500px;line-height:1.65}.immersive-hero button:focus-visible,.immersive-hero a:focus-visible{outline:3px solid #edb99d;outline-offset:4px}
@media(min-width:1600px){.three-stage{height:600px}}@media(max-width:1000px){.experience-layout{grid-template-columns:.85fr 1.15fr;gap:2%}.experience-copy h1{font-size:65px}.three-stage{height:460px}.experience-controls button{font-size:14px}.finish-group{gap:3px}.finish-group button{padding:8px}.experience-intro{font-size:19px}.experience-footnote{align-items:flex-start}.experience-topline>span:last-child{display:none}}
@media(max-width:720px){.immersive-hero{padding-top:24px}.experience-layout{grid-template-columns:1fr;gap:0}.experience-copy{padding:24px 0 12px}.experience-copy h1{font-size:clamp(49px,10vw,68px);line-height:1.02;margin:12px 0 18px}.experience-copy h1 br:first-of-type{display:none}.experience-kicker{display:none}.experience-intro{font-size:18px;line-height:1.45}.experience-intro br{display:none}.experience-scroll{font-size:15px;min-height:48px;margin-top:0;max-width:230px;padding:12px 0}.scene-panel{padding-top:20px}.three-stage{height:400px}.scene-topbar{font-size:10px}.scene-topbar button{font-size:13px;padding:10px 12px}.scene-bottomline{font-size:11px}.scene-actions button{min-width:130px;font-size:15px}.scene-status{font-size:13px}.finish-group{gap:7px;justify-content:center}.finish-group button{font-size:16px;padding:9px}.camera-group button{font-size:15px}.experience-footnote{flex-direction:column;gap:15px;padding-top:20px;margin-top:12px}.experience-footnote p{font-size:13px}.experience-footnote>span{font-size:11px}.experience-topline{font-size:10px}.scene-fallback{inset:6% 12%}.experience-controls{padding-top:16px}}
@media(max-width:360px){.three-stage{height:340px}.experience-copy h1{font-size:45px}.scene-actions button{min-width:100%;font-size:16px}.camera-group button{font-size:13px}.finish-group button{font-size:14px;gap:5px;padding:8px}.scene-topbar{gap:6px}.scene-topbar button{font-size:12px;padding:8px}.experience-controls button{min-height:48px}}
@media(prefers-reduced-motion:reduce){.immersive-hero *{transition:none!important;animation:none!important}}
.viewer-static canvas{display:none!important}

@media(max-width:720px){.experience-copy h1 br:first-of-type{display:block}}
/* Atelier: tactile apparel exploration with a persistent source reference. */
.wardrobe-section{background:#e8e2d8;padding-top:75px;padding-bottom:80px}.atelier-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bbb3a6;padding-top:22px;margin-bottom:40px}.atelier-index{font-size:11px;letter-spacing:1.6px;color:#676155}.wardrobe-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center}.wardrobe-visual{min-width:0;background:#302c2b;color:#ede7db;padding:22px;border:1px solid #4a423d}.garment-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.garment-group button{background:transparent;border:1px solid #8d8177;color:#ded6ca;padding:11px 18px;min-height:46px;font-size:16px;border-radius:3px}.garment-group button[aria-pressed=true]{color:#262220;background:#e6ddd0;border-color:#e6ddd0}.garment-group #wardrobe-simple{font-size:13px;margin-left:auto;border-color:#655d57;padding:10px 12px}.wardrobe-stage{position:relative;height:500px;width:100%;isolation:isolate;touch-action:pan-y;background:radial-gradient(ellipse,#ad8b6925,transparent 67%)}.wardrobe-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.wardrobe-stage canvas:active{cursor:grabbing}.wardrobe-stage canvas:focus-visible{outline:3px solid #e1ae8a;outline-offset:-4px}.wardrobe-fallback{position:absolute;inset:25px;display:flex;align-items:center;justify-content:center}.wardrobe-fallback img{width:auto;max-width:90%;height:90%;object-fit:contain;border-radius:3px}.wardrobe-ready .wardrobe-fallback{display:none}.wardrobe-static canvas{display:none!important}.wardrobe-progress{position:absolute;left:0;right:0;bottom:15px;text-align:center;background:#302c2bd9;padding:12px;font-size:14px}.wardrobe-progress[hidden]{display:none}.wardrobe-toolbar{border-top:1px solid #ffffff25;padding-top:18px}.garment-colors{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.garment-colors button{display:flex;align-items:center;gap:7px;min-height:46px;background:none;border:1px solid transparent;border-radius:30px;color:#e2dace;padding:9px 11px;font-size:16px}.garment-colors button[aria-pressed=true]{border-color:#b9ab98;background:#ffffff08}.finish-clay{background:#ae7058}.garment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.garment-actions button{flex:1;background:none;color:#eee4d6;border:1px solid #8d8177;padding:12px;min-height:48px;font-size:15px}.garment-actions button[hidden]{display:none}.garment-actions button[aria-pressed=true]{background:#e6ddd0;color:#262220}.wardrobe-toolbar p{color:#beb2a5;font-size:13px;line-height:1.65;margin-top:14px;min-height:42px}.wardrobe-visual button:disabled{opacity:.45}.wardrobe-visual button:focus-visible{outline:3px solid #e1ae8a;outline-offset:4px}.wardrobe-story h2{font-size:clamp(48px,5.5vw,83px);margin:20px 0 30px;line-height:1.04}.wardrobe-story>p:not(.note):not(.experience-kicker){font-size:19px;line-height:1.7;color:#595247;max-width:440px}.wardrobe-story .wardrobe-tip{margin-top:25px;font-size:16px!important}.wardrobe-tip>span{font-size:27px;margin-right:10px}.garment-reference{display:flex;align-items:center;gap:20px;border-top:1px solid #c1b7a7;border-bottom:1px solid #c1b7a7;padding:20px 0;margin-top:30px;max-width:450px}.garment-reference img{width:90px;height:115px;object-fit:contain;mix-blend-mode:multiply}.garment-reference span{display:block;font-size:10px;letter-spacing:1.4px;color:#716454}.garment-reference strong{display:block;font-size:25px;font-weight:400;margin:5px 0}.garment-reference p{font-size:14px;color:#716454}.wardrobe-story .note{font-size:13px;line-height:1.8;margin-top:23px;max-width:450px}
@media(max-width:1000px){.wardrobe-layout{gap:4%;grid-template-columns:1.1fr .9fr}.wardrobe-visual{padding:17px}.garment-group button{font-size:15px;padding:10px 12px}.garment-group #wardrobe-simple{margin-left:0}.wardrobe-stage{height:440px}.wardrobe-story h2{font-size:52px}.wardrobe-story>p:not(.note):not(.experience-kicker){font-size:18px}}
@media(max-width:720px){.wardrobe-section{padding-top:50px;padding-bottom:55px}.atelier-index{display:none}.atelier-top{margin-bottom:25px}.wardrobe-layout{display:flex;flex-direction:column-reverse;gap:30px;align-items:stretch}.wardrobe-story h2{font-size:48px;margin:15px 0 20px}.wardrobe-story h2 br:nth-of-type(2){display:none}.wardrobe-story>p:not(.note):not(.experience-kicker){font-size:18px}.wardrobe-story .experience-kicker{font-size:11px}.garment-reference{display:none}.wardrobe-story .note{font-size:14px;max-width:none;margin-top:20px}.wardrobe-visual{padding:16px}.wardrobe-stage{height:400px}.garment-group{gap:6px}.garment-group button{font-size:15px;min-height:46px}.garment-group #wardrobe-simple{font-size:12px;padding:10px}.garment-colors{gap:4px}.garment-colors button{font-size:15px;padding:8px}.garment-actions button{font-size:15px}.wardrobe-toolbar p{font-size:13px}.wardrobe-tip{margin-top:14px!important}}
@media(max-width:360px){.wardrobe-stage{height:355px}.wardrobe-story h2{font-size:43px}.garment-group #wardrobe-simple{width:100%;margin-top:4px}.garment-actions button{min-width:100%;font-size:16px}}
@media(max-width:720px){.wardrobe-layout{flex-direction:column}.wardrobe-story h2 br:nth-of-type(2){display:block}}