.film-section{background:#edf3fc;padding-block:65px 85px;overflow:hidden}
.film-section .section-head{border:0;padding-top:0;margin-bottom:32px}
.film-section .section-head h2{color:#15396a;max-width:16ch;font-size:clamp(2.5rem,4.8vw,4.7rem);letter-spacing:-.055em}
.film-section .eyebrow{color:#426ea8}.film-section .section-head p{color:#637b98}
.film-section .icon-btn{width:52px;height:52px;background:transparent;border-color:#aebfd8;color:#254f89}
.film-section .icon-btn:hover{background:#245cd6;color:#fff;border-color:#245cd6}
.film-meta{display:flex;justify-content:space-between;align-items:center;color:#50739b;font-size:.64rem;letter-spacing:.13em;margin-bottom:16px}
.film-meta>span:first-child{display:flex;align-items:center;gap:9px}
.film-meta i{width:6px;height:6px;border-radius:50%;background:#3679ec;box-shadow:0 0 0 4px #3679ec15;animation:film-pulse 2s ease-in-out infinite}
.film-track{gap:24px;scroll-snap-type:x mandatory;padding:0 0 12px;perspective:none;overscroll-behavior-x:contain}
.film-track .film-card{flex:0 0 88%;height:550px;aspect-ratio:auto;background:linear-gradient(125deg,#102752,#081731 70%);border-radius:12px;scroll-snap-align:start;transform:none!important;isolation:isolate;box-shadow:none}
.film-card::before{content:"";position:absolute;left:-22%;top:-50%;width:90%;aspect-ratio:1;border:1px solid #75a4ff20;border-radius:50%;box-shadow:0 0 0 50px #75a4ff06,0 0 0 100px #75a4ff04;pointer-events:none;animation:film-orbit 20s ease-in-out infinite alternate}
.film-card::after{display:none}
.film-track .film-card>video,.film-track .film-card>img{position:absolute;right:0;left:auto;top:0;width:58%;height:100%;object-fit:contain;opacity:1;transform:none!important;background:#071223;transition:filter .7s ease;filter:saturate(.55) brightness(.75)}
.film-track .film-card.is-current>video,.film-track .film-card.is-current>img{filter:none}
.film-card .card-number{border-color:#7499d855;background:transparent;color:#adc9f6;left:32px;top:30px}
.film-card .card-info{z-index:2;left:0;right:auto;top:100px;bottom:80px;width:42%;padding:30px 34px;background:none;display:flex;flex-direction:column;justify-content:center}
.film-kicker{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.15em;color:#7c9ccd;margin-bottom:32px}
.film-kicker>span{font-size:1.3rem;line-height:.5}
.film-card .card-info small{font-size:.55rem;color:#a4bfe7;letter-spacing:.12em;opacity:1;line-height:1.7}
.film-card .card-info h3{font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.04;margin:16px 0 27px;letter-spacing:-.055em;max-width:10ch}
.film-card .card-info a{align-self:flex-start;font-size:.7rem;color:#e0ebff}
.film-card.is-current .card-info h3{animation:film-title .85s var(--ease) both}
.film-card.is-current .card-info small{animation:film-title .85s .08s var(--ease) both}
.film-card.is-current .card-info a{animation:film-title .85s .16s var(--ease) both}
.film-controls{position:absolute;z-index:3;right:22px;bottom:22px;display:flex;gap:8px}
.film-controls button{border:1px solid #ffffff55;min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding:0;background:#0a204cc9;backdrop-filter:blur(12px);color:#fff;cursor:pointer;font:inherit;font-size:16px;transition:background .3s,transform .3s}
.film-controls button:hover{background:#2663dc;transform:scale(1.06)}
.film-controls button:focus-visible{outline:2px solid #a8ceff;outline-offset:4px}
.film-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#779be025;z-index:4}
.film-progress span{display:block;width:100%;height:100%;transform:scaleX(var(--film-progress,0));transform-origin:left;background:linear-gradient(90deg,#3877f0,#97caff);transition:transform .18s linear}
.film-section .track-nav{display:flex}
.film-card video:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}
.film-card:focus-within{outline:2px solid #6d9dea;outline-offset:-3px}
@keyframes film-title{from{opacity:0;translate:0 20px;clip-path:inset(0 0 100%)}to{opacity:1;translate:0 0;clip-path:inset(0)}}
@keyframes film-pulse{50%{box-shadow:0 0 0 7px #3679ec00}}
@keyframes film-orbit{to{transform:translate(6%,8%) rotate(15deg)}}
@media(max-width:960px){.film-track .film-card{height:470px;flex-basis:93%}.film-card .card-info{padding-inline:24px}.film-card .card-info h3{font-size:2.7rem}.film-kicker{font-size:.5rem}.film-card .card-number{left:24px}}
@media(max-width:760px){
 .film-section{padding-block:45px 55px}.film-section .section-head{gap:20px}.film-section .section-head h2{font-size:2.6rem}.film-section .track-nav{align-self:flex-end}.film-section .icon-btn{width:42px;height:42px}.film-meta{font-size:.54rem;letter-spacing:.08em}.film-track{gap:16px;padding-top:0;padding-bottom:8px}.film-track .film-card{height:580px;flex-basis:92%;border-radius:9px}.film-track .film-card>video,.film-track .film-card>img{top:0;left:0;width:100%;height:64%;object-fit:contain}.film-card .card-number{top:16px;left:16px;z-index:3;background:#0a204c88;color:#fff}.film-card .card-info{top:64%;bottom:0;left:0;width:100%;padding:22px 24px;justify-content:flex-start}.film-kicker{display:none}.film-card .card-info h3{font-size:2.15rem;line-height:1.05;margin:10px 0 14px;max-width:15ch}.film-card .card-info small{font-size:.51rem}.film-card .card-info a{font-size:.66rem}.film-card .card-info a::after{font-size:1.1rem;margin-left:24px}.film-controls{bottom:calc(36% + 12px);right:12px}.film-controls button{width:36px;min-width:36px;height:36px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.film-section *,.film-section *::before{animation:none!important;transition:none!important}}
.motion-paused .film-card .card-info *{animation:none!important;opacity:1;translate:none;clip-path:none}