/* Limelight Pictures V2.6 — one continuous film surface.
   The media and this gradient are also used by the CMS preview. */
.cinema-shade {
    position:absolute; inset:0; z-index:2; pointer-events:none;
    background:
        linear-gradient(0deg,rgba(5,6,6,.94) 0%,rgba(5,6,6,calc(.30 + var(--hero-dim,.35) * .28)) 25%,rgba(5,6,6,.02) 62%,transparent 80%),
        linear-gradient(90deg,rgba(5,6,6,calc(.60 + var(--hero-dim,.35) * .32)) 0%,rgba(5,6,6,calc(.46 + var(--hero-dim,.35) * .30)) 26%,rgba(5,6,6,calc(.20 + var(--hero-dim,.35) * .24)) 48%,transparent 78%);
}
.cinema-hero {
    --cinema-gutter:clamp(24px,4.8vw,100px);
    color:#f5f7f3; background:#050606;
}
.cinema-hero__stage {
    position:relative; isolation:isolate; display:grid;
    min-height:clamp(660px,56.25vw,980px); background:#050606;
}
.cinema-hero__media { position:absolute; inset:0; z-index:0; overflow:hidden; }
.cinema-hero__media::after {
    content:""; position:absolute; z-index:4; inset:0 0 auto; height:clamp(150px,20vw,250px); pointer-events:none;
    background:linear-gradient(180deg,rgba(5,6,6,.70),rgba(5,6,6,.22) 48%,transparent);
}
.cinema-hero__slide { position:absolute; inset:0; z-index:0; opacity:0; pointer-events:none; }
.cinema-hero__slide.is-active { z-index:2; opacity:1; transition:opacity 1.15s cubic-bezier(.2,.65,.25,1); }
.cinema-hero__slide.is-leaving { z-index:1; opacity:1; }
.cinema-hero__slide picture { position:absolute; inset:0; display:block; }
.cinema-hero__slide .cinema-hero__image {
    position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none;
    padding:0; margin:0; border:0; object-fit:cover; object-position:var(--hero-focus,50% 50%);
    filter:none; transform:none; animation:none;
}
.cinema-hero__inner {
    position:relative; z-index:5; width:min(1600px,calc(100% - var(--cinema-gutter) * 2)); min-width:0; margin-inline:auto;
    display:flex; flex-direction:column; justify-content:flex-end; gap:clamp(36px,4vw,64px);
    padding-top:calc(var(--header-h,96px) + 100px); padding-bottom:30px;
}
.cinema-hero__copy { width:min(74%,880px); min-width:0; }
.cinema-hero__eyebrow { display:flex; align-items:center; gap:14px; max-width:100%; margin:0 0 24px; color:#c2df87; font-size:10px; font-weight:600; line-height:1.6; letter-spacing:.16em; text-transform:uppercase; }
.cinema-hero__eyebrow i { display:block; flex:0 0 30px; height:1px; background:currentColor; }
.cinema-hero__eyebrow span { min-width:0; overflow-wrap:anywhere; }
.cinema-hero__title { max-width:10em; margin:0; color:#f5f7f3; font-size:clamp(64px,6.7vw,112px); font-weight:600; line-height:.98; letter-spacing:-.055em; text-wrap:balance; overflow-wrap:break-word; text-shadow:0 2px 12px rgba(0,0,0,.16); }
.cinema-hero__watch { display:inline-flex; align-items:center; gap:14px; max-width:100%; margin:30px 0 0; padding:0; border:0; background:transparent; color:inherit; font-size:13px; font-weight:500; line-height:1.4; letter-spacing:.02em; cursor:pointer; }
.cinema-hero__watch[hidden] { display:none; }
.cinema-hero__play-icon { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; border:1px solid rgba(255,255,255,.65); border-radius:50%; transition:background .25s,border-color .25s,color .25s; }
.cinema-hero__play-icon i { width:0; height:0; margin-left:3px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; }
.cinema-hero__watch:hover .cinema-hero__play-icon { color:#141713; border-color:#f5f7f3; background:#f5f7f3; }
.cinema-hero__rail { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.25); }
.cinema-hero__project { display:block; min-width:0; width:fit-content; max-width:100%; color:inherit; }
.cinema-hero__project-label { display:block; margin-bottom:8px; color:#c2df87; font-size:9px; font-weight:600; line-height:1.4; letter-spacing:.16em; text-transform:uppercase; }
.cinema-hero__project strong { display:block; margin-bottom:4px; color:#f5f7f3; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-.015em; overflow-wrap:anywhere; }
.cinema-hero__project small { display:block; color:#c2c7c2; font-size:11px; font-weight:400; line-height:1.55; overflow-wrap:anywhere; }
.cinema-hero__project:hover strong { color:#c2df87; }
.cinema-hero__controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:22px; }
.cinema-hero__counter { display:flex; align-items:baseline; gap:7px; min-width:53px; font-size:11px; line-height:1; font-variant-numeric:tabular-nums; }
.cinema-hero__counter strong { font-size:14px; font-weight:500; }
.cinema-hero__counter > span { color:#aeb6ae; }
.cinema-hero__dots { display:flex; align-items:center; gap:3px; }
.cinema-hero__dots button { display:grid; place-items:center; width:25px; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
.cinema-hero__dots button span { width:18px; height:2px; background:rgba(255,255,255,.32); transition:background .25s; }
.cinema-hero__dots button.is-active span,.cinema-hero__dots button:hover span { background:#c2df87; }
.cinema-hero__transport { display:flex; gap:8px; align-items:center; }
.cinema-hero__arrow,.cinema-hero__toggle { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:50%; color:#f5f7f3; background:transparent; font-size:21px; line-height:1; cursor:pointer; transition:border-color .25s,background .25s; }
.cinema-hero__toggle { border-color:transparent; }
.cinema-hero__arrow:hover,.cinema-hero__toggle:hover { border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.07); }
.cinema-hero__pause-icon { position:relative; display:block; width:10px; height:12px; border-left:2px solid currentColor; border-right:2px solid currentColor; }
.cinema-hero__toggle[aria-pressed="true"] .cinema-hero__pause-icon { width:0; height:0; margin-left:3px; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid currentColor; border-right:0; }
.cinema-hero button:focus-visible,.cinema-hero a:focus-visible { outline:2px solid #9bd126; outline-offset:5px; }
.cinema-hero__intro { position:relative; background:#050606; }
.cinema-hero__intro-inner { width:min(1600px,calc(100% - var(--cinema-gutter) * 2)); margin-inline:auto; display:grid; grid-template-columns:minmax(170px,.75fr) minmax(0,2fr) auto; align-items:center; gap:clamp(24px,4vw,70px); padding:44px 0 48px; }
.cinema-hero__origin { margin:0; color:#929b92; font-size:11px; line-height:1.7; }
.cinema-hero__origin span { display:block; margin-bottom:4px; color:#e7ece5; font-size:12px; font-weight:500; }
.cinema-hero__description { max-width:720px; margin:0; color:#c2c9c2; font-size:17px; line-height:1.7; overflow-wrap:anywhere; }
.cinema-hero__archive { display:inline-flex; align-items:center; justify-self:end; gap:22px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.3); color:#e7ece5; font-size:12px; font-weight:500; white-space:nowrap; transition:color .25s,border-color .25s; }
.cinema-hero__archive span { font-size:19px; font-weight:400; }
.cinema-hero__archive:hover { color:#c2df87; border-color:#c2df87; }
.page-home .film-grain,.page-home .cursor-light { display:none; }
.page-home .site-header__inner { width:min(1600px,calc(100% - clamp(24px,4.8vw,100px) * 2)); }
.page-home .site-brand { width:205px; }
.page-home .desktop-nav { gap:clamp(18px,1.8vw,34px); }
.page-home .desktop-nav a { font-size:11px; letter-spacing:.1em; }
.no-js .cinema-hero__controls { display:none; }

/* The CMS uses the identical image geometry and light treatment. */
.hero-curation--cinema .hero-slot__visual { aspect-ratio:16/9; }
.hero-curation--cinema .hero-slot__visual::after { display:none; }
.hero-curation--cinema .hero-slot__visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--hero-focus,50% 50%); padding:0; filter:none; }
.hero-curation--cinema .hero-slot__preview-title { z-index:3; top:auto; bottom:14%; left:6%; width:74%; transform:none; font-size:clamp(18px,1.9vw,31px); line-height:.98; }
.hero-curation--cinema .hero-slot__focus { margin-top:16px; }
.hero-curation--cinema .hero-slot__focus label { display:block; color:var(--a-text); font-size:11px; font-weight:550; }
.hero-curation--cinema .hero-slot__focus select { height:42px; font-size:12px; }

@media (max-width:1200px) and (min-width:841px) {
    .page-home .site-header__inner { gap:18px; }
    .page-home .site-brand { width:180px; }
    .page-home .desktop-nav { gap:15px; }
    .page-home .social-switch { padding-inline:12px; font-size:10px; }
    .cinema-hero__copy { width:82%; }
    .cinema-hero__rail { gap:22px; }
    .cinema-hero__controls { gap:14px; }
    .cinema-hero__intro-inner { grid-template-columns:1fr 2fr; gap:24px 40px; }
    .cinema-hero__archive { grid-column:2; justify-self:start; }
}
@media (max-width:840px) {
    .page-home .site-header:not(.is-scrolled) { background:#050606; }
    .page-home .site-brand { width:175px; }
    .cinema-hero__stage { display:block; min-height:0; padding-top:var(--header-h,96px); }
    .cinema-hero__media { position:relative; inset:auto; width:100%; aspect-ratio:16/10; }
    .cinema-hero__media::after,.cinema-hero__media .cinema-shade { display:none; }
    .cinema-hero__inner { display:block; width:calc(100% - var(--cinema-gutter) * 2); padding-top:32px; padding-bottom:28px; }
    .cinema-hero__copy { width:100%; }
    .cinema-hero__eyebrow { margin-bottom:18px; gap:10px; font-size:9px; letter-spacing:.12em; }
    .cinema-hero__eyebrow i { flex-basis:22px; }
    .cinema-hero__title { max-width:12em; font-size:clamp(39px,7.8vw,70px); line-height:1.02; letter-spacing:-.05em; text-shadow:none; }
    .cinema-hero__watch { margin-top:24px; }
    .cinema-hero__play-icon { width:48px; height:48px; flex-basis:48px; }
    .cinema-hero__rail { margin-top:32px; grid-template-columns:1fr; gap:22px; }
    .cinema-hero__controls { justify-content:space-between; }
    .cinema-hero__intro-inner { grid-template-columns:1fr; gap:20px; padding:26px 0 36px; border-top:1px solid rgba(255,255,255,.12); }
    .cinema-hero__origin span { display:inline; margin:0 12px 0 0; }
    .cinema-hero__description { max-width:680px; font-size:16px; }
    .cinema-hero__archive { justify-self:start; }
}
@media (max-width:600px) {
    .cinema-hero { --cinema-gutter:24px; }
    .page-home .site-header__inner { width:calc(100% - 48px); }
    .cinema-hero__title { font-size:clamp(35px,10.5vw,58px); }
    .cinema-hero__dots { display:none; }
    .cinema-hero__project strong { font-size:17px; }
    .cinema-hero__origin span { display:block; margin-bottom:3px; }
}
@media (prefers-reduced-motion:reduce) {
    .cinema-hero__slide.is-active { transition:none; }
    .cinema-hero * { scroll-behavior:auto; }
}