/**
 * CodeGenius Atelier Forma — cinematic motion layer v0.3.
 * Posters remain visible until a locally hosted MP4 actually plays.
 */
.cinema-video {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    opacity:0;
    pointer-events:none;
    transition:opacity 1.1s cubic-bezier(.25,.35,.2,1);
    z-index:1;
    background:transparent;
}
.cinema-video.is-playing { opacity:1 }
.cinema-toggle {
    position:absolute;
    right:clamp(18px,4vw,62px);
    bottom:32px;
    z-index:7;
    display:flex;
    align-items:center;
    gap:10px;
    min-height:43px;
    padding:11px 16px;
    border:1px solid rgba(255,255,255,.66);
    background:rgba(24,39,29,.34);
    color:#fff;
    border-radius:100px;
    font-family:var(--sans),sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
    line-height:1.35;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    transition:background .2s,border-color .2s;
}
.cinema-toggle:hover { background:rgba(25,44,29,.75) }
.cinema-toggle:focus-visible {outline:3px solid white;outline-offset:4px}
.cinema-toggle[hidden] {display:none!important}
.cinema-indicator{font:600 15px/1 var(--sans);letter-spacing:0}
.cinema-label{white-space:nowrap}
.hero>.cinema-video {
    z-index:-2;
    object-position:center;
}
.hero>.cinema-toggle {bottom:76px;right:var(--gutter)}
.hero>.hero-overlay { z-index:-1 }
.hero .hero-main,.hero .hero-bottom,.hero .hero-eyebrow{z-index:3}
.image-break>.cinema-video,.case-film>.cinema-video,.cinema-interlude-picture>.cinema-video,.studio-editorial-photo>.cinema-video{z-index:1}
.image-break{isolation:isolate;overflow:hidden}
.image-break>.cinema-video{object-position:50% 52%}
.image-break>.image-caption{z-index:3}
.image-break>.cinema-toggle{bottom:76px;right:var(--gutter)}
.cinema-interlude {
    background:#e1d6c9;
    display:grid;
    grid-template-columns:1.18fr .82fr;
    min-height:740px;
}
.cinema-interlude-picture{
    min-height:740px;
    height:80vh;
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:#a69989;
}
.cinema-interlude-picture>img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.cinema-interlude-picture>.cinema-toggle{bottom:30px;right:30px}
.cinema-interlude-content{
    padding:70px clamp(28px,6vw,120px) 50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}
.cinema-interlude-content h2{
    font:clamp(68px,6.3vw,133px)/.96 var(--serif);
    letter-spacing:-.065em;
    margin:80px 0 47px;
}
.cinema-interlude-content h2 em{color:var(--rust)}
.cinema-interlude-content p{font-size:18px;line-height:1.9;max-width:365px}
.cinema-credit{display:block;margin-top:85px;color:#736f65}
.studio-editorial-photo{position:relative;isolation:isolate}
.studio-editorial-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-editorial-photo .cinema-toggle{bottom:38px;right:24px}
.studio-editorial-photo>.cinema-kicker{
    z-index:2;
    position:absolute;
    bottom:45px;
    left:30px;
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
    text-shadow:0 1px 5px #0009;
}
.case-film{
    position:relative;
    height:80vh;
    min-height:550px;
    overflow:hidden;
    isolation:isolate;
    background:#b8b0a3;
}
.case-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-film>.cinema-toggle{bottom:40px;right:var(--gutter)}
.case-film-caption{
    position:absolute;
    z-index:3;
    left:var(--gutter);
    bottom:50px;
    color:white;
    font-size:10px;
    letter-spacing:.15em;
    font-weight:700;
    text-shadow:0 1px 7px #0009;
}
.cinema-clip-label{pointer-events:none}
@media(max-width:1000px){
    .cinema-interlude{grid-template-columns:1fr 1fr}
    .cinema-interlude-picture{height:auto;min-height:630px}
    .cinema-interlude-content{padding:70px 6vw}
    .cinema-interlude-content h2{font-size:7.5vw}
}
@media(max-width:750px){
    .cinema-interlude{grid-template-columns:1fr}
    .cinema-interlude-picture{height:62vh;min-height:380px}
    .cinema-interlude-content{min-height:450px;padding:70px var(--gutter) 90px}
    .cinema-interlude-content h2{font-size:12vw;margin:45px 0 35px}
    .cinema-credit{margin-top:50px}
    .cinema-interlude-content p{font-size:15px}
    .hero>.cinema-toggle{right:var(--gutter);bottom:68px}
    .studio-editorial-photo>.cinema-toggle{bottom:30px}
    .case-film{height:60vh;min-height:340px}
    .case-film>.cinema-toggle{bottom:20px;right:var(--gutter)}
    .case-film-caption{bottom:78px;font-size:9px}
    .image-break>.cinema-toggle{bottom:76px;right:var(--gutter)}
}
@media(max-width:440px){
    .cinema-toggle{min-height:40px;font-size:8px;padding:10px 13px}
    .cinema-interlude-picture>.cinema-toggle{bottom:18px;right:18px}
    .studio-editorial-photo>.cinema-kicker{bottom:86px;left:20px}
}
@media(prefers-reduced-motion:reduce){
    .cinema-video,.cinema-toggle{display:none!important}
    .cinema-interlude,.cinema-reveal{clip-path:none!important}
}