.cinematic-hero{height:auto;min-height:calc(100vh - 138px);max-height:none;isolation:isolate}
.hero-media,.hero-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-frame{opacity:0;transition:opacity 1.4s ease;will-change:opacity}
.hero-frame.is-active{opacity:1}
.hero-frame img{height:100%;width:100%;object-fit:cover;object-position:center 44%;animation:hero-drift 18s ease-in-out infinite alternate;will-change:transform}
.hero-frame:nth-child(2) img{object-position:center 40%;animation-direction:alternate-reverse}
.hero-frame:nth-child(3) img{object-position:center 48%}
.cinematic-hero:after{z-index:1;background:linear-gradient(90deg,#07192be6,#07192b94 49%,#07192b20),linear-gradient(0deg,#07192bd4,transparent 45%)}
.cinematic-hero .hero-content{z-index:3;padding-bottom:155px}
.hero-copy-block{min-height:280px;max-width:920px}
.cinematic-hero h1{font-size:clamp(3rem,4.6vw,4.6rem);max-width:920px}
.cinematic-hero .hero-bottom{z-index:3;display:flex;flex-direction:column;align-items:stretch;gap:26px;bottom:30px}
.hero-caption-row{display:flex;justify-content:space-between;align-items:center;gap:24px}
.hero-caption-row>span{font-size:.875rem;color:#e1eaf1}
.hero-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:780px}
.hero-chapter{background:none;border:0;padding:0;text-align:left;color:#d0dbe4;min-height:45px}
.chapter-name{display:flex;align-items:center;gap:14px;font-size:.875rem;font-weight:500;margin-bottom:12px}
.chapter-name small{font-size:.75rem;color:#9db0bd}
.hero-chapter.is-current{color:#fff}
.hero-chapter.is-current .chapter-name small{color:#b7e5df}
.chapter-track{display:block;height:2px;width:100%;background:#ffffff45;overflow:hidden}
.chapter-track i{display:block;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:#a5ded3}
.cinematic-hero .slide-controls{gap:10px}
.cinematic-hero .slide-controls button{width:40px;height:40px;font-size:1.2rem;border-color:#ffffff80;background:#0a213438;backdrop-filter:blur(5px)}
.cinematic-hero .slide-controls button:hover{background:#ffffff26}
#hero-playback{font-size:.875rem}
.hero-graphics{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.graphic-ring{position:absolute;display:block;width:560px;height:560px;border:1px solid #cfebe94d;border-radius:50%;right:-160px;top:15%;animation:graphic-breathe 12s ease-in-out infinite alternate}
.ring-two{width:720px;height:720px;right:-240px;top:calc(15% - 80px);border-color:#d6ebea29;animation-delay:-6s}
.graphic-rule{position:absolute;right:65px;top:12%;height:110px;width:1px;background:linear-gradient(transparent,#d8ebe67a,transparent)}
.is-paused .hero-frame img,.is-paused .graphic-ring{animation-play-state:paused}
@keyframes hero-drift{from{transform:scale(1.025) translateX(.4%)}to{transform:scale(1.105) translateX(-1.1%)}}
@keyframes graphic-breathe{from{transform:scale(.96) translateY(-6px)}to{transform:scale(1.06) translateY(12px)}}
@media(max-width:960px){.cinematic-hero{min-height:700px}.hero-copy-block{min-height:320px}.cinematic-hero .hero-content{padding-bottom:190px}.hero-chapters{max-width:100%}}
@media(max-width:700px){.cinematic-hero{min-height:720px}.cinematic-hero .hero-content{padding-bottom:185px}.cinematic-hero h1{font-size:clamp(2.7rem,10vw,3.7rem)}.hero-copy-block{min-height:340px}.hero-caption-row{align-items:center;gap:14px}.hero-caption-row>span{max-width:160px;font-size:.75rem;line-height:1.5}.cinematic-hero .hero-bottom{gap:22px;bottom:26px}.hero-chapters{gap:16px}.chapter-name{font-size:.8125rem;gap:7px;min-height:40px;align-items:start;margin-bottom:8px;line-height:1.4}.chapter-name small{font-size:.7rem;margin-top:2px}.cinematic-hero .slide-controls{gap:6px}.cinematic-hero .slide-controls button{width:34px;height:36px}.cinematic-hero .slide-controls>span{font-size:.75rem}.hero-frame img{object-position:59% center}.graphic-ring{width:360px;height:360px;right:-245px;top:21%}.ring-two{width:470px;height:470px;right:-300px;top:calc(21% - 55px)}.graphic-rule{right:24px;height:70px}}
@media(max-width:380px){.hero-copy-block{min-height:405px}.cinematic-hero .hero-content{padding-bottom:200px}.hero-caption-row{align-items:start}.hero-caption-row>span{max-width:118px}.cinematic-hero .slide-controls>span{display:none}.hero-chapters{gap:12px}.chapter-name{gap:5px;font-size:.75rem}.graphic-ring{opacity:.6}}
@media(prefers-reduced-motion:reduce){.hero-frame{transition:none}.hero-frame img,.graphic-ring{animation:none!important;transform:none!important}}
@media(max-width:700px){.slide-controls button{width:44px;height:44px}.hero-chapter{min-height:44px}.hero-graphics .graphic-ring{animation:none}}
@media(max-width:700px){.cinematic-hero .slide-controls button{width:44px;height:44px}.cinematic-hero .hero-bottom{bottom:100px}.cinematic-hero .hero-content{padding-bottom:270px}.cinematic-hero{min-height:805px}}
@media(max-width:700px){.hero-caption-row{flex-wrap:wrap;gap:10px}.cinematic-hero .slide-controls{flex-shrink:0}.cinematic-hero .slide-controls button{flex:0 0 44px}.cinematic-hero .hero-content{padding-bottom:300px}.cinematic-hero{min-height:835px}}
