/* Traveling brand light, scoped to the hero logo frame. */
@property --logo-glow-angle{syntax:"<angle>";initial-value:0deg;inherits:true}
.hero .hero-media{isolation:isolate;--logo-glow-angle:0deg;animation:logo-border-orbit 9s linear infinite}
.hero .hero-media::before,.hero .hero-media::after{content:"";display:block;position:absolute;inset:-2px;border:0;border-radius:20px;padding:2px;pointer-events:none;background:conic-gradient(from var(--logo-glow-angle),transparent 0%,#97be2410 12%,#A6D127 23%,#AEDC29 27%,transparent 38%,transparent 51%,#5bbbe520 62%,#77d4fa 75%,transparent 88%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:1}
.hero .hero-media::after{inset:-5px;padding:5px;border-radius:23px;filter:blur(8px);opacity:.65;z-index:-1}
@keyframes logo-border-orbit{to{--logo-glow-angle:360deg}}
@media(max-width:767px){.hero .hero-media::before{border-radius:14px}.hero .hero-media::after{border-radius:17px;opacity:.5}}
@media(prefers-reduced-motion:reduce){.hero .hero-media{animation:none;--logo-glow-angle:35deg}}