@font-face{font-family:Mono;src:url(/fonts/space-mono.ttf) format("truetype");font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#f4f3fa;background:#08080d;color-scheme:dark;-webkit-font-smoothing:antialiased;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #e6ddff;outline-offset:8px}.home{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#08080d}.effect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.identity{position:absolute;left:clamp(24px,4.4vw,72px);top:clamp(26px,4vw,56px);font:12px Mono,monospace;letter-spacing:.05em;color:#dad7e4;z-index:2}.greeting{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:110px 24px}.greeting h1{font-size:clamp(45px,7.3vw,112px);font-weight:400;letter-spacing:-.065em;line-height:1.1;margin:0;text-align:center;text-shadow:0 2px 35px #05050c66}.prism .greeting{justify-content:flex-end;padding-bottom:12svh}.prism .greeting h1{font-size:clamp(43px,6vw,88px);letter-spacing:-.06em}.prism .effect{bottom:16svh;top:-4svh}.blog-link{font:12px Mono,monospace;color:#e4ddeb;text-decoration:none;padding:7px 0;border-bottom:1px solid #aca1bc77;transition:color .2s,border-color .2s}.blog-link:hover{color:#fff;border-color:#fff}.motion-toggle{position:absolute;right:clamp(24px,4.4vw,72px);bottom:28px;border:0;background:#08080d50;color:#c5becd;font:10px Mono,monospace;border-radius:4px;padding:8px 10px;z-index:2}.motion-toggle:hover{color:#fff;background:#08080da0}.silk{background:#15121f}.silk .greeting h1{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;font-size:clamp(50px,8vw,120px);letter-spacing:-.065em;color:#fcf7f4}.aurora{background:#05080d}.aurora .greeting{padding-top:21svh}.aurora .greeting h1{color:#eff5f6}.aurora .identity{color:#c4d0d6}@media(max-width:700px){.identity{font-size:11px}.greeting{gap:23px}.prism .effect{top:0;bottom:21svh}.prism .greeting{padding-bottom:16svh}.greeting h1{white-space:nowrap}.aurora .greeting{padding-top:15svh}.motion-toggle{bottom:22px}.prism .blog-link{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.identity{text-shadow:0 1px 10px #0009}.effect canvas{display:block}