/* Three complete, individually shoppable garments remain in each cinematic view. */
.cinema-stage{overflow:clip}
.cinema-stage .scene-heading{top:16%;left:8%;width:84%;text-align:center;pointer-events:none}.cinema-stage .scene-heading h2{font-size:clamp(42px,4.2vw,70px);line-height:1;margin:12px 0}.cinema-stage .scene-heading h2 br{display:none}.cinema-stage .scene-heading h2 em{margin-left:12px}.cinema-stage .scene-heading>p:last-child{font-size:10px;line-height:1.5;margin:10px 0}.cinema-stage .scene-heading>p:last-child br{display:none}.cinema-stage .scene-heading .eyebrow{font-size:7px;letter-spacing:2px}.cinema-stage .scene-garments{inset:32% 6% auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-items:center;gap:4%;perspective:none}.cinema-stage .scene-piece,.cinema-stage .scene-piece:nth-child(2){position:relative;left:auto;top:auto;width:100%;max-width:min(27vw,39svh);padding:0;transform-origin:center;will-change:transform,opacity}.cinema-stage .scene-piece .garment-photo{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}.cinema-stage .piece-caption{width:89%;margin:0 auto!important;padding:12px 0 0}.cinema-stage .piece-caption strong{font-size:18px}.cinema-stage .piece-caption small{font-size:8px;margin:7px 0}.cinema-stage .piece-caption b{font-size:9px}.cinema-stage .piece-caption i{width:19px;height:19px}.cinema-stage .scene-piece:focus-visible{outline:1px solid #e8dab0;outline-offset:7px;border-radius:5px}.cinema-stage .shot-copy{display:none}.cinema-stage .lunar-orbit{left:83%;top:14%;width:90px;height:90px}.cinema-stage .chapter-nav{left:50%;transform:translateX(-50%);bottom:75px;gap:25px}.cinema-stage .chapter-nav button{width:115px}.cinema-stage .chapter-nav span{font-size:8px}.cinema-stage .cinema-vignette{box-shadow:inset 0 0 100px #0009}
@media(max-width:900px){.cinema-stage .scene-heading{top:22%}.cinema-stage .scene-garments{top:38%;gap:3%}.cinema-stage .scene-heading h2{font-size:46px}.cinema-stage .lunar-orbit{top:21%;width:65px;height:65px}.cinema-stage .piece-caption strong{font-size:15px}}
@media(max-width:700px){.cinema-stage .scene-heading{top:24%;left:6%;width:88%}.cinema-stage .scene-heading h2{font-size:39px;letter-spacing:-1px}.cinema-stage .scene-heading h2 em{margin-left:8px}.cinema-stage .scene-heading>p:last-child{font-size:9px;max-width:290px;margin:10px auto}.cinema-stage .scene-heading .eyebrow{font-size:6px;letter-spacing:1px}.cinema-stage .scene-garments{top:45%;left:3%;right:3%;gap:1.5%}.cinema-stage .scene-piece,.cinema-stage .scene-piece:nth-child(2){width:100%;max-width:none}.cinema-stage .piece-caption{width:94%;padding-top:10px}.cinema-stage .piece-caption strong{font-size:12px;min-height:29px;line-height:1.2}.cinema-stage .piece-caption small{font-size:6px;line-height:1.5;margin:5px 0;min-height:18px}.cinema-stage .piece-caption b{font-size:8px;flex-wrap:wrap;gap:5px;line-height:1.5}.cinema-stage .piece-caption i{width:16px;height:16px;font-size:10px;margin:0}.cinema-stage .lunar-orbit{width:50px;height:50px;left:80%;top:34%;opacity:.65}.cinema-stage .chapter-nav{bottom:85px;gap:18px;left:7%;right:7%;transform:none;justify-content:space-between}.cinema-stage .chapter-nav button{width:84px;font-size:8px}.cinema-stage .chapter-nav span{font-size:7px;letter-spacing:0}.cinema-stage .cinema-vignette{box-shadow:inset 0 0 65px #0009}}
@media(max-height:650px) and (min-width:701px){.cinema-stage .scene-heading{top:14%}.cinema-stage .scene-heading h2{font-size:36px;margin:9px 0}.cinema-stage .scene-heading>p:last-child{font-size:8px}.cinema-stage .scene-garments{top:33%}.cinema-stage .scene-piece,.cinema-stage .scene-piece:nth-child(2){max-width:34svh}.cinema-stage .piece-caption strong{font-size:14px}.cinema-stage .chapter-nav{bottom:61px}.cinema-stage .chapter-nav button{padding-top:8px}.cinema-stage .chapter-nav span{margin-top:5px}.cinema-stage .cinema-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){.cinema-stage .scene-piece,.cinema-stage .scene-piece:nth-child(2){position:relative;left:auto;top:auto;width:100%;opacity:1!important;transform:none!important}.cinema-stage .scene-garments{inset:32% 6% auto;display:grid}.cinema-stage .scene-heading{top:16%}.cinema-stage .scene-heading,.cinema-stage .piece-caption{opacity:1!important}.cinema-stage .scene{min-height:760px}@media(max-width:700px){.cinema-stage .scene-garments{inset:45% 3% auto}.cinema-stage .scene-heading{top:24%}}}
