/* A quiet network behind the hero. Interaction never covers the content. */
.hero.hero-new{position:relative;isolation:isolate}
.hero-new>.container{position:relative;z-index:1}
.hero-atmosphere{position:absolute;inset:0 0 auto;height:850px;max-height:100%;z-index:0;overflow:hidden;pointer-events:none;contain:strict;background:radial-gradient(ellipse at 5% 30%,rgb(36 182 107 / 11%),transparent 44%),radial-gradient(ellipse at 96% 54%,rgb(36 182 107 / 12%),transparent 42%);-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
.hero-atmosphere::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgb(18 104 62 / 19%) .85px,transparent .85px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 24%,transparent 20%,#000 78%);mask-image:radial-gradient(ellipse at 50% 24%,transparent 20%,#000 78%)}
.hero-atmosphere canvas{display:block;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse at 50% 22%,rgb(0 0 0 / 8%) 16%,#000 72%);mask-image:radial-gradient(ellipse at 50% 22%,rgb(0 0 0 / 8%) 16%,#000 72%)}
@media(max-width:900px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
 .hero-atmosphere canvas{display:none}
 .hero-atmosphere{height:680px;background:radial-gradient(ellipse at 0% 36%,rgb(36 182 107 / 9%),transparent 60%),radial-gradient(ellipse at 100% 60%,rgb(36 182 107 / 10%),transparent 56%)}
 .hero-atmosphere::before{background-size:26px 26px;opacity:.65}
}
@media(forced-colors:active){.hero-atmosphere{display:none}}