/* Preserve the approved film; give its portrait composition the opening screen. */
.cinematic-hero{--hero-copy-inset:clamp(28px,4.4vw,72px);display:block!important;width:100%;max-width:none;min-height:0!important;margin:0;padding:0!important;position:relative;isolation:isolate}
.cinematic-hero::before{display:none!important}
.cinematic-stage{height:calc(100svh - 106px);min-height:540px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate;background:#e1dbce}
.cinematic-stage::before{content:"";position:absolute;inset:0;background:url('assets/film/hero-curated-poster.webp') 30% 48%/cover no-repeat;opacity:.1;filter:blur(9px);transform:scale(1.03);pointer-events:none}
.cinematic-hero .hero-film{position:absolute!important;inset-block:0;inset-inline-end:0;inset-inline-start:auto;width:58%!important;height:100%;max-width:none;aspect-ratio:auto;margin:0!important;padding:0;display:block!important;z-index:1;align-self:auto}
.cinematic-hero .hero-film::before{display:none!important}
.cinematic-hero .hero-film .film-window{height:100%;width:100%;aspect-ratio:auto;box-shadow:none;border:0;border-radius:0}
.cinematic-hero .film-window::before,.cinematic-hero .film-window::after{display:none}
.cinematic-hero .film-window video,.cinematic-hero .film-poster{object-fit:cover;object-position:50% 50%}
.cinematic-hero .film-label{display:none}
.cinematic-hero .hero-copy{position:absolute;inset-inline-start:var(--hero-copy-inset);inset-block-start:50%;transform:translateY(-50%);z-index:3;width:calc(42% - var(--hero-copy-inset) - 26px);max-width:none;padding:24px 0;display:block!important;text-align:start}
html.v-motion-ready .cinematic-hero .hero-copy{transform:translateY(-50%)!important}
.cinematic-hero .hero-copy>.eyebrow{font-size:11px;line-height:1.8;max-width:none;margin-bottom:26px;color:#78623e}
.cinematic-hero h1{font-size:clamp(54px,6vw,94px);line-height:1.1;margin:0;letter-spacing:-.035em}
.cinematic-hero .hero-words>span,.cinematic-hero .hero-words>em{display:block!important;margin-inline:0!important}
.cinematic-hero .hero-words{transform:translate3d(var(--film-type-x,0px),var(--film-type-y,0px),0) scale(var(--film-type-scale,1))!important;transform-origin:center;will-change:auto!important}
.cinematic-hero .hero-words>em{font-size:1em}
.hero-details{display:grid;grid-template-columns:1.1fr 1fr;gap:16px 9%;align-items:center;padding-block:32px 26px}
.hero-details .hero-intro{font-size:17px;line-height:1.8;max-width:58ch;margin:0}
.hero-details .hero-actions{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;margin:0}
.hero-details .hero-signoff{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.hero-details .film-caption{font-size:12px;line-height:1.8;justify-content:flex-end;margin:0;text-align:end;min-height:0}
.hero-details .film-status{grid-column:1/-1;font-size:13px;line-height:1.8;margin:0}
.hero-details .film-status:empty{display:none}
html[dir=rtl] .cinematic-hero .hero-copy{padding-inline:0}
html[dir=rtl] .cinematic-hero h1{font-size:clamp(46px,5.3vw,78px);line-height:1.5;letter-spacing:0}
html[lang=ckb] .cinematic-hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.55}
html[dir=rtl] .hero-details .hero-intro{font-size:16px;line-height:1.95}
@media(max-width:1000px) and (min-width:761px){.cinematic-hero .hero-copy{inset-inline-start:var(--hero-copy-inset);width:calc(42% - var(--hero-copy-inset) - 26px);padding-inline-end:0}.cinematic-hero h1{font-size:clamp(42px,5.8vw,58px)}.hero-details{gap:20px 5%}.hero-details .hero-actions{gap:14px}.hero-details .hero-intro{font-size:16px}html[dir=rtl] .cinematic-hero h1{font-size:clamp(38px,4.8vw,48px)}html[lang=ckb] .cinematic-hero h1{font-size:clamp(34px,4.2vw,42px)}}
@media(max-width:760px), (max-height:500px) and (hover:none) and (pointer:coarse){
 .cinematic-stage{height:calc(100svh - var(--vantelle-header-height,72px) - env(safe-area-inset-top,0px));min-height:470px;max-height:none;background:#c2b8a5}
 .cinematic-stage::before{display:none}
 .cinematic-hero .hero-film{inset:0;width:100%!important;max-width:none;aspect-ratio:auto;height:100%;margin:0!important}
 .cinematic-stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(28,26,20,.08) 0%,transparent 28%,rgba(28,26,20,.12) 47%,rgba(28,26,20,.68) 76%,rgba(28,26,20,.86) 100%)}
 .cinematic-hero .hero-copy{inset-block-start:auto;inset-block-end:calc(82px + env(safe-area-inset-bottom,0px));inset-inline:22px;width:auto;max-width:none;padding:0!important;transform:none!important;color:#fff9ef}
 html.v-motion-ready .cinematic-hero .hero-copy{transform:none!important}
 .cinematic-hero .hero-copy>.eyebrow{font-size:10px;line-height:1.8;margin-bottom:15px;color:#f1dfb8;letter-spacing:.09em;max-width:none}
 .cinematic-hero h1{font-size:clamp(39px,10.5vw,54px);line-height:1.06;letter-spacing:-.025em;text-shadow:0 1px 3px #17150ee0,0 4px 22px #17150e80;max-width:14ch}
 .cinematic-hero .hero-words>em{color:#f2dfb5}
 html[dir=rtl] .cinematic-hero .hero-copy>.eyebrow{font-size:11px;letter-spacing:0;line-height:1.9}
 html[dir=rtl] .cinematic-hero h1{font-size:clamp(35px,9.5vw,45px);line-height:1.42;max-width:none}
 html[lang=ckb] .cinematic-hero h1{font-size:clamp(31px,8.2vw,39px);line-height:1.48}
 .hero-details{display:flex;flex-direction:column;gap:19px;align-items:stretch;padding-block:26px 22px}
 .hero-details .hero-intro,html[dir=rtl] .hero-details .hero-intro{font-size:16px;line-height:1.9;max-width:none}
 .hero-details .hero-actions{justify-content:flex-start;align-items:center;gap:14px 20px;display:flex!important}
 .hero-details .hero-actions .button{min-height:48px;padding:13px 17px;font-size:13px}.hero-details .hero-actions .text-link{min-height:44px;font-size:13px}
 .hero-details .hero-signoff{font-size:12px;line-height:1.8}.hero-details .film-caption{justify-content:flex-start;text-align:start;font-size:12px;line-height:1.8}
}
@media(max-width:360px){.cinematic-hero .hero-copy{inset-inline:18px;inset-block-end:calc(82px + env(safe-area-inset-bottom,0px))}.cinematic-hero h1{font-size:39px}html[dir=rtl] .cinematic-hero h1{font-size:35px}html[lang=ckb] .cinematic-hero h1{font-size:30px}}
@media(max-height:500px) and (orientation:landscape){.cinematic-stage{height:calc(100svh - 62px);min-height:300px}.cinematic-hero h1{font-size:44px}.cinematic-hero .hero-copy>.eyebrow{margin-bottom:14px}html[dir=rtl] .cinematic-hero h1{font-size:35px}html[lang=ckb] .cinematic-hero h1{font-size:30px}}
html.motion-disabled .cinematic-hero .hero-words{transform:none!important}
@media(prefers-reduced-motion:reduce){.cinematic-hero .hero-words{transform:none!important}}

@media(min-width:1101px) and (max-width:1599px){.cinematic-stage{height:calc(100svh - 92px)}}
/* Present the opening immediately; the old page/film entrances delayed its paint.
   Preserve cross-page exits and the frame-driven title response. */
html.v-motion-ready:not(.v-page-leaving) body[data-page=index] main{animation:none!important;opacity:1;transform:none}
html.v-motion-ready .cinematic-hero .hero-film,html.v-motion-ready .cinematic-hero .hero-copy>h1,html.v-motion-ready .cinematic-hero .hero-copy>.eyebrow{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}