@property --hero-shimmer-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
.hero-visual::after, .top .hero:has(.page-hero-copy)::after {
 content:""; position:absolute; inset:0; z-index:5; pointer-events:none;
 border-radius:inherit; padding:3px;
 background:conic-gradient(from var(--hero-shimmer-angle), transparent 0deg 250deg, #74d9ff40 280deg, #bfeeff 310deg, #ffffff 325deg, #ffe5a3 335deg, transparent 360deg);
 -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;
 animation:hero-border-shimmer 6s linear infinite;
}
.top .hero:has(.page-hero-copy)::after {left:50%;width:100vw;transform:translateX(-50%);box-sizing:border-box;border-radius:0;}
@keyframes hero-border-shimmer {to {--hero-shimmer-angle:360deg;}}
@media(prefers-reduced-motion:reduce){.hero-visual::after,.top .hero:has(.page-hero-copy)::after {animation:none;--hero-shimmer-angle:40deg;}}