/* Isolated Capabilities video trial; homepage assets and styles are unchanged. */
.capability-video-page{position:relative}
.capability-film{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:#171e28 url('assets/shared-opening-poster.jpg') center/cover no-repeat;z-index:0}
.capability-film video{display:block;width:100%;height:100%;object-fit:cover}
.capability-film::after{content:"";position:absolute;inset:0;opacity:var(--home-video-overlay,.494991648);background:linear-gradient(90deg,rgba(12,18,27,.88),rgba(12,18,27,.54) 58%,rgba(12,18,27,.27)),linear-gradient(180deg,rgba(12,18,27,.7),rgba(12,18,27,.2) 35%,rgba(12,18,27,.65))}
.capability-video-page #main{position:relative;z-index:1}
.capability-video-page #main>.page-intro,.capability-video-page #main>.injection-hero{background:transparent;color:white}
.capability-video-page #main>.injection-hero{margin-top:0;padding-top:calc(var(--header-height) + 70px)}
.capability-video-page .injection-hero h1,.capability-video-page .injection-subtitle{color:white}
.capability-video-page .injection-hero .breadcrumb{color:#b7d0ff}
.capability-video-page .injection-positioning,.capability-video-page .injection-values{color:#e1e6ed}
@media(max-width:650px){.capability-video-page #main>.injection-hero{padding-top:calc(var(--header-height) + 42px)}}

/* Keep content panels opaque and reveal the shared video at both ends. */
:where(.capability-video-page #main > section){background:#fff}
.capability-video-page .site-footer{position:relative;z-index:1}
.capability-video-page #main>.capability-video-closing{min-height:95svh;display:flex;align-items:center;justify-content:center;text-align:center;background:transparent;color:#fff}
.capability-closing-copy{width:100%;max-width:850px}
.capability-closing-copy h2{font-size:clamp(36px,4.5vw,64px);line-height:1.13;color:#fff;margin:0 0 26px;font-weight:700}
.capability-closing-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#e1e6ed;max-width:650px;margin:0 auto 30px}
.capability-closing-copy .eyebrow{color:#a9c8ff;font-size:12px;margin-bottom:25px}
.capability-closing-copy .button{color:#fff}
@media(max-width:650px){.capability-closing-copy>p:not(.eyebrow){font-size:17px}.capability-closing-copy h2{letter-spacing:-1px}}

/* Cover startup seeking with the last scene, never the opening poster. */
.capability-resuming .capability-film{background-image:var(--capability-resume-poster,none)}
.capability-resuming .capability-film video{opacity:0}

/* Center desktop content panels so the continuous video remains visible at the sides. */
@media(min-width:1001px){
 .capability-video-page #main>section:not(.page-intro):not(.injection-hero):not(.capability-video-closing){width:90%;max-width:1600px;margin-inline:auto;padding-inline:clamp(32px,4vw,64px)}
}

/* Match the overview's light-gray canvas behind the white molding cards. */
.capability-video-page #main>.injection-specialties{background:var(--paper)}
.injection-page .sensory-specialties article{background:#fff}

/* One persistent player across Home and Capabilities. */
.home-page>.hero-media{background-image:url('assets/shared-opening-poster.jpg')}
.hero-media video,.capability-film video{opacity:0;transition:opacity .15s ease}
.hero-media.motion-ready video,.capability-film.motion-ready video{opacity:1}
.capability-resuming .capability-film video{opacity:0}

/* Resume is an atomic handoff from the saved scene, not a fade over the aerial. */
.capability-film.resume-ready video,.hero-media.resume-ready video{transition:none}

/* Approved uniform capability headers: one white title and one blue tagline. */
.capability-video-page #main>.page-intro{padding-top:calc(var(--header-height) + 55px);padding-bottom:64px}
.capability-video-page .page-intro h1{color:#fff;font-size:clamp(42px,5vw,68px);line-height:1.12;max-width:1200px;margin:0 0 22px}
.capability-video-page .page-intro .page-description{color:#a9c9f4;font-size:24px;line-height:1.5;font-weight:400;max-width:1100px;margin:0}
@media(max-width:650px){
 .capability-video-page #main>.page-intro{padding-top:calc(var(--header-height) + 34px);padding-bottom:48px}
 .capability-video-page .page-intro h1{font-size:clamp(34px,7.5vw,42px);overflow-wrap:break-word}
 .capability-video-page .page-intro .page-description{font-size:20px;line-height:1.5}
}