:root{--pad: clamp(20px, 4vw, 56px)}html,body{min-height:100%}body{font-size:1.0625rem;line-height:1.6}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent 80%,var(--background)),linear-gradient(rgba(0,0,0,.55),transparent 26%),linear-gradient(90deg,#080808c7,#08080873 60%,#0808084d),linear-gradient(transparent 38%,#000000c7)}.hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0,transparent 2.3px,#000 2.8px) 0 0 / 8px 8px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 38%,rgba(0,0,0,.55) 70%,#000 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,transparent 38%,rgba(0,0,0,.55) 70%,#000 100%)}@media (max-width: 600px){.hero-dots{background-size:6px 6px;background-image:radial-gradient(circle at center,transparent 0,transparent 1.7px,#000 2.2px)}}