html,body{margin:0;height:100%;background:#000}main{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) max(1rem,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(1rem,env(safe-area-inset-left));box-sizing:border-box;color:#8a8a8a;font:300 clamp(1.125rem,5vw,2rem) / 1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.05em}p{margin:0}.stack{display:grid;grid-template-rows:auto 0fr;animation:expand .9s cubic-bezier(.65,0,.35,1) 3.9s forwards}.intro{display:flex;white-space:nowrap;-webkit-user-select:none;user-select:none}.intro:before,.intro:after{content:"";flex:1 0 0}.intro:before{animation:collapse .8s cubic-bezier(.65,0,.35,1) 3s forwards}.hi{animation:fade-in 1.6s ease-out both}.name{white-space:pre;overflow:hidden;max-width:0;opacity:0;animation:reveal 1.2s cubic-bezier(.65,0,.35,1) 1.2s forwards,fade-in .9s ease-out 1.8s forwards}.more{min-height:0;overflow:hidden}.more p{padding-top:1.1rem;color:#5c5c5c;font-size:min(max(.55em,.875rem),calc((100vw - 2rem) / 23));line-height:1.6;white-space:nowrap;opacity:0;transform:translateY(-100%);animation:slide-down 1s cubic-bezier(.22,1,.36,1) 3.9s forwards}a{color:#8a8a8a;text-decoration:underline;text-decoration-color:#3a3a3a;text-underline-offset:.25em;transition:color .2s,text-decoration-color .2s}a:hover,a:focus-visible{color:#d0d0d0;text-decoration-color:currentColor}a:focus-visible{outline:1px solid #5c5c5c;outline-offset:.25em}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal{to{max-width:14ch}}@keyframes collapse{to{flex-grow:0}}@keyframes expand{to{grid-template-rows:auto 1fr}}@keyframes slide-down{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.stack,.intro:before,.hi,.name,.more p{animation:none}.stack{grid-template-rows:auto 1fr}.intro:before{flex-grow:0}.name{max-width:none}.name,.more p{opacity:1;transform:none}}