.hero-atmosphere{contain:paint}.hero-drenched-base{background:linear-gradient(168deg, var(--color-accent-fill-deep) 0%, color-mix(in oklab, var(--color-accent-fill-deep) 72%, var(--color-accent-fill)) 38%, var(--color-accent-fill) 100%), radial-gradient(ellipse 120% 90% at 50% 35%, color-mix(in oklab, var(--color-accent-fill) 35%, transparent), transparent 72%)}.hero-drenched-glow{background:radial-gradient(ellipse 115% 80% at 18% 20%, color-mix(in oklab, var(--color-accent-light) 24%, transparent), transparent 74%), radial-gradient(ellipse 100% 70% at 52% 30%, color-mix(in oklab, var(--color-accent-light) 16%, transparent), transparent 72%), radial-gradient(ellipse 75% 60% at 88% 22%, color-mix(in oklab, var(--color-accent-light) 11%, transparent), transparent 70%)}.hero-drenched-glow-secondary{background:radial-gradient(ellipse 105% 75% at 82% 72%, color-mix(in oklab, var(--color-accent-light) 17%, transparent), transparent 70%), radial-gradient(ellipse 95% 65% at 38% 80%, color-mix(in oklab, var(--color-accent-light) 13%, transparent), transparent 72%), radial-gradient(ellipse 85% 55% at 58% 52%, color-mix(in oklab, var(--color-accent-light) 9%, transparent), transparent 74%)}.hero-signal-grid{opacity:.36;background-image:linear-gradient(to right, color-mix(in oklab, var(--color-on-drench-edge) 44%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-on-drench-edge) 44%, transparent) 1px, transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(155% 135% at 50% 44%,#000 28%,#0000 92%);mask-image:radial-gradient(155% 135% at 50% 44%,#000 28%,#0000 92%)}.hero-signal-grid-fine{opacity:.22;background-image:linear-gradient(to right, color-mix(in oklab, var(--color-on-drench-edge) 20%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-on-drench-edge) 20%, transparent) 1px, transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(150% 130% at 48%,#000 22%,#0000 94%);mask-image:radial-gradient(150% 130% at 48%,#000 22%,#0000 94%)}.hero-signal-beam-container{-webkit-mask-image:radial-gradient(152% 132% at 52% 46%,#000 24%,#0000 93%);mask-image:radial-gradient(152% 132% at 52% 46%,#000 24%,#0000 93%)}.hero-signal-beam{opacity:.07;width:72%;height:clamp(3.5rem,8vw,5.5rem);box-shadow:0 0 48px #ffffff0d, 0 0 96px color-mix(in oklab, var(--color-accent-light) 8%, transparent);transform-origin:50%;background:linear-gradient(98deg,#0000 0%,#ffffff0a 12%,#ffffff1a 50%,#ffffff0a 88%,#0000 100%);background:linear-gradient(98deg,#0000 0%,lab(100% -.0000298023 .0000119209/.04) 12%,lab(100% -.0000298023 .0000119209/.1) 50%,lab(100% -.0000298023 .0000119209/.04) 88%,#0000 100%);border-radius:12px;position:absolute;top:36%;left:10%;transform:translate(-6%,4%)rotate(-4deg)}@supports (color:lab(0% 0 0)){.hero-signal-beam{box-shadow:0 0 48px lab(100% -.0000298023 .0000119209/.05), 0 0 96px color-mix(in oklab, var(--color-accent-light) 8%, transparent)}}.hero-signal-vignette{background:radial-gradient(ellipse 135% 115% at 50% 50%, transparent 64%, color-mix(in oklab, var(--color-accent-fill-deep) 32%, transparent) 100%)}@media (hover:none) and (pointer:coarse){.hero-atmosphere .hero-signal-grid-fine,.hero-atmosphere .hero-signal-beam-container,.hero-atmosphere .hero-drenched-glow-secondary{display:none}.hero-signal-grid{opacity:.28}}