.autoplay-home.immersive-direction .build-hero{height:100vh;height:100svh;min-height:0;overflow:hidden}
.autoplay-home .hero-frame{position:relative;height:100%;top:auto}
.autoplay-home #build-first{transition:none}
.autoplay-home #build-last{transition:opacity 1000ms linear}
.autoplay-home #build-skip{min-width:155px}
.autoplay-home .build-progress{height:1px}
@media(max-width:560px){.autoplay-home #build-skip{min-width:125px}}
@media(prefers-reduced-motion:reduce){.autoplay-home #build-last{transition:none}}

/* Approved photographic dusk opening; typography remains stable throughout the film. */
.dusk-opening-home .hero-frame{--sketch-ink:#f7f4ee;--sketch-shade:1}
.dusk-opening-home .logo-charcoal{display:none!important}
.dusk-opening-home .logo-ivory{opacity:1!important}
.dusk-opening-home .hero-frame header{background:linear-gradient(180deg,#0e191c66,transparent)}
.dusk-opening-home .hero-frame #build-opening{top:auto;bottom:13%;left:5%;right:auto;max-width:530px}
.dusk-opening-home.immersive-direction .build-hero #build-opening h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(56px,5.9vw,112px);line-height:.98;letter-spacing:-.015em;margin:15px 0 0}
.dusk-opening-home #build-opening .label{color:#c89571;font-size:10px;letter-spacing:.24em;margin:0}
.dusk-opening-home .dusk-title-rule{display:block;width:44px;height:1px;background:#bd8b65;margin:23px 0 17px}
.dusk-opening-home .hero-frame #build-opening .dusk-tagline{font-size:10px;line-height:1.9;letter-spacing:.21em;text-transform:uppercase;margin:0;color:#f7f4ee}
.dusk-opening-home .hero-frame:after{background:linear-gradient(90deg,#101b1b55,transparent 55%),linear-gradient(0deg,#0e181b55,transparent 45%);opacity:1;pointer-events:none}
.dusk-opening-home .build-cue,.dusk-opening-home .hero-foot,.dusk-opening-home #build-skip{bottom:3.5%}
@media(max-width:560px){
.dusk-opening-home .build-media{inset:0}
.dusk-opening-home .build-film,.dusk-opening-home .build-endpoint{object-fit:cover;object-position:62% center}
.dusk-opening-home .hero-frame #build-opening{top:auto;bottom:17%;left:6%;right:6%;max-width:88%}
.dusk-opening-home.immersive-direction .build-hero #build-opening h1{font-size:58px}
.dusk-opening-home #build-opening .label{font-size:8px;letter-spacing:.18em}
.dusk-opening-home .hero-frame #build-opening .dusk-tagline{font-size:9px}
.dusk-opening-home .build-cue{left:6%;bottom:5%;font-size:8px}
.dusk-opening-home #build-skip{bottom:5%;right:6%;left:auto;transform:none;font-size:8px}
.dusk-opening-home .hero-foot{display:none}
}

.dusk-opening-home #build-first{filter:brightness(.67) saturate(.88)}
.dusk-opening-home .build-media:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#18334b45,transparent 30%);opacity:var(--dusk-sky,1)}
.dusk-opening-home .build-film{will-change:filter}
@media(max-width:560px){.dusk-opening-home .build-copper-outline{object-fit:cover;object-position:62% center}}

/* Preserve the approved sky framing across the opening, film and final still. */
.dusk-opening-home #build-sky{opacity:1;transform-origin:0 0;filter:none}
.dusk-opening-home #build-first{filter:none}
.dusk-opening-home #build-video,.dusk-opening-home #build-last{mask-image:linear-gradient(180deg,transparent 0,#000 52px);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 52px)}
.dusk-opening-home #build-last{transform-origin:0 0}

/* Quiet sky extension keeps the lower camera framing without duplicate scenery. */
.dusk-opening-home #build-sky {visibility:hidden}
.dusk-opening-home .build-media {background:linear-gradient(180deg,#253441 0,#738797 90px,#a6adb3 180px)}

/* Keep replay legible against the final hero. */
.autoplay-home #build-skip{padding:12px 20px;border:1px solid rgba(184,115,70,.65);background:rgba(18,19,18,.5);color:#f7f4ee;font-size:10px;letter-spacing:.12em;cursor:pointer}
.autoplay-home #build-skip:hover{background:rgba(18,19,18,.75);border-color:#b87346}


.autoplay-home .cin-handwritten{width:clamp(200px,25vw,390px);transform:rotate(-5deg);text-shadow:none;line-height:0}
.autoplay-home .cin-handwritten img{display:block;width:100%;height:auto;position:static;object-fit:contain;transform:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
