.cinematic-hero{--hero-height:740px;--hero-accent:#c8aa82;position:relative;isolation:isolate;height:var(--hero-height);min-height:560px;max-height:1100px;padding:0;overflow:hidden;background:#090908;border-top:0;color:#f7f3ee}.cinematic-hero:focus-visible{outline:2px solid var(--hero-accent);outline-offset:-4px}.hero-scene{position:absolute;inset:0;animation:hero-reveal var(--hero-transition) ease both}.hero-scene.transition-slide{animation-name:hero-slide-in}.hero-scene.transition-none{animation:none}.hero-picture{position:absolute;inset:0;display:block;transform-origin:70% 50%}.hero-picture img{width:100%;height:100%;object-fit:cover;display:block}.hero-picture.motion-zoom{animation:hero-zoom var(--hero-motion) ease-in-out infinite alternate}.hero-picture.motion-pan{animation:hero-pan var(--hero-motion) ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#050505d6 0%,#0505054d 52%,#0505050a 100%),linear-gradient(0deg,#090908,transparent 26%,transparent 80%,#09090855)}.hero-image-link{position:absolute;inset:0;z-index:1}.cinematic-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:150px 5vw 150px;pointer-events:none}.cinematic-content a,.cinematic-content button{pointer-events:auto}.hero-kicker{display:flex;align-items:center;gap:.75rem;color:#e0c6a1;font:10px 'JetBrains Mono',monospace;letter-spacing:.17em;text-transform:uppercase;margin-bottom:1.8rem}.hero-kicker .live-dot{position:relative;top:auto;display:inline-block;background:var(--hero-accent);box-shadow:0 0 15px #c8aa8277;width:6px;height:6px;border-radius:50%;flex-shrink:0}.cinematic-content h1{font-family:Inter,sans-serif;font-size:clamp(2.5rem,5.6vw,var(--hero-type));font-weight:800;line-height:1.06;letter-spacing:-.055em;max-width:850px;margin:0 0 1.7rem;text-wrap:balance}.cinematic-content h1 em{display:block;color:var(--hero-accent);font-style:normal}.cinematic-content>p{max-width:500px;font-size:1rem;line-height:1.8;color:#d0cbc2;margin:0 0 2rem}.cinematic-content .hero-actions{gap:.75rem}.cinematic-content .btn{font-size:.66rem;letter-spacing:.09em;min-height:50px;padding:1rem 1.3rem}.cinematic-content .btn-primary{background:var(--hero-accent);border-color:var(--hero-accent);color:#111}.cinematic-content .btn-primary:hover{background:#e1c9a5}.cinematic-content .btn-ghost{background:#0b0a0970;border-color:#b5a18770}.hero-service-note{font:9px 'JetBrains Mono',monospace;letter-spacing:.15em;margin-top:2.4rem;color:#a9a194}.hero-service-note span{color:var(--hero-accent);padding:0 .7rem}.hero-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;z-index:3;display:flex;gap:2rem;align-items:flex-end;justify-content:space-between;max-width:1400px;margin:auto}.hero-slide-picker{display:flex;gap:1.6rem;min-width:0}.hero-slide-picker button{position:relative;display:flex;gap:.7rem;text-align:left;background:none;border:0;border-bottom:1px solid #ffffff35;padding:0 0 1rem;min-width:95px;max-width:180px;color:#a69e92;cursor:pointer;overflow:hidden}.hero-slide-picker button.is-current{color:#f1e8da;border-color:#dec094}.slide-order{font:11px 'JetBrains Mono',monospace;color:var(--hero-accent)}.slide-name{font:11px Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--hero-accent);transform:scaleX(0);transform-origin:left}.is-current .slide-progress{animation:hero-progress linear forwards}.hero-navigation{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.hero-navigation button{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #ffffff35;border-radius:50%;background:#0b0a0966;color:#f3eadd;cursor:pointer;font-size:15px}.hero-navigation button:hover{border-color:var(--hero-accent);background:#2b2319}.hero-navigation button:disabled{opacity:.3;cursor:default}.hero-count{font:10px 'JetBrains Mono',monospace;color:#c7bdad;margin-right:1rem;letter-spacing:.12em}.cinematic-hero.align-center .cinematic-content{text-align:center}.align-center .hero-kicker,.align-center .hero-actions{justify-content:center}.align-center .cinematic-content h1,.align-center .cinematic-content>p{margin-left:auto;margin-right:auto}.cinematic-hero.align-right .cinematic-content{text-align:right}.align-right .hero-kicker,.align-right .hero-actions{justify-content:flex-end}.align-right .cinematic-content h1,.align-right .cinematic-content>p{margin-left:auto}.align-right .hero-shade{background-image:linear-gradient(270deg,#050505e0,#05050555 65%,#05050533),linear-gradient(0deg,#090908,transparent 35%)}.hero-video-open{color:#f1e3cc;background:#080808a0;border-color:#ac916b}.hero-video-stage{position:absolute;inset:0;z-index:10;background:#080808;display:flex;flex-direction:column;padding:1.3rem 5vw 1rem}.hero-video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#d5c6af;font-size:.8rem;margin:0 0 1rem}.hero-video-toolbar>div{display:flex;gap:.7rem}.hero-video-toolbar button{padding:.6rem .8rem;border:1px solid #63553f;background:#17130e;color:#e5d3b6;cursor:pointer;font-size:.7rem}.hero-video-stage iframe{display:block;border:0;width:100%;flex:1;min-height:0}.hero-video-stage>p{font-size:.65rem;text-align:center;color:#9a9185;margin:.6rem 0 0}.hero-disabled{min-height:380px;padding:9rem 5vw 4rem;background:#10100e}.hero-disabled h1{font-size:clamp(2.5rem,5vw,5rem);margin:1rem 0 2rem}.hero-admin-editor{max-width:1200px}.hero-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.hero-editor-heading p{max-width:700px;margin-bottom:0}.hero-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1.5rem}.hero-editor-flags{display:flex;flex-wrap:wrap;gap:0 2rem}.hero-admin-editor hr{border:0;border-top:1px solid #40382d;margin:1.5rem 0}.hero-slide-editor-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.hero-admin-editor .admin-actions{justify-content:flex-end}.hero-save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 0;background:#11110ff5;border-top:1px solid #40382d;margin-top:1rem}.hero-save-bar span{font-size:.7rem;color:#c4b5a0}.hero-admin-editor input[type=color]{height:44px;max-width:100%;padding:4px}.hero-admin-editor input[type=range]{padding:.5rem 0;accent-color:#c8aa82;min-height:44px}.hero-admin-editor input[type=file]{font-size:.7rem;max-width:100%;padding:.65rem}.hero-editor-preview{border:1px solid #4f4232;margin-bottom:2rem}.hero-editor-preview .cinematic-hero{height:620px;min-height:620px}.hero-editor-preview .cinematic-content{padding:90px 3rem 120px}.hero-editor-preview .cinematic-content h1{font-size:clamp(2.5rem,4vw,4rem)}.hero-editor-preview .fine-print{padding:1rem;margin:0}.hero-editor-preview .hero-slide-picker{gap:.5rem}.hero-editor-preview .hero-slide-picker button{min-width:60px}.hero-editor-preview .slide-name{display:none}
@keyframes hero-reveal{from{opacity:0}to{opacity:1}}@keyframes hero-slide-in{from{opacity:0;transform:translateX(4%)}to{opacity:1;transform:translateX(0)}}@keyframes hero-zoom{from{transform:scale(1)}to{transform:scale(1.065)}}@keyframes hero-pan{from{transform:scale(1.08) translateX(-1.5%)}to{transform:scale(1.08) translateX(1.5%)}}@keyframes hero-progress{to{transform:scaleX(1)}}
@media(min-width:1700px){.cinematic-content{padding-left:0;padding-right:0}}
@media(max-width:1000px){.hero-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-editor-heading{flex-wrap:wrap}.hero-slide-picker{gap:.8rem}.hero-slide-picker button{min-width:70px;max-width:105px}.cinematic-content{padding-top:140px}.hero-slide-picker .slide-name{font-size:10px}}
@media(max-width:700px){.cinematic-hero{height:760px;min-height:760px;max-height:none}.cinematic-content{padding:140px 1.5rem 130px}.cinematic-content h1{font-size:clamp(2.5rem,10vw,4rem);line-height:1.08;margin-bottom:1.4rem;letter-spacing:-.045em}.hero-kicker{font-size:8px;line-height:1.7;max-width:270px;letter-spacing:.12em;margin-bottom:1.3rem}.cinematic-content>p{font-size:.92rem;max-width:340px;line-height:1.8}.hero-picture img{object-position:72% center!important}.hero-shade{background-image:linear-gradient(90deg,#050505c9,#05050565),linear-gradient(0deg,#090908,transparent 50%,#09090830)}.cinematic-content .hero-actions{gap:.6rem}.cinematic-content .btn{font-size:.61rem;padding:.85rem 1rem;min-height:46px;letter-spacing:.04em}.hero-service-note{font-size:8px;letter-spacing:.08em;margin-top:1.8rem}.hero-service-note span{padding:0 .4rem}.hero-bottom{left:1.5rem;right:1.5rem;bottom:25px;gap:.7rem;align-items:center}.hero-slide-picker{gap:.65rem;flex:1}.hero-slide-picker button{min-width:24px;max-width:45px;flex:1;padding-bottom:.8rem;gap:0}.slide-name{display:none}.hero-count{display:none}.hero-navigation button{height:34px;width:34px;font-size:13px}.hero-navigation{gap:.3rem}.hero-editor-grid{grid-template-columns:1fr}.hero-editor-preview .cinematic-hero{height:740px;min-height:740px}.hero-editor-preview .cinematic-content{padding:110px 1.5rem 110px}.hero-video-stage{padding:1rem}.hero-video-toolbar{flex-wrap:wrap}.hero-video-toolbar span{display:none}.hero-video-toolbar>div{justify-content:flex-end;width:100%}.cinematic-hero.align-center .hero-kicker{margin-left:auto;margin-right:auto}.cinematic-hero.align-right .hero-kicker{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.hero-picture,.hero-scene,.slide-progress{animation:none!important}.cinematic-hero *{scroll-behavior:auto!important}}

/* Posters with their own titles need a separate, uncropped artwork area. */
.cinematic-hero.layout-split{height:auto;min-height:var(--hero-height);max-height:none;background:radial-gradient(ellipse at 77% 40%,#17202c66,transparent 60%),#090908}
.layout-split .hero-scene{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,3vw,56px);width:min(1600px,90%);min-height:var(--hero-height);margin:0 auto;padding:130px 0 128px;box-sizing:border-box}
.layout-split .cinematic-content{grid-column:1;grid-row:1;width:100%;min-width:0;max-width:none;margin:0;padding:0;text-align:left}
.layout-split .cinematic-content h1{font-size:clamp(2.5rem,4.1vw,min(var(--hero-type),4rem));max-width:100%;line-height:1.07}
.layout-split .hero-kicker,.layout-split .hero-actions{justify-content:flex-start}
.layout-split .hero-actions{display:flex;flex-wrap:wrap}
.layout-split .hero-picture{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;animation:none!important;transform:none!important;overflow:hidden;border:1px solid #a6b8cf30;border-radius:18px;box-shadow:0 24px 70px #0009;background:#101827}
.layout-split .hero-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center!important;filter:none}
.layout-split .hero-shade{display:none}
.layout-split .hero-image-link{position:relative;inset:auto;grid-column:2;grid-row:1;align-self:center;width:100%;aspect-ratio:16/9;border-radius:18px}
.hero-editor-preview .layout-split{height:auto;min-height:620px}
.hero-editor-preview .layout-split .hero-scene{min-height:620px;padding-top:80px;padding-bottom:110px}
.hero-editor-preview .layout-split .cinematic-content{padding:0}
.hero-editor-preview .layout-split .cinematic-content h1{font-size:clamp(2rem,3vw,3rem)}
@media(max-width:1100px){
 .layout-split .hero-scene{grid-template-columns:minmax(0,1fr);width:min(820px,90%);gap:30px;padding:116px 0 108px}
 .layout-split .cinematic-content{grid-column:1;grid-row:1}
 .layout-split .cinematic-content h1{font-size:clamp(2.5rem,6vw,3.75rem);max-width:680px}
 .layout-split .cinematic-content>p{max-width:640px}
 .layout-split .hero-picture{grid-column:1;grid-row:2}
 .layout-split .hero-image-link{grid-column:1;grid-row:2}
 .hero-editor-preview .layout-split .hero-scene{padding-top:64px}
}
@media(max-width:700px){
 .cinematic-hero.layout-split{height:auto;min-height:0}
 .layout-split .hero-scene{width:calc(100% - 3rem);min-height:0;padding:116px 0 110px;gap:28px}
 .layout-split .cinematic-content h1{font-size:clamp(2.25rem,9vw,3.5rem)}
 .layout-split .hero-picture{border-radius:10px}
 .layout-split .hero-service-note{margin-top:1.5rem}
 .hero-editor-preview .layout-split .hero-scene{min-height:0;padding:48px 0 100px}
}