.studio-cinema .cinema-stage{justify-self:center;background:#171a17;min-height:360px;max-height:700px;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain}
.cinema-photo{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;touch-action:pan-y pinch-zoom}
.cinema-stage .cinema-image{object-position:center center;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.cinema-photo:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
.cinema-nav{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:44px;height:54px;padding:10px;border:1px solid #b8bcb82b;background:#14171475;color:#a8ada8;transform:translateY(-50%);transition:color .2s,border-color .2s,background .2s}
.cinema-nav-prev{left:16px}.cinema-nav-next{right:16px}
.cinema-nav .ui-arrow{width:22px;height:22px}
.cinema-nav:hover,.cinema-nav:focus-visible{color:var(--accent);border-color:#ff673b80;background:#141714c9}
.cinema-stage .photo-progress{position:absolute;z-index:3;inset:auto 0 0;display:flex;flex-wrap:nowrap;gap:14px;margin:0;padding:6px 23px;color:#bec3b9;background:linear-gradient(0deg,#10130fea,#10130f99);font-size:10px;pointer-events:none}
.cinema-stage .gallery-signal{height:38px;margin:0 4px}
.cinema-stage .gallery-signal-track{background:#a7ada363}
.cinema-stage .gallery-signal-node{width:7px;height:7px;background:#222721;border-color:#7c8474}
.cinema-stage .gallery-signal-node.is-current{background:var(--accent);border-color:var(--accent)}
.cinema-stage #cinema-slider{height:38px;pointer-events:auto;touch-action:pan-x}
.cinema-stage #cinema-slider::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4.5px}
.cinema-details .gallery-toggle{min-height:54px;padding:16px 24px;gap:28px;font-size:12px}
.gallery-toggle[aria-expanded="true"] .ui-arrow{transform:rotate(180deg)}
.all-photos{margin-top:24px;border:0;scroll-margin-top:calc(var(--header-height) + 20px)}
.all-photos[hidden]{display:none}
.all-photos .gallery-grid{padding:0 0 30px}
.gallery-dialog{overscroll-behavior-x:contain}
.gallery-dialog>img{object-position:center;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.cinema-photo,.gallery-dialog>img{transition:transform .18s ease-out}
@media(max-width:700px){
 .studio-cinema{grid-template-columns:1fr;min-height:0;max-height:none;height:auto}
 .studio-cinema .cinema-stage{min-height:0;max-height:360px;width:100%;aspect-ratio:4 / 3}
 .cinema-nav{display:none}
 .cinema-stage .photo-progress{padding:2px 20px;gap:10px;font-size:9px}
 .cinema-stage .gallery-signal{height:36px}
 .cinema-stage #cinema-slider{height:36px}
 .cinema-stage .gallery-signal-node{width:5px;height:5px}
 .cinema-details{min-height:0;padding:20px var(--pad);gap:15px}
 .cinema-details>.eyebrow{font-size:8px;line-height:1.3}
 .cinema-details h3{font-size:clamp(28px,8.2vw,38px);line-height:1.08}
 .cinema-story p{margin-top:8px;font-size:11px;line-height:1.6;max-width:100%}
 .cinema-paper-footer{display:flex;flex-direction:row;justify-content:space-between;gap:12px}
 .cinema-frame-mark{max-width:none;font-size:7px;line-height:1.5}
 .cinema-details .gallery-toggle{min-height:48px;font-size:11px;padding:13px 18px;gap:22px}
 .all-photos{margin-top:22px}
 .all-photos .gallery-grid{gap:20px 12px;padding-bottom:25px}
 .all-photos .gallery-cta{margin-bottom:30px}
}
@media(prefers-reduced-motion:reduce){.cinema-nav,.cinema-photo,.gallery-dialog>img{transition:none}}