@property --x{syntax:"<length>";inherits:true;initial-value:0}@property --y{syntax:"<length>";inherits:true;initial-value:0}.hero-reveal{--x:0px;--y:0px;--lens-w:clamp(16rem, 34vw, 26rem);--lens-h:clamp(14rem, 30vw, 23rem);-webkit-user-select:none;user-select:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-reveal__layer{z-index:0;position:absolute;inset:0}.hero-reveal__base{-webkit-mask-image:linear-gradient(#000 0% 62%,#00000059 80%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#00000059 80%,#0000 100%)}.hero-reveal__bottom-fade{inset-inline:0;z-index:4;pointer-events:none;background:linear-gradient(to top, hsl(var(--background)) 0%, hsl(var(--background) / .82) 38%, transparent 100%);height:11rem;position:absolute;bottom:0}.hero-reveal__reveal,.hero-reveal__edge{opacity:0;pointer-events:none;-webkit-mask-image:url(/hero-reveal-mask.svg);mask-image:url(/hero-reveal-mask.svg);-webkit-mask-size:var(--lens-w) var(--lens-h);mask-size:var(--lens-w) var(--lens-h);-webkit-mask-size:var(--lens-w) var(--lens-h);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(var(--x) - var(--lens-w) / 2) calc(var(--y) - var(--lens-h) / 2);mask-position:calc(var(--x) - var(--lens-w) / 2) calc(var(--y) - var(--lens-h) / 2);-webkit-mask-position:calc(var(--x) - var(--lens-w) / 2) calc(var(--y) - var(--lens-h) / 2);transition:opacity .28s}.hero-reveal.is-active .hero-reveal__reveal,.hero-reveal.is-active .hero-reveal__edge{opacity:1}.hero-reveal__edge{mix-blend-mode:overlay;background:#ffffff24}@media (prefers-reduced-motion:reduce){.hero-reveal__reveal,.hero-reveal__edge{transition:none}}