.hero-preset-layer{z-index:-1;pointer-events:none;--hero-preset-bg:var(--ev-bg,transparent);--hero-preset-accent-1:var(--event-hero-accent-1,var(--ev-primary));--hero-preset-accent-2:var(--event-hero-accent-2,var(--ev-accent,var(--ev-primary)));position:absolute;inset:0;overflow:hidden}.hero-preset-geometric-grid{background-image:linear-gradient(color-mix(in srgb, var(--hero-preset-accent-1) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hero-preset-accent-1) 8%, transparent) 1px, transparent 1px);background-position:50%;background-size:48px 48px}.hero-preset-diagonal-lines{background-image:repeating-linear-gradient(45deg, transparent, transparent 14px, color-mix(in srgb, var(--hero-preset-accent-1) 7%, transparent) 14px, color-mix(in srgb, var(--hero-preset-accent-1) 7%, transparent) 15px)}.hero-preset-dot-matrix{background-image:radial-gradient(circle, color-mix(in srgb, var(--hero-preset-accent-1) 15%, transparent) 1px, transparent 1px);background-size:24px 24px}.hero-preset-circuit{background-image:linear-gradient(color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 2px, transparent 2px), linear-gradient(90deg, color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 2px, transparent 2px), linear-gradient(color-mix(in srgb, var(--hero-preset-accent-1) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--hero-preset-accent-1) 6%, transparent) 1px, transparent 1px);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:100px 100px,100px 100px,20px 20px,20px 20px}.hero-preset-circuit:after{content:"";background:radial-gradient(circle at 50% 50%, transparent 30%, var(--hero-preset-bg) 80%);position:absolute;inset:0}.hero-preset-gradient-mesh{background:radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--hero-preset-accent-1) 18%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--hero-preset-accent-2) 14%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 60% 80%, color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 0%, transparent 50%);background-size:140% 140%}.hero-preset-noise-grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.hero-preset-aurora-glow{background:0 0}.hero-preset-aurora-glow:before,.hero-preset-aurora-glow:after{content:"";filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.hero-preset-aurora-glow:before{background:color-mix(in srgb, var(--hero-preset-accent-1) 40%, transparent);width:50%;height:60%;top:-10%;left:10%}.hero-preset-aurora-glow:after{background:color-mix(in srgb, var(--hero-preset-accent-2) 30%, transparent);width:40%;height:50%;bottom:-5%;right:5%}@keyframes aurora-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,3%)scale(1.05)}to{transform:translate(-3%,-2%)scale(.97)}}.hero-preset-wave-lines{background-image:repeating-radial-gradient(ellipse at 8% 50%, color-mix(in srgb, var(--hero-preset-accent-1) 16%, transparent) 0 1px, transparent 1px 2.75rem), linear-gradient(115deg, color-mix(in srgb, var(--hero-preset-accent-2) 12%, transparent), transparent 56%)}.hero-preset-topography{background-image:repeating-radial-gradient(ellipse at 30% 42%, transparent 0 2rem, color-mix(in srgb, var(--hero-preset-accent-1) 12%, transparent) 2rem calc(2rem + 1px), transparent calc(2rem + 1px) 4rem), repeating-radial-gradient(ellipse at 78% 78%, transparent 0 2.75rem, color-mix(in srgb, var(--hero-preset-accent-2) 10%, transparent) 2.75rem calc(2.75rem + 1px), transparent calc(2.75rem + 1px) 5.5rem)}.hero-preset-hexagon{background-image:linear-gradient(30deg, color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 12%, transparent 12.5%, transparent 87%, color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 87.5%), linear-gradient(150deg, color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 12%, transparent 12.5%, transparent 87%, color-mix(in srgb, var(--hero-preset-accent-1) 10%, transparent) 87.5%), linear-gradient(30deg, color-mix(in srgb, var(--hero-preset-accent-2) 8%, transparent) 12%, transparent 12.5%, transparent 87%, color-mix(in srgb, var(--hero-preset-accent-2) 8%, transparent) 87.5%);background-position:0 0,0 0,36px 63px;background-size:72px 126px}.hero-preset-prism-beams{background-image:linear-gradient(110deg, transparent 0 22%, color-mix(in srgb, var(--hero-preset-accent-1) 20%, transparent) 22% 31%, transparent 31%), linear-gradient(70deg, transparent 0 43%, color-mix(in srgb, var(--hero-preset-accent-2) 18%, transparent) 43% 56%, transparent 56%), linear-gradient(180deg, color-mix(in srgb, var(--hero-preset-accent-1) 8%, transparent), transparent 62%)}.hero-preset-light-trails{background-image:repeating-linear-gradient(100deg, transparent 0 5.5rem, color-mix(in srgb, var(--hero-preset-accent-1) 14%, transparent) 5.5rem calc(5.5rem + 1px), transparent calc(5.5rem + 1px) 9rem), linear-gradient(110deg, transparent 0 18%, color-mix(in srgb, var(--hero-preset-accent-2) 12%, transparent) 18% 24%, transparent 24%);background-size:140% 100%}.hero-preset-constellation{background-image:radial-gradient(circle at 18% 34%, color-mix(in srgb, var(--hero-preset-accent-1) 24%, transparent) 0 2px, transparent 2px), radial-gradient(circle at 70% 28%, color-mix(in srgb, var(--hero-preset-accent-2) 20%, transparent) 0 2px, transparent 2px), radial-gradient(circle at 48% 72%, color-mix(in srgb, var(--hero-preset-accent-1) 18%, transparent) 0 1.5px, transparent 1.5px), linear-gradient(25deg, transparent 0 46%, color-mix(in srgb, var(--hero-preset-accent-1) 8%, transparent) 46% 47%, transparent 47%), linear-gradient(145deg, transparent 0 56%, color-mix(in srgb, var(--hero-preset-accent-2) 8%, transparent) 56% 57%, transparent 57%)}.hero-preset-glass-ribbons{background-image:linear-gradient(120deg, transparent 0 18%, color-mix(in srgb, var(--hero-preset-accent-1) 16%, transparent) 18% 38%, transparent 38%), linear-gradient(62deg, transparent 0 44%, color-mix(in srgb, var(--hero-preset-accent-2) 17%, transparent) 44% 70%, transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--hero-preset-accent-1) 8%, transparent), transparent 52%);background-size:120% 120%}.hero-preset-radial-spotlight{background-image:radial-gradient(ellipse at center, color-mix(in srgb, var(--hero-preset-accent-1) 22%, transparent), transparent 56%), linear-gradient(135deg, color-mix(in srgb, var(--hero-preset-accent-2) 10%, transparent), transparent 62%)}.event-hero[data-background-animated=true] .hero-preset-gradient-mesh,.event-hero[data-background-animated=true] .hero-preset-glass-ribbons{animation:16s ease-in-out infinite alternate hero-preset-gradient-shift}.event-hero[data-background-animated=true] .hero-preset-light-trails{animation:18s linear infinite hero-preset-trails}.event-hero[data-background-animated=true] .hero-preset-aurora-glow:before,.event-hero[data-background-animated=true] .hero-preset-aurora-glow:after{animation:12s ease-in-out infinite alternate aurora-drift}.event-hero[data-background-animated=true] .hero-preset-aurora-glow:after{animation-direction:alternate-reverse;animation-delay:-6s}@keyframes hero-preset-gradient-shift{0%{background-position:0 45%}to{background-position:100% 55%}}@keyframes hero-preset-trails{0%{background-position:0 0}to{background-position:12rem 0}}@media (prefers-reduced-motion:reduce){.hero-preset-aurora-glow:before,.hero-preset-aurora-glow:after,.hero-preset-gradient-mesh,.hero-preset-glass-ribbons,.hero-preset-light-trails{animation:none}}