:root{--paper: #fafaf8;--ink: #0e0e11;--muted: #75757c;--line: rgba(14, 14, 17, .16);--tile-bg: #111111;--tile-fg: #fafaf8;--grain: .05;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--gutter: clamp(1.25rem, 4vw, 3.5rem);--ease: cubic-bezier(.16, 1, .3, 1)}@media(prefers-color-scheme:dark){:root{--paper: #0b0b0d;--ink: #fafaf8;--muted: #86868e;--line: rgba(250, 250, 248, .18);--tile-bg: #ffffff;--tile-fg: #0e0e11;--grain: .09}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,p{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:10;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.page{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:var(--gutter);gap:clamp(2rem,5vh,4rem)}.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;font-family:var(--mono);font-size:.6875rem;letter-spacing:.02em;color:var(--muted);animation:fade .9s var(--ease) .9s backwards}.bar--end{margin-top:auto;text-transform:uppercase}.bar--end a:hover{color:var(--ink)}.footer__year{margin-left:auto}.now{font-variant-numeric:tabular-nums;text-transform:uppercase}.now__time{color:var(--ink);margin-left:.5em}.stage{margin:auto 0;display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vh,2rem)}.rule{height:1px;background:var(--line);transform-origin:left;animation:wipe 1.1s var(--ease) .15s backwards}.wordmark{font-size:inherit;font-weight:inherit;line-height:0}.wordmark__svg{display:block;width:100%;height:auto;color:var(--ink);overflow:hidden}.wordmark__host{position:relative;display:block;margin-top:-4.8958%}.wordmark__fx{position:absolute;inset:0;opacity:0;pointer-events:none;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;will-change:transform,opacity}.wordmark__fx canvas{display:block;width:100%;height:100%}.wordmark__glyph{animation:letter 1.1s var(--ease) backwards;transform-box:fill-box;transform-origin:center}.wordmark__lift{will-change:transform}.cols{display:flex;gap:clamp(2rem,6vw,5rem);align-items:flex-start;justify-content:space-between;flex-wrap:wrap;animation:fade .9s var(--ease) .75s backwards}.col{max-width:34rem}.lede{font-weight:500;letter-spacing:-.015em}.intro{margin-top:.85rem;max-width:26rem;color:var(--muted);font-family:var(--mono);font-size:.8125rem;line-height:1.85;letter-spacing:.055em;text-transform:uppercase;text-wrap:pretty}.email{display:flex;flex-direction:column;gap:.35rem;flex:none}.email__label{font-family:var(--mono);font-size:.6875rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.email__value{display:inline-flex;align-items:center;gap:.6em;font-weight:500;font-size:clamp(1.0625rem,1.6vw,1.375rem);letter-spacing:-.02em;padding-bottom:.28em;border-bottom:1px solid var(--line);transition:border-color .35s var(--ease)}.email:hover .email__value{border-color:var(--ink)}.arrow{width:1em;height:1em;flex:none;transition:transform .35s var(--ease)}.email:hover .arrow{transform:translate(.25em)}.logo{display:inline-flex;align-items:center}.logo__tile{flex:none;display:block}.logo__word{font-family:var(--sans);font-weight:600;font-size:1rem;letter-spacing:-.035em;color:var(--ink)}@keyframes letter{0%{transform:translateY(115%)}}@keyframes wipe{0%{transform:scaleX(0)}}@keyframes fade{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.bar,.rule,.cols,.wordmark__glyph{animation:none}.arrow,.email__value{transition:none}}@media(max-width:40rem){.cols{gap:2rem}.footer__year{margin-left:0}}