.page-section-hero{--background-dot-color:var(--color-sand-40);--background-dot-hover-color:var(--color-sand-70);--background-dot-size:1.5px;font-size:var(--font-size-large-5);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:30rem;display:flex;position:relative;overflow:hidden}.page-section-hero>.page-content{position:relative}.page-section-hero h1{animation:.5s ease-out hero-fade-in-up}.page-section-hero h1~p{animation:.5s ease-out .1s backwards hero-fade-in-up}@keyframes hero-fade-in-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-section-hero h1,.page-section-hero h1~p{animation:none}}.page-section-hero-content{flex-direction:column;gap:clamp(.25rem,.83vw,.5rem);display:flex}@media (min-width:40rem){.page-section-hero-content{text-align:center;text-wrap:balance;width:min(60rem,100%)}}.page-section-hero-dots-base,.page-section-hero-dots-hover{background-size:32px 32px;position:absolute;inset:0}.page-section-hero-dots-base{background-image:radial-gradient(circle, var(--background-dot-color) var(--background-dot-size), transparent var(--background-dot-size))}.page-section-hero-dots-hover{-webkit-mask-image:radial-gradient(circle 160px at var(--mouse-x,-999px) var(--mouse-y,-999px), #fff 0%, #ffffff80 50%, transparent 100%);-webkit-mask-image:radial-gradient(circle 160px at var(--mouse-x,-999px) var(--mouse-y,-999px), #fff 0%, #ffffff80 50%, transparent 100%);mask-image:radial-gradient(circle 160px at var(--mouse-x,-999px) var(--mouse-y,-999px), #fff 0%, #ffffff80 50%, transparent 100%);background-image:radial-gradient(circle, var(--background-dot-hover-color) var(--background-dot-size), transparent var(--background-dot-size))}