.preloader{position:fixed;top:0;left:0;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:10000;padding:2rem}.preloader-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);z-index:-1}.preloader-block{background-color:var(--fg);opacity:1;will-change:opacity}.preloader p{color:var(--bg)}.progress-bar{width:50%;display:flex;flex-direction:column;gap:.5rem;opacity:0}.progress-bar-indicator{position:relative;width:100%;height:1.25px;background-color:#1a1a1a}.progress-bar-indicator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg);transform:scaleX(var(--progress, 0));transform-origin:left;will-change:transform}.progress-bar-copy{width:100%;display:flex;justify-content:space-between;align-items:center}.progress-bar ion-icon{position:relative;transform:translateY(.1rem)}@media(max-width:1000px){.progress-bar{width:calc(100% - 4rem)}.progress-bar-copy{justify-content:center;text-align:center}.progress-bar-copy p:nth-child(2){display:none}}*{margin:0;padding:0;box-sizing:border-box}.ascii-intro{position:fixed;top:0;left:0;width:100%;height:100svh;background-color:#0f0f0f;z-index:50000}.ascii-intro canvas{display:block;width:100%;height:100%}.ascii-intro .ascii-wordmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;z-index:1}.ascii-intro .ascii-wordmark img{width:100%;height:100%;object-fit:contain;display:block;visibility:hidden}.ascii-intro .ascii-password{bottom:3rem;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.9rem;color:#dadada;position:absolute;min-width:12rem;min-height:2.5rem;touch-action:manipulation}.ascii-intro .ascii-password .prompt-label{opacity:.5}.ascii-intro .ascii-password input{position:absolute;opacity:0;pointer-events:none;width:1px}.ascii-intro .ascii-password .typed-display{font-family:DM Mono,monospace;font-size:.9rem;color:#dadada;letter-spacing:.05em;min-width:1ch}.ascii-intro .ascii-password .cursor{display:inline-block;width:2px;height:1em;background-color:#dadada;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ascii-intro .ascii-password .feedback{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;font-size:.8rem;opacity:0;transition:opacity .2s}.ascii-intro .ascii-password .feedback.show{opacity:1}.ascii-intro .ascii-password .feedback.denied{color:#f33}.ascii-intro .ascii-password .feedback.granted{color:#3f3}.ascii-intro .ascii-dissolve{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);z-index:10;pointer-events:none}.ascii-intro .ascii-dissolve .dissolve-block{background-color:#0f0f0f;opacity:0;will-change:opacity}@keyframes shake{0%,to{transform:translate(-50%)}10%,50%,90%{transform:translate(calc(-50% - 5px))}30%,70%{transform:translate(calc(-50% + 5px))}}.ascii-intro .ascii-password.shake{animation:shake .3s ease-in-out}.hero{position:fixed;top:0;left:0;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;text-align:center;overflow:hidden;padding:1.5rem}.hero canvas#skyline{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero .hero-footer{position:absolute;bottom:0;left:0;width:100%;z-index:10}.hero .hero-footer .container{display:flex;justify-content:space-between}.hero .hero-footer .container p{color:var(--bg)}@media(max-width:1000px){.hero-footer{display:none}}