@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #05040f;--ink: #eeedf8;--muted: #b3b0cb;--faint: #8f8bab;--line: rgba(167, 139, 250, .22);--line-strong: rgba(167, 139, 250, .5);--violet: #a78bfa;--indigo: #818cf8;--cyan: #67e8f9;--display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;color:var(--ink);font:400 1rem/1.5 var(--sans);background:radial-gradient(120% 90% at 50% 45%,#0d0b21,#050414 55%,#020208),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}#field{position:fixed;inset:0;width:100%;height:100vh;height:100lvh;display:block;pointer-events:none;opacity:0;transition:opacity 1.6s ease}#field.on{opacity:1}a{color:inherit}:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:6px}.stage{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(56px,calc(env(safe-area-inset-bottom) + 40px)) max(16px,env(safe-area-inset-left));text-align:center}.stage:before{content:"";position:absolute;left:50%;top:50%;width:min(760px,120vw);height:min(480px,80vh);transform:translate(-50%,-52%);background:radial-gradient(closest-side,#04030e9e,#04030e59 55%,#04030e00);pointer-events:none;z-index:-1}.stage>*{position:relative}.mark{display:block;width:56px;height:56px;margin-bottom:clamp(18px,3vh,26px);filter:drop-shadow(0 0 18px rgba(103,232,249,.25))}h1{margin:0;font:600 clamp(2.7rem,8.5vw,5.8rem) / .95 var(--display);letter-spacing:-.045em;filter:drop-shadow(0 2px 18px rgba(4,3,14,.85))}.grad{background:linear-gradient(100deg,#d8ccff 0%,var(--violet) 32%,var(--indigo) 62%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tag{margin:clamp(14px,2.2vh,20px) 0 0;font:400 clamp(1.05rem,2vw,1.3rem) / 1.35 var(--display);letter-spacing:-.01em;color:var(--muted);text-shadow:0 1px 12px rgba(4,3,14,.9)}.mail{margin-top:clamp(26px,4.5vh,40px);padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#08061873;font:500 .98rem/1 var(--display);letter-spacing:.01em;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.mail:hover{border-color:var(--line-strong);background:#a78bfa1a}.social{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:12px}.social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--muted);border:1px solid transparent;transition:color .2s ease,border-color .2s ease}.social a:hover{color:var(--ink);border-color:var(--line)}.social svg{width:18px;height:18px;fill:currentColor}.fine{position:fixed;left:0;right:0;bottom:max(16px,env(safe-area-inset-bottom));text-align:center;font:400 .75rem/1 var(--mono);letter-spacing:.06em;color:var(--faint)}.content{visibility:hidden}:root:not([data-view]) .content:target,:root[data-view=content] .content{visibility:visible}:root:not([data-view]) .home:has(.content:target) .intro,:root[data-view=content] .intro,:root[data-view=content]:not(.jumping) #field{visibility:hidden}.jumping .stage{pointer-events:none}.intro{will-change:opacity}.enter{--ring: rgba(167, 139, 250, .5);--ring-hot: rgba(103, 232, 249, .85);--glow: rgba(129, 140, 248, .34);--glow-hot: rgba(103, 232, 249, .3);position:relative;margin-top:clamp(36px,7.5vh,68px);min-width:188px;min-height:54px;padding:0 38px;border:1px solid var(--ring);border-radius:999px;background:#08061880;color:var(--ink);font:500 .95rem/1 var(--display);letter-spacing:.42em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .25s ease,color .25s ease,transform .2s ease}.enter span{display:inline-block;margin-right:-.42em}.enter:before,.enter:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}.enter:before{box-shadow:0 0 26px var(--glow),inset 0 0 16px var(--glow);opacity:.7}.enter:after{box-shadow:0 0 36px 2px var(--glow-hot),inset 0 0 20px var(--glow-hot);opacity:0;transition:opacity .25s ease}@media(hover:hover){.enter:hover{border-color:var(--ring-hot);color:#fff}.enter:hover:after{opacity:1}}.enter:focus-visible{border-color:var(--ring-hot);outline:2px solid var(--cyan);outline-offset:5px;border-radius:999px}.enter:focus-visible:after{opacity:1}.enter:active{transform:scale(.97)}.digital .enter{--ring: rgba(80, 255, 200, .42);--ring-hot: rgba(141, 255, 223, .85);--glow: rgba(80, 255, 200, .26);--glow-hot: rgba(80, 255, 200, .26);color:#d4fff2}.content{--night: #05050b;--grid: rgba(167, 139, 250, .075);justify-content:space-between;align-items:stretch;gap:clamp(28px,6vh,64px);padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;outline:none;text-align:left;background:radial-gradient(70% 60% at 88% -8%,#818cf821,#818cf800 70%),radial-gradient(60% 55% at -6% 108%,#67e8f912,#67e8f900 70%),linear-gradient(180deg,#07060f,var(--night))}.content:before,.content:after{content:"";position:absolute;inset:0;width:auto;height:auto;transform:none;pointer-events:none;z-index:-1}.content:before{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 30% 45%,#000 15%,transparent 78%);mask-image:radial-gradient(ellipse 75% 70% at 30% 45%,#000 15%,transparent 78%)}.content:after{opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.content>*{width:100%;max-width:72rem;margin-inline:auto}.bar{display:flex;align-items:center}.home-link{display:inline-flex;padding:7px;margin-left:-7px;border-radius:999px;text-decoration:none;transition:opacity .2s ease}.home-link:hover{opacity:.8}.home-link:focus-visible,.link-btn:focus-visible,.mail:focus-visible{border-radius:999px}.home-link .mark{width:30px;height:30px;margin:0;filter:none}.content-inner{display:flex;flex-direction:column;align-items:flex-start;padding-left:clamp(0px,6vw - 24px,96px)}.content h2{margin:0;max-width:11ch;font:600 clamp(2.6rem,min(10.5vw,17vh),7rem) / .92 var(--display);letter-spacing:-.05em;color:var(--ink);text-wrap:balance}.content h2 .grad{padding-bottom:.06em}.copy{margin:clamp(18px,3vh,28px) 0 0;max-width:30rem;font:400 clamp(1.05rem,1.7vw,1.22rem) / 1.55 var(--display);letter-spacing:-.005em;color:var(--muted);text-wrap:pretty}.links{display:flex;flex-wrap:wrap;gap:10px;margin:clamp(26px,4.5vh,40px) 0 0;padding:0;list-style:none}.link-btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px 0 16px;border:1px solid var(--line);border-radius:999px;background:#0a081a8c;color:var(--ink);font:500 .98rem/1 var(--display);letter-spacing:.01em;text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.link-btn svg{width:17px;height:17px;fill:currentColor;flex:none}@media(hover:hover){.link-btn:not(.soon):hover{border-color:var(--line-strong);background:#a78bfa1a}}.link-btn.soon{border-style:dashed;border-color:#a78bfa29;background:transparent;color:var(--faint);cursor:default}.soon-tag{color:var(--faint)}.nowrap{white-space:nowrap}@media(max-height:500px){.content{gap:18px}.content h2{max-width:none}.copy{max-width:40rem;margin-top:12px}.links{margin-top:18px}.mail-line{margin-top:10px}}.mail-line{margin:16px 0 0;font:400 .9rem/1.4 var(--display)}.mail-line a{color:var(--muted);text-decoration:underline;text-decoration-color:#b3b0cb59;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.mail-line a:hover{color:var(--ink);text-decoration-color:var(--line-strong)}.content .fine{position:static;text-align:left}.vignette,.blackout{display:none;position:fixed;inset:0;pointer-events:none;opacity:0}.jumping .vignette,.jumping .blackout,.unwinding .vignette,.unwinding .blackout{display:block}.vignette{background:radial-gradient(ellipse 70% 64% at 50% 50%,#02020a00 34%,#02020a99 72%,#010106f5)}.blackout{background:#05050b}.dual{position:relative}.dual .txt{transition:opacity .35s ease}.dual .dg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:0;pointer-events:none;font-family:var(--mono);color:#8dffdf;text-shadow:0 0 14px rgba(80,255,200,.45),0 0 2px rgba(80,255,200,.6);transition:opacity .35s ease}h1 .dg{font-size:.74em;font-weight:600;letter-spacing:.01em}.tag .dg{font-size:.86em;letter-spacing:.02em;color:#8dffdfc7}.digital .dual .txt{opacity:0}.digital .dual .dg{opacity:1}.glitching .dual{animation:tear .7s steps(1,end)}@keyframes tear{0%{transform:none;clip-path:none}8%{transform:translate(-7px);clip-path:inset(12% 0 52% 0)}16%{transform:translate(5px);clip-path:inset(58% 0 8% 0)}24%{transform:none;clip-path:none}36%{transform:translate(9px);clip-path:inset(30% 0 40% 0)}44%{transform:translate(-4px);clip-path:inset(0 0 70% 0)}52%{transform:none;clip-path:none}66%{transform:translate(-6px);clip-path:inset(46% 0 24% 0)}74%{transform:none;clip-path:none}86%{transform:translate(3px);clip-path:inset(70% 0 0 0)}94%{transform:none;clip-path:none}}.stats{position:fixed;right:12px;top:12px;z-index:20;padding:6px 10px;border-radius:8px;background:#000000b8;border:1px solid var(--line);font:500 .75rem/1.2 var(--mono);color:var(--cyan)}@media(max-width:380px){.tag .dg{font-size:.76em;letter-spacing:0}}@media(max-height:420px){.stage>.mark{display:none}.stage:not(.content){padding-bottom:40px}}@media(prefers-reduced-motion:reduce){#field,.dual .txt,.dual .dg,.enter,.enter:after{transition:none}.glitching .dual{animation:none}}