/* Background reference study requested by the user: INHAUS, 2026-09-14. */
.cobalto .hero.motion-hero{isolation:isolate;overflow:hidden;background:#d5d8d9;color:#102136;min-height:620px;justify-content:space-between}
.motion-background{position:absolute;inset:0;z-index:-2;pointer-events:none}
.motion-background video{width:100%;height:100%;object-fit:cover;display:block}
.motion-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3f6fa70,#e8eef820)}
.cobalto .motion-hero .hero-intro{padding-top:100px;padding-bottom:100px}
.cobalto .motion-hero .eyebrow{color:#174dde}
.cobalto .motion-hero h1 em{color:#174dde}
.cobalto .motion-hero .hero-description{color:#273c55}
.cobalto .motion-hero .more{color:#102136;border-color:#60738c}
.cobalto .motion-hero .hero-meta{color:#273c55;border-color:#10213630;background:#f6f8fc50;flex-wrap:wrap;align-items:center}
.motion-toggle{background:transparent;color:#102136;border:1px solid #60738c;padding:10px 14px;font-size:14px}
@media(max-width:700px){.cobalto .hero.motion-hero{min-height:650px}.cobalto .motion-hero .hero-intro{padding:65px 6% 45px}.cobalto .motion-hero .hero-meta{gap:14px}.motion-toggle{min-height:44px}.motion-background video{object-position:center}}
/* Keep inline video in a nonnegative layer for mobile Safari. */
.cobalto .motion-hero>.motion-background,.cobalto .section-video>.motion-background{z-index:0}
.cobalto .motion-hero>:not(.motion-background),.cobalto .section-video>:not(.motion-background){position:relative;z-index:1}
@media(max-width:850px){.motion-background video{object-position:65% center}.motion-background:after{background:linear-gradient(90deg,#f3f6fa40,#e8eef808)}}

/* Automatic animated honeycomb remains visible while video loads or autoplay is blocked. */
.motion-background::before{content:"";position:absolute;inset:-12%;background:#dce1e5 url('/assets/honey-motion.svg') center/720px auto;animation:honey-fallback-drift 12s ease-in-out infinite alternate;will-change:transform}
.motion-background video{position:relative;z-index:1;opacity:0;transition:opacity .35s ease}
.motion-background video.video-playing{opacity:1}
.motion-background::after{z-index:2}
@keyframes honey-fallback-drift{from{transform:translate3d(-2%,-1%,0) scale(1.03)}to{transform:translate3d(3%,2%,0) scale(1.09)}}
.motion-paused .motion-background::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.motion-background::before{animation:none}.motion-background video{transition:none}}

/* Mobile uses an animated copy of the original panal: no video autoplay permission needed. */
@media(max-width:850px){
 .motion-background video,.motion-background video.video-playing{display:none}
 .motion-background::before{inset:0;background:#dce1e5 url('/assets/honey-mobile.webp?v=20b') center center/auto 340px repeat;animation:none;transform:none;will-change:auto}
 .motion-paused .motion-background::before{background-image:url('/assets/honey-mobile-still.webp')}
}