.hero-grid .hero-grid__gate{position:absolute;inset:0}.hero-grid .hero-grid__pass{color:var(--muted);opacity:0;background:linear-gradient(to top,var(--signal)2px,transparent 2px)no-repeat 0 0/100% 0%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 97%,#000);mask-image:linear-gradient(#0000,#000 97%,#000);-webkit-mask-position:0 -42.86%;mask-position:0 -42.86%;-webkit-mask-size:100% 30%;mask-size:100% 30%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-shell[data-entrance=play] .hero-grid__pass{animation:entrance-front var(--entrance-ms,1.5s)linear both}@keyframes entrance-front{0%{opacity:0;background-size:100% 0%;-webkit-mask-position:0 -42.86%;mask-position:0 -42.86%}5%,86%{opacity:1}to{opacity:0;background-size:100% 104%;-webkit-mask-position:0 105.71%;mask-position:0 105.71%}}.hero h1 .decode.is-decoding+.hero__period{animation:.36s step-end infinite entrance-cursor}.hero h1 .decode.is-landed+.hero__period{animation:entrance-rest .7s var(--ease-out)}@keyframes entrance-cursor{50%{opacity:.12}}@keyframes entrance-rest{0%{color:var(--ink);text-shadow:0 0 .2em var(--signal),0 0 .5em var(--signal)}}.hero-shell[data-stage=wait] .identity[data-engine=canvas] pre{visibility:visible}.hero-shell[data-stage=wait] .identity__canvas{opacity:0}.hero-shell[data-stage=open] .identity[data-engine=canvas] pre{animation:entrance-hold var(--stage-ms,.64s)linear}.hero-shell[data-stage=open] .identity__canvas{background:linear-gradient(to top,var(--signal)2px,transparent 2px)no-repeat 0 0/100% 0%;animation:entrance-develop var(--stage-ms,.64s)linear}.hero-shell[data-stage=wait] .identity__hint{opacity:0;transition:none}.hero-shell[data-stage=open] .identity__hint{animation:entrance-hint .24s var(--ease-out)both}@keyframes entrance-hint{0%{opacity:0}}@keyframes entrance-hold{0%{visibility:visible;clip-path:inset(0)}to{visibility:visible;clip-path:inset(100% 0 0)}}@keyframes entrance-develop{0%{clip-path:inset(0 0 100%);background-size:100% 0%}to{clip-path:inset(0);background-size:100% 100%}}.hero h1,.hero__lede,.hero__copy{z-index:2;position:relative}.hero-rings{z-index:-1;pointer-events:none;aspect-ratio:1;width:164%;position:absolute;top:calc(min(clamp(340px,100svh - 30rem,480px),125cqw)/2);left:50%;transform:translate(-50%,-50%)}.hero-rings__dial{transform-origin:50%;width:100%;height:100%;display:block;overflow:visible}.hero-rings__circles circle,.hero-rings__circles path,.hero-rings__graduations line{fill:none;stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.hero-rings__circles .hero-rings__arc{stroke:var(--signal);stroke-width:2px}.hero-rings__graduations text,.hero-rings__readout{fill:var(--muted);font-family:var(--font-mono);letter-spacing:0;font-size:14px}.hero-rings__index line{stroke:var(--signal);stroke-width:2px;vector-effect:non-scaling-stroke}.hero-rings__readout{opacity:0}@media (min-width:1200px) and (hover:hover) and (pointer:fine){html[data-motion=on] .hero-rings[data-tracking] .hero-rings__readout{opacity:1}}.hero-rings__index path{fill:var(--signal)}.hero-shell[data-stage=open] .hero-rings__circles circle,.hero-shell[data-stage=open] .hero-rings__circles path{animation:hero-dial-draw var(--stage-ms,.64s)var(--ease-out)both}.hero-shell[data-stage=open] .hero-rings__graduations,.hero-shell[data-stage=open] .hero-rings__index{animation:hero-dial-marks var(--stage-ms,.64s)var(--ease-out)both}@keyframes hero-dial-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes hero-dial-marks{0%,45%{opacity:0}to{opacity:1}}@media (max-width:700px),(pointer:coarse){.hero-rings{width:118%}}@media (max-width:700px){.hero-rings{top:calc(clamp(235px,70vw,340px)/2)}}