/* A stationary dot grid revealed only in a soft, pointer-sized aperture. */
body{isolation:isolate}
.page-shell{position:relative;z-index:auto}
.pointer-aura{display:none;position:fixed;inset:0;z-index:0;overflow:hidden;contain:strict;pointer-events:none;opacity:0;transition:opacity .45s ease;--aura-left:-800px;--aura-top:-800px;--dot-x:0px;--dot-y:0px}
.pointer-aura.is-visible{opacity:1}
.pointer-aura::before{content:"";position:absolute;left:0;top:0;width:560px;height:560px;pointer-events:none;transform:translate3d(var(--aura-left),var(--aura-top),0)}
.pointer-aura::before{z-index:1;background-image:radial-gradient(circle,rgba(200,162,122,.45) 0 .85px,rgba(200,162,122,.15) 1.15px,transparent 1.5px);background-size:22px 22px;background-position:var(--dot-x) var(--dot-y);mask-image:radial-gradient(circle closest-side,#000 0 15%,rgba(0,0,0,.63) 43%,rgba(0,0,0,.18) 70%,transparent 96%);-webkit-mask-image:radial-gradient(circle closest-side,#000 0 15%,rgba(0,0,0,.63) 43%,rgba(0,0,0,.18) 70%,transparent 96%)}

.opening-active .pointer-aura{opacity:0!important;visibility:hidden}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){.pointer-aura{display:block}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.pointer-aura{display:none!important;transition:none}}