/* Native color from the first paint; no video decoder or autoplay dependency. */
.hero{
 isolation:isolate;
 overflow:hidden;
 background:#6e94c8;
 background:radial-gradient(ellipse at 4% 0%,#ebcebc 0%,#ebcebc00 41%),radial-gradient(ellipse at 98% 93%,#63b7cc 0%,#63b7cc00 48%),linear-gradient(125deg,#96b4df 0%,#7073cc 35%,#4c58a8 60%,#243b70 100%);
}
.hero-gradient{
 position:absolute;
 inset:0;
 z-index:0;
 overflow:hidden;
 pointer-events:none;
 background:radial-gradient(ellipse at 2% 3%,#ebcbb8 0%,#ebcbb800 43%),radial-gradient(ellipse at 66% 5%,#9083df 0%,#9083df00 45%),radial-gradient(ellipse at 92% 100%,#5dbdd1 0%,#5dbdd100 52%),linear-gradient(142deg,#7fbbe3 0%,#5c62c5 41%,#203968 68%,#5b9fc5 100%);
}
.hero-gradient:before,.hero-gradient:after{
 content:'';
 position:absolute;
 inset:-16%;
 pointer-events:none;
 transform-origin:50% 50%;
}
.hero-gradient:before{
 background:radial-gradient(ellipse at 54% 25%,#569ce9bb 0%,#569ce900 45%),radial-gradient(ellipse at 80% 42%,#9974dc99 0%,#9974dc00 44%),linear-gradient(148deg,#edc6af66 8%,#a495d82e 25%,#202d6300 44%,#17294f99 64%,#17294f00 84%);
 animation:hero-color-drift 18s ease-in-out infinite alternate;
}
.hero-gradient:after{
 background:radial-gradient(ellipse at 12% 16%,#eac6b088 0%,#eac6b000 34%),radial-gradient(ellipse at 83% 82%,#75d0d577 0%,#75d0d500 42%),radial-gradient(ellipse at 44% 59%,#6055c888 0%,#6055c800 45%);
 animation:hero-color-tide 23s ease-in-out -7s infinite alternate;
}
.hero-wash{
 z-index:1;
 pointer-events:none;
 background:linear-gradient(180deg,#ffffff0d 0%,#15234b0d 42%,#14234326 100%);
}
.hero-topline,.hero-title,.hero-links,.hero>.scroll-cue{z-index:2}
.hero-topline{color:#30374f;text-shadow:0 1px 12px #ffffff50}
.hero-title{text-shadow:0 2px 24px #1d254b24}
@keyframes hero-color-drift{
 from{transform:translate3d(-4%,-3%,0) rotate(-5deg) scale(1.03)}
 to{transform:translate3d(5%,4%,0) rotate(6deg) scale(1.1)}
}
@keyframes hero-color-tide{
 from{transform:translate3d(5%,-2%,0) rotate(4deg) scale(1.06);opacity:.72}
 to{transform:translate3d(-5%,5%,0) rotate(-5deg) scale(1.02);opacity:1}
}
@media(max-width:560px){
 .hero-gradient{background:radial-gradient(ellipse at 4% 5%,#e5c3ca 0%,#e5c3ca00 44%),radial-gradient(ellipse at 95% 91%,#64bed1 0%,#64bed100 51%),linear-gradient(154deg,#80bce0 0%,#6e76ca 32%,#4d57aa 59%,#2b417a 77%,#6cb5cd 100%)}
 .hero-gradient:before{inset:-12%;animation-duration:20s}
 .hero-gradient:after{inset:-12%;animation-duration:26s}
}
@media(prefers-reduced-motion:reduce){
 .hero-gradient:before,.hero-gradient:after{animation:none;transform:none}
 .hero-gradient:after{opacity:.85}
}