.atlas-intro{display:none;pointer-events:none}.intro-active .atlas-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:#070a12;animation:binary-intro-exit .4s ease-out 1.95s both}.intro-binary-field{position:absolute;inset:0;overflow:hidden;animation:binary-field-soften .4s ease-out 1.75s both}.intro-binary-field span{position:absolute;left:50%;top:50%;font:500 var(--size,16px)/1.2 monospace;color:var(--binary-color,#aabfff);white-space:nowrap;opacity:0;animation:binary-converge 1.5s cubic-bezier(.65,0,.9,.4) var(--delay,0s) both;will-change:transform,opacity}.atlas-intro-mark{position:relative;z-index:2;width:clamp(100px,13vw,174px);animation:binary-mark-arrive .5s ease-out both}.atlas-intro-mark img{width:100%;height:auto;display:block;animation:binary-mark-pulse .55s ease-in-out 1.3s both}
@keyframes binary-converge{0%{opacity:0;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)}24%{opacity:.85}60%{opacity:.8}85%{opacity:.35}100%{opacity:0;transform:translate(-50%,-50%) translate(0,0) scale(.05)}}
@keyframes binary-mark-arrive{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes binary-mark-pulse{50%{transform:scale(1.055)}100%{transform:scale(1)}}
@keyframes binary-field-soften{to{filter:blur(2px);opacity:.65}}
@keyframes binary-intro-exit{to{opacity:0;visibility:hidden}}
.intro-active .atlas-intro-mark{animation:binary-mark-arrive .5s ease-out both,binary-mark-soften .4s ease-out 1.95s both}
@keyframes binary-mark-soften{to{filter:blur(3px);opacity:0;transform:scale(.97)}}
@media(max-width:600px){.atlas-intro-mark{width:112px}}
@media(prefers-reduced-motion:reduce){.intro-active .atlas-intro{display:none}.intro-binary-field,.intro-binary-field span,.atlas-intro-mark,.atlas-intro-mark img{animation:none}}
