@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400&display=swap";
:root{--void:#0b0e12;--fog:#77828c;--paper:#eef1f3}*{box-sizing:border-box}html,body{background:var(--void);width:100%;min-height:100%;margin:0}body{color:var(--paper);font-family:IBM Plex Mono,ui-monospace,monospace;overflow:hidden}.landing{isolation:isolate;width:100%;min-height:100svh;position:relative;overflow:hidden}#gl{z-index:-3;width:100%;height:100%;display:block;position:fixed;inset:0}#gl.is-fallback{display:none}.landing:has(#gl.is-fallback):before{content:"";z-index:-3;background:radial-gradient(55% 42% at 50% 52%, #50647d47, transparent 70%), var(--void);position:fixed;inset:0}.vignette{z-index:-2;pointer-events:none;background:radial-gradient(115% 95%,#0000 48%,#0b0e12e6 100%);position:fixed;inset:0}.mark{opacity:0;filter:blur(8px);pointer-events:none;width:min(38vw,30vh,300px);animation:2.6s cubic-bezier(.16,1,.3,1) 3.2s forwards surface;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.mark img{width:100%;height:auto;transform:translate(var(--mark-x,0), var(--mark-y,0));will-change:transform;display:block}.contact{letter-spacing:.3em;opacity:0;font-size:11px;font-weight:300;animation:1.8s 5s forwards rise;position:fixed;bottom:clamp(20px,4vh,36px);left:50%;transform:translate(-50%)}.contact a{color:var(--fog);letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid #0000;margin-right:-.3em;padding:10px 2px 5px;text-decoration:none;transition:color .5s,border-color .5s;display:inline-block}.contact a:hover,.contact a:focus-visible{color:var(--paper);border-color:var(--paper);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes surface{to{opacity:1;filter:blur()}}@keyframes rise{to{opacity:1}}@media (prefers-reduced-motion:reduce){.mark,.contact{opacity:1;filter:none;animation:none}}