.hero-gradient{z-index:0;pointer-events:none;--hero-gradient-cool:46 120 220;--hero-gradient-warm:232 96 58;--hero-gradient-cool-strength:.26;--hero-gradient-warm-strength:.2;--hero-gradient-blur:clamp(85px, 7.6vw, 165px);position:absolute;inset:0}.hero-gradient__cool,.hero-gradient__warm{filter:blur(var(--hero-gradient-blur));border-radius:50%;display:block;position:absolute}.hero-gradient__cool{background:radial-gradient(circle at 50% 50%, rgb(var(--hero-gradient-cool) / var(--hero-gradient-cool-strength)) 0%, rgb(var(--hero-gradient-cool) / 0) 68%);width:48%;height:60%;top:6%;left:-6%}.hero-gradient__warm{background:radial-gradient(circle at 50% 50%, rgb(var(--hero-gradient-warm) / var(--hero-gradient-warm-strength)) 0%, rgb(var(--hero-gradient-warm) / 0) 68%);width:46%;height:62%;bottom:0%;right:-8%}.hero-gradient--drift .hero-gradient__cool{animation:28s ease-in-out infinite alternate hero-gradient-cool-drift}.hero-gradient--drift .hero-gradient__warm{animation:34s ease-in-out infinite alternate hero-gradient-warm-drift}@keyframes hero-gradient-cool-drift{0%{transform:translate(0,0)}to{transform:translate(3%,-2%)}}@keyframes hero-gradient-warm-drift{0%{transform:translate(0,0)}to{transform:translate(-3%,2%)}}@media (prefers-reduced-motion:reduce){.hero-gradient--drift .hero-gradient__cool,.hero-gradient--drift .hero-gradient__warm{animation:none}}