/* Room 02 film presentation: calm, legible compositions from mobile to wide screens. */
.room-02 .room-hero{min-height:min(680px,100svh);height:100svh;height:100dvh}
.room-02 .room-hero-media{position:absolute;inset:0}
.room-02 .room-hero-media video,.room-02 .room-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.room-02 .room-hero-shade{pointer-events:none;background:linear-gradient(90deg,rgba(3,3,3,.72),rgba(3,3,3,.1) 75%),linear-gradient(0deg,rgba(3,3,3,.8),transparent 55%)}
.room-02 .room-hero-copy{z-index:2;bottom:max(8vh,88px);max-width:min(1050px,86vw)}
.room-02 .room-hero-copy h1{font-size:clamp(54px,7.5vw,124px);line-height:.92;max-width:12ch;overflow-wrap:normal}
.room-02 .room-hero .room-video-sound{z-index:8}
.room-02 .room-chapter--tours .media-frame{background:#0a0a0a}
.room-02 .room-chapter--tours .media-frame video,.room-02 .room-chapter--tours .media-frame img{display:block;width:100%;height:100%;object-fit:cover}
.room-02 .film-awaiting-source img{filter:grayscale(1) contrast(1.08)}
.film-detail-page .film-detail-after{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px var(--pad) 44px;border-top:1px solid rgba(255,255,255,.2);font-size:9px;letter-spacing:.19em;color:#a6a19a}
.film-detail-page .film-detail-after a{color:#ebe8e1;text-decoration:none}
.film-detail-page .room-hero-copy h1{max-width:13ch;font-size:clamp(48px,6.9vw,112px)}
.film-detail-page .room-hero-media>img{filter:grayscale(1) contrast(1.08)}
@media(max-width:780px){
  .room-02 .room-hero{height:100svh;min-height:540px}
  .room-02 .room-hero-media video,.room-02 .room-hero-media img{object-position:59% 50%}
  .room-02 .room-hero-shade{background:linear-gradient(0deg,rgba(3,3,3,.92),rgba(3,3,3,.43) 43%,rgba(3,3,3,.12) 82%)}
  .room-02 .room-hero-copy{bottom:max(76px,calc(58px + env(safe-area-inset-bottom)));max-width:calc(100% - 2*var(--pad))}
  .room-02 .room-hero-copy h1,.film-detail-page .room-hero-copy h1{font-size:clamp(43px,11.4vw,78px);line-height:.94;letter-spacing:-.045em}
  .room-02 .room-chapter--tours .media-panel{padding:44px 0}
  .room-02 .room-chapter--tours .media-frame{aspect-ratio:4/3}
  .film-detail-page .film-detail-after{align-items:flex-start;flex-direction:column;padding:26px var(--pad) 34px}
}
@media(max-width:420px){
  .room-02 .room-hero-copy h1,.film-detail-page .room-hero-copy h1{font-size:clamp(38px,10.8vw,52px)}
  .room-02 .room-chapter--tours .media-frame{aspect-ratio:1/1}
}
@media(prefers-reduced-motion:reduce){.room-02 .room-hero-media video{transition:none}}

.film-detail-page .film-status{font:500 10px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#c9c3b8;margin:28px 0 0}