/* One edge-to-edge 2.35:1 image. No duplicate backdrop or curved transition. */
body{overflow-x:hidden;overflow-y:auto}
#cinema{--stage-top:max(72px,calc((100svh - 100vw / 2.35) / 2 - 20px));height:100svh;min-height:calc(100vw / 2.35 + 175px)}
.cinema-screen{inset:auto;top:var(--stage-top);left:0;right:0;width:100%;height:auto;aspect-ratio:2.35;max-height:none;transform:none;margin:0}
.film-visual::before{display:none}
.film-visual img,.film-visual video{object-fit:cover;object-position:50% 50%;transform:none}
.cinema-shade{display:none}
.cinema-header{position:absolute;padding-top:14px;padding-bottom:10px;background:none}
.collection-line{top:calc(var(--stage-top) - 18px);font-size:7px;letter-spacing:.16em}
.film-copy{top:calc(var(--stage-top) + 100vw / 2.35 + 18px);bottom:auto;left:var(--pad);max-width:calc(100vw - 150px)}
.film-copy h1{font-size:clamp(16px,1.3vw,24px);font-weight:400;line-height:1.2;letter-spacing:.025em;text-shadow:none;color:#e9e7e1}
.film-copy>p,.film-copy .film-kind{display:none}
.cinema-play{top:calc(var(--stage-top) + 100vw / 2.35 + 12px);bottom:auto;right:var(--pad);padding:0;min-width:44px;min-height:44px;justify-content:center}
.cinema-play #play-label{display:none}
.play-disc{width:34px;height:34px;background:none;backdrop-filter:none;border-color:#ffffff80}
.play-disc svg{width:13px}
.cinema-controls{bottom:16px;left:var(--pad);right:var(--pad);gap:5vw;grid-template-columns:1fr .6fr 1fr;align-items:center}
.film-step{min-height:44px;padding:10px 0}
.step-label{font-size:7px;letter-spacing:.13em}
.collection-progress p{display:none}
.film-visual[data-film="for-always-us"] img,.film-visual[data-film="for-always-us"] video,.index-frame[data-film="for-always-us"] img{transform:scale(1.08);transform-origin:50% 75%}
.index-frame img{object-fit:cover}
@media(max-width:600px){
 #cinema{--stage-top:max(130px,calc((100svh - 100vw / 2.35) / 2 - 45px));min-height:calc(100vw / 2.35 + 290px)}
 .cinema-header{padding-top:17px}.collection-line{top:calc(var(--stage-top) - 27px);left:20px;right:20px;font-size:6px}
 .film-copy{top:calc(var(--stage-top) + 100vw / 2.35 + 22px);left:22px;max-width:calc(100vw - 98px)}
 .film-copy h1{font-size:16px;line-height:1.35;letter-spacing:.015em}
 .cinema-play{top:calc(var(--stage-top) + 100vw / 2.35 + 14px);right:20px}
 .cinema-controls{left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr}
 .collection-progress{position:absolute;bottom:-9px}
}
