body:has(.intro) .site-header,body:has(.intro) .site-footer{display:none}.intro{min-height:100svh;padding:clamp(1rem, 3vw, 2rem) var(--space-4) var(--space-10);place-items:center;row-gap:var(--space-6);background-color:var(--color-desk);background-image:linear-gradient(var(--dt-grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--dt-grid-major) 1px, transparent 1px), linear-gradient(var(--dt-grid) 1px, transparent 1px), linear-gradient(90deg, var(--dt-grid) 1px, transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;grid-template-rows:1fr auto;display:grid;position:relative}.intro>*{z-index:1;position:relative}.intro__field{z-index:0;pointer-events:none;position:absolute;inset:0}.intro__cli{z-index:1;pointer-events:none;width:52ch;max-width:36vw;height:15.3em;font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text-faint);white-space:pre;flex-direction:column;justify-content:flex-start;margin:0;font-size:.68rem;line-height:1.7;display:flex;position:absolute;top:50%;left:clamp(1rem,5vw,4.5rem);overflow:hidden;transform:translateY(-45%)}.intro__cli[hidden]{display:none}.intro__cli>span{align-self:flex-start}.intro__cli--aux{opacity:.8;height:10.2em;top:9%;transform:none}.intro__cli--compact{width:64vw;max-width:64vw;height:8em;font-size:.56rem;line-height:1.6}.intro__cli .cli__cmd{color:var(--dt-sig);opacity:.8}.intro__cli .cli__out{opacity:.75}.intro__cli .cli__caret{color:var(--dt-sig);animation:1s steps(2,end) infinite cli-blink}@keyframes cli-blink{to{opacity:0}}.intro__stage{aspect-ratio:1;width:min(58vh,92vw,38rem);position:relative}.intro__film,.intro__sep,.intro__loop,.intro__still{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.intro__still,.intro__sep,.intro__loop{opacity:0}.intro__stage[data-state=sep] .intro__sep{opacity:1}.intro__stage[data-state=sep] .intro__film{opacity:0;transition:opacity .25s}.intro__still{transition:opacity .6s}.intro__stage[data-state=done] .intro__still{opacity:1}.intro__stage[data-state=done] .intro__film{opacity:0;transition:opacity .6s}.intro__stage[data-state=live] .intro__loop{opacity:1}.intro__stage[data-state=live] .intro__film,.intro__stage[data-state=live] .intro__sep{opacity:0;transition:opacity .25s}.intro__word{align-items:center;gap:var(--space-4);text-align:center;opacity:0;flex-direction:column;transition:opacity .8s .2s,transform .8s cubic-bezier(.16,1,.3,1) .2s;display:flex;transform:translateY(8px)}body.intro-done .intro__word{opacity:1;transform:none}.intro__h1{margin:0}.intro__h1 .brand__img{width:auto;height:clamp(3rem,7vw,5rem);display:block}[data-theme=light] .intro__h1 .brand__img--dark,:root:not([data-theme=light]) .intro__h1 .brand__img--light{display:none}.intro__tag{font-family:var(--font-display);color:var(--color-text);max-width:none;margin:0;font-size:clamp(1.1rem,1rem + 1.2vw,1.7rem);font-weight:300}.intro__tag em{color:var(--dt-sig);font-style:italic;font-weight:500}.intro__actions{margin:var(--space-2) 0 0;gap:var(--space-3);flex-wrap:wrap;justify-content:center;max-width:none;display:flex}.intro__actions .btn{letter-spacing:.08em;border-radius:0;font-variant-caps:all-small-caps}.intro__actions .btn--primary{background:var(--brand-teal);border:1px solid var(--brand-teal);color:#fff}.intro__actions .btn--ghost{border:1px solid var(--dt-line2);color:var(--color-text);background:0 0}.intro__skip{top:var(--space-4);right:var(--space-4);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint);border:1px solid var(--dt-line);padding:.4em .7em;font-size:.66rem;text-decoration:none;transition:opacity .4s;position:absolute}body.intro-done .intro__skip{opacity:0;pointer-events:none}.intro__note{left:var(--space-4);bottom:var(--space-4);max-width:40ch;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);margin:0;font-size:.62rem;position:absolute}@media (width<=640px){.intro__note{display:none}.intro{padding-bottom:var(--space-6)}}.exit{z-index:200;pointer-events:auto;position:fixed;inset:0}.exit__prompt{z-index:1;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text);background:var(--color-bg);border:1px solid var(--dt-line2);min-width:22ch;box-shadow:0 0 0 1px var(--color-bg), 0 18px 50px #00000073;opacity:0;margin:0;padding:.85em 1.3em;font-size:.95rem;transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}.exit.is-on .exit__prompt{opacity:1;transform:translate(-50%,-50%)}.exit__ps{color:var(--dt-sig)}.exit__caret{color:var(--dt-sig);animation:1s steps(2,end) infinite cli-blink}.exit__prompt.is-run .exit__caret{visibility:hidden}.exit__prompt.is-run{color:var(--color-text-faint)}.exit__erase{z-index:2;background:var(--color-bg);height:0;position:absolute;bottom:0;left:0;right:0}.exit__line{z-index:3;opacity:0;background:color-mix(in srgb, var(--dt-sig) 75%, #fff);height:3px;box-shadow:0 0 8px 2px color-mix(in srgb, var(--dt-sig) 75%, transparent), 0 -6px 30px 6px color-mix(in srgb, var(--dt-sig) 30%, transparent);position:absolute;bottom:0;left:0;right:0}.exit.is-sweeping .exit__line{opacity:1}@media (prefers-reduced-motion:reduce){.intro__film,.intro__loop,.intro__field,.intro__cli{display:none}.intro__still{opacity:1}.intro__word{opacity:1;transform:none}}