/* Decorative hero animation stays below all readable content. */
.hero { position:relative; isolation:isolate; }
.hero-motion { position:absolute; z-index:-1; inset:0 0 110px; overflow:hidden; pointer-events:none; }
.hero-motion video { position:absolute; width:100%; height:100%; object-fit:contain; object-position:right center; opacity:.75; }
.hero-motion { -webkit-mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.15) 30%,#000 70%); mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.15) 30%,#000 70%); }
.hero-motion-toggle { position:absolute; right:0; top:12px; min-height:44px; padding:8px 10px; border:0; background:transparent; color:#626262; font:inherit; font-size:10px; cursor:pointer; }
@media(max-width:700px) {
 .hero-motion { inset:35px -10px 105px; -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.35) 45%,#000); mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.35) 45%,#000); }
 .hero-motion video { opacity:.5; }
 .hero-motion-toggle { top:0; font-size:9px; }
}