/* RoomMade film: connected architecture, independent footage and copy planes. */
.cinema-hero{--film-depth:0px;--copy-depth:0px;min-height:620px;height:calc(100dvh - 80px)}
.cinema-image,.cinema-copy h1,.cinema-copy p,.cinema-copy .hero-actions{animation:none}
.cinema-image{transform:translateY(var(--film-depth)) scale(1.025);transform-origin:center;z-index:-2}
.cinema-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:0;transition:opacity .6s ease-out}
.film-ready .cinema-image video{opacity:1}
.cinema-copy{transform:translateY(var(--copy-depth))}
.cinema-shade{background:radial-gradient(ellipse at 8% 58%,rgba(17,30,22,.84) 0%,rgba(17,30,22,.63) 32%,rgba(17,30,22,.18) 55%,transparent 75%);pointer-events:none}
.film-controls{position:absolute;z-index:2;right:5%;bottom:28px}
.film-toggle{background:#21372c;color:#fff;border:1px solid #ffffff80;padding:12px 18px;min-height:44px;font:inherit;font-size:.8rem;cursor:pointer;transition:background .18s ease-out}
.film-toggle:hover{background:#3c5545}.film-toggle:focus-visible{outline:3px solid #fff;outline-offset:4px}.film-toggle:active{transform:translateY(1px)}
.cinema-copy h1{text-wrap:balance}.cinema-copy .hero-actions{flex-wrap:wrap}
.film-headline{display:grid}
.film-headline span{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;align-self:center}
.film-headline span.is-current{opacity:1;visibility:visible}
.film-headline span:nth-child(n+2){font-size:.76em;line-height:1.08}
@media(prefers-reduced-motion:reduce){.film-headline span{transition:none}}
@media(max-width:760px){
 .cinema-hero{height:auto;min-height:0;max-height:none;background:#243c2e;overflow:hidden;padding-top:56.25vw}
 .cinema-image{inset:0 0 auto;height:56.25vw;transform:none;z-index:0}
 .cinema-image img,.cinema-image video{object-position:center;width:100%;height:100%}
 .cinema-shade{display:none}
 .cinema-copy{height:auto;min-height:0;padding:34px 6% 38px;transform:none;z-index:1}
 .cinema-copy h1{font-size:clamp(3rem,12vw,4.2rem);max-width:400px}
 .cinema-copy .eyebrow{margin-bottom:18px}.cinema-copy p{margin-top:20px}
 .cinema-copy .hero-actions{margin-top:25px;gap:20px}
 .film-controls{top:calc(56.25vw - 56px);bottom:auto;right:4%}
 .film-toggle{padding:10px 14px}
}
@media(prefers-reduced-motion:reduce){.cinema-image,.cinema-copy{transform:none}.cinema-image video{transition:none}}

/* Keep the detail headline to two lines without changing the shared headline height. */
.film-headline .headline-details{white-space:nowrap}

.cinema-copy .hero-description{max-width:none}
.hero-description>span{display:block}
.hero-subheadline{white-space:nowrap}
@media(max-width:760px){.hero-subheadline{white-space:normal}}

.cinema-hero .film-toggle{width:48px;height:48px;min-height:48px;padding:0;display:grid;place-items:center;border-radius:0}