/* Photograph-sized scenes replace the row of floating cards. */
.practice-cinema-ready .practices,.practice-cinema-ready.motion-enabled .practices{height:auto;padding:5rem 4% 4rem}
.practice-cinema-ready .practice-stage,.practice-cinema-ready.motion-enabled .practice-stage{position:relative;padding:0;min-height:0;height:auto}
.practice-cinema-ready .practice-stage .section-heading{max-width:1400px;margin:0 auto 2rem;align-items:end}
.practice-cinema-ready .practice-stage h2{font-size:clamp(2.6rem,5vw,5rem);max-width:14ch;line-height:1.1}
.practice-cinema-ready .practice-theatre{height:auto!important;overflow:visible}
.practice-cinema{perspective:none;min-height:0;flex:none;width:100%}
.cinema-open{display:block;position:relative;width:100%;height:clamp(480px,75svh,850px);padding:0;border:0;overflow:hidden;background:#dedad5;isolation:isolate;touch-action:pan-y;cursor:pointer;text-align:left;color:#313130}
.cinema-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;pointer-events:none}
.cinema-still.incoming{z-index:1;clip-path:inset(0 100% 0 0)}
.cinema-seam{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.cinema-open:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#edebe9e8);z-index:3;pointer-events:none}
.cinema-name{position:absolute;z-index:4;left:4%;bottom:4.3rem;font:clamp(3rem,7vw,6rem)/1.05 Prata,serif;letter-spacing:-.035em;max-width:90%;text-wrap:balance}
.cinema-invitation{position:absolute;z-index:4;left:4%;bottom:2rem;font-size:14px;border-bottom:1px solid #31313070;padding-bottom:5px}
.cinema-hint{font-size:12px;margin:1rem 0;text-align:right}
.practice-cinema-ready .practice-copy{display:none}
.practice-cinema-ready .class-track{display:flex;gap:0;overflow-x:auto;padding:0;margin-top:1rem;scrollbar-width:thin}
.practice-cinema-ready .class-track>button{flex:1 0 auto;display:block;padding:1.1rem 1.5rem;font-size:16px;transform:none!important;border-bottom:1px solid #31313033;transition:background .25s}
.practice-cinema-ready .class-track>button[aria-pressed=true]{background:#313130;color:#edebe9;border-color:#313130}
.practice-cinema-ready .practice-thumb,.practice-cinema-ready .practice-count{display:none}
.practice-cinema-ready .class-track>button:focus-visible{outline-offset:-4px}
/* An expanding photograph becomes the room; text arrives only after it opens. */
.motion-enabled .studio.section{height:180svh}
.motion-enabled .studio-stage{position:sticky;top:0;height:100svh;min-height:620px;padding:5rem 6%;display:flex;align-items:end;overflow:hidden;isolation:isolate}
.motion-enabled .studio-stage .studio-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;clip-path:polygon(var(--room-aperture,0% 0%,100% 0%,100% 100%,0% 100%));box-shadow:none;z-index:-1}
.motion-enabled .studio-stage .studio-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:none!important}
.motion-enabled .studio-stage .studio-photo:after{display:block;position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#edebe9ef)}
.motion-enabled .studio-copy{max-width:650px;padding:0;opacity:1;transform:none}
.motion-enabled .studio-copy h2{font-size:clamp(3rem,5.5vw,5.5rem);transform:none}
.motion-enabled .studio-copy .type-line>span{transform:none;opacity:1}
.motion-enabled .studio-copy>p,.motion-enabled .studio-values{opacity:var(--room-copy,1)}
.studio-stage .photo-caption{top:2rem;bottom:auto;left:6%;right:auto;background:#edebe9dd;padding:.5rem .8rem}
.phone-scene .orbit{display:block}
.motion-enabled .phone-scene .phone{transform:translateY(var(--device-rise,0px)) rotateY(var(--device-turn,0deg)) rotateZ(var(--device-lean,0deg));transition:none}
@media(max-width:700px){
 .practice-cinema-ready .practices,.practice-cinema-ready.motion-enabled .practices{padding:3rem 0}
 .practice-cinema-ready .practice-stage .section-heading{padding:0 6%;margin-bottom:1.5rem}
 .practice-cinema-ready .practice-stage h2{font-size:2.6rem}
 .cinema-open{height:68svh;min-height:430px;max-height:680px}
 .cinema-name{font-size:clamp(2.8rem,12vw,4rem);left:6%;bottom:4.8rem}
 .cinema-invitation{left:6%}.cinema-hint{padding:0 6%;text-align:left}
 .practice-cinema-ready .class-track{padding:0 6%;margin-top:0;gap:0}
 .practice-cinema-ready .class-track>button{font-size:14px;padding:.9rem 1.2rem}
 .motion-enabled .studio.section{height:155svh}
 .motion-enabled .studio-stage{position:sticky;height:100svh;min-height:600px;padding:3rem 6%;justify-content:end;gap:0}
 .motion-enabled .studio-stage .studio-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
 .motion-enabled .studio-copy h2{font-size:2.9rem}
 .motion-enabled .studio-copy>p{font-size:15px;line-height:1.55}
 .studio-values{display:none}
}

@media(max-width:700px){.motion-enabled .studio-copy{padding-bottom:55px}.motion-enabled .studio-copy h2{font-size:2.65rem}.motion-enabled .studio-copy>p{margin-bottom:0}}
