/* One photographic world. Only its screen aperture receives a moving image. */
.cinema[data-room-camera]{position:relative;height:300svh;background:#d8d4c9;overflow:visible}
.cinema[data-room-camera] .cinema-stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#d8d4c9}
.cinema[data-room-camera] .room-world{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;backface-visibility:hidden;isolation:isolate;background:#c9c1b0}
.cinema[data-room-camera] .room-plate,.cinema[data-room-camera] [data-room-plate]{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;pointer-events:none;z-index:0}
.cinema[data-room-camera] .room-plate img,.cinema[data-room-camera] img[data-room-plate]{display:block;width:100%;height:100%;max-width:none;object-fit:fill;transform:none}
.cinema[data-room-camera] .room-screen{position:absolute;z-index:1;overflow:hidden;background:#18382f;border-radius:var(--room-screen-radius,1px);transform:none;transform-origin:0 0;isolation:isolate}
.cinema[data-room-camera] .room-screen>video,.cinema[data-room-camera] .room-screen>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;border:0;border-radius:0;transform:none;opacity:1}
.cinema[data-room-camera] .room-screen>img{z-index:0}
.cinema[data-room-camera] .room-screen>video{z-index:1}
.cinema[data-room-camera] .cinema-stage:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(8,28,21,.21),rgba(8,28,21,.04) 40%,rgba(8,28,21,.28));opacity:var(--room-intro-shade,1)}
.cinema[data-room-camera] .cinema-stage:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(246,242,232,.35),rgba(246,242,232,.28) 28%,rgba(246,242,232,.08) 46%,rgba(246,242,232,0) 63%);opacity:var(--room-copy-shade,0)}
.cinema[data-room-camera] .hero-intro,.cinema[data-room-camera] .hero-outro{z-index:4;will-change:opacity,transform}
.cinema[data-room-camera] .hero-outro{color:var(--cin-ink,#263b2d)}
.cinema[data-room-camera] .hero-outro>p:not(.eyebrow){color:#52634c}
.cinema[data-room-camera] .hero-outro .text-link{color:var(--cin-green,#1e4137)}
.cinema[data-room-camera] .stage-meta,.cinema[data-room-camera] .film-control,.cinema[data-room-camera] .scroll-hint{z-index:8}
.cinema[data-room-camera].room-camera-static{height:auto!important}
.cinema[data-room-camera].room-camera-static .cinema-stage{position:relative}
.cinema[data-room-camera].room-camera-static .room-world{will-change:auto}
.cinema[data-room-camera].room-camera-contained .cinema-stage,.cinema[data-room-camera].room-camera-contained .room-world{background:#d8c9ad}
.cinema[data-room-camera].room-camera-contained .room-plate img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%)}
.cinema[data-room-camera].room-camera-static .hero-intro{display:flex;opacity:1;visibility:visible;transform:none}
.cinema[data-room-camera].room-camera-static .hero-outro{display:none}
.cinema[data-room-camera] .chapter-progress span{width:100%;transform:scaleX(0)}
.cinema[data-room-camera].room-camera-static .scroll-hint{display:none}
@media(max-width:760px){
  .cinema[data-room-camera] .stage-meta{bottom:12px}
  .cinema[data-room-camera] .film-control{top:88px;bottom:auto;right:21px}
  .cinema[data-room-camera],.cinema[data-room-camera] .cinema-stage,.cinema[data-room-camera] .room-world{background:#d8c9ad}
  .cinema[data-room-camera] .room-plate img,.cinema[data-room-camera] img[data-room-plate]{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%)}
  .cinema[data-room-camera] .cinema-stage:after{background:linear-gradient(180deg,rgba(247,243,233,.35),rgba(247,243,233,.28) 29%,rgba(247,243,233,.08) 45%,rgba(247,243,233,0) 59%)}
  .cinema[data-room-camera] .hero-outro{top:16%;left:24px;right:24px;width:auto;max-width:570px}
  .cinema[data-room-camera] .hero-outro h2{font-size:clamp(58px,11vw,87px);line-height:.89}
  .cinema[data-room-camera] .hero-outro>p:not(.eyebrow){max-width:370px;font-size:12px;line-height:1.7}
  .cinema[data-room-camera].room-camera-static .cinema-stage{min-height:840px}
}
@media(max-width:430px){
  .cinema[data-room-camera] .hero-outro{top:15.5%;left:22px;right:22px}
  .cinema[data-room-camera] .hero-outro h2{font-size:clamp(57px,15.8vw,68px)}
  .cinema[data-room-camera] .hero-outro .eyebrow{max-width:280px;font-size:11px;line-height:1.65}
  .cinema[data-room-camera] .hero-outro>p:not(.eyebrow){font-size:12px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
  .cinema[data-room-camera]{height:auto!important}
  .cinema[data-room-camera] .cinema-stage{position:relative}
  .cinema[data-room-camera] .room-world,.cinema[data-room-camera] .hero-intro,.cinema[data-room-camera] .hero-outro{will-change:auto}
}
@media(max-width:350px){
  .cinema[data-room-camera] .hero-intro h1{font-size:49px;line-height:.9}
  .cinema[data-room-camera].room-camera-static .cinema-stage{min-height:800px}
}