@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono.woff2)format("woff2");font-weight:400;font-display:swap}@layer personal.tokens{[data-personal-theme=black]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--p-bg:oklch(0% 0 none);--p-surface:oklch(13% 0 none);--p-raised:oklch(18% 0 none);--p-text:oklch(98% 0 none);--p-muted:oklch(73% 0 none);--p-border:oklch(30% 0 none);--p-control-border:oklch(48% 0 none);--p-accent:oklch(83% .13 200);--p-accent-ink:oklch(10% 0 none);--p-cyan:oklch(83% .13 200);--p-violet:oklch(78% .14 300);--p-amber:oklch(85% .14 85);--p-coral:oklch(78% .14 25);--p-success:oklch(82% .14 155);--p-error:var(--p-coral);--p-font:Archivo, sans-serif;--p-mono:"Space Mono", ui-monospace, monospace;--p-radius:.375rem;--p-gap:clamp(1rem, .75rem + 1vw, 1.5rem);--p-display:clamp(2rem, 1.5rem + 2vw, 3.5rem);--p-body:1rem;--p-duration:.16s}[data-personal-accent=violet]{--p-accent:var(--p-violet)}[data-personal-accent=amber]{--p-accent:var(--p-amber)}[data-personal-accent=coral]{--p-accent:var(--p-coral)}}@layer personal.base{.personal-ui{color:var(--p-text);background:var(--p-bg);font:var(--p-body)/1.6 var(--p-font)}.personal-ui *,.personal-ui :before,.personal-ui :after{box-sizing:border-box}.personal-ui ::selection{color:var(--p-accent-ink);background:var(--p-accent)}.personal-ui :focus-visible{outline:2px solid var(--p-accent);outline-offset:4px}.personal-ui :is(input,textarea){caret-color:var(--p-accent)}.personal-ui :is(h1,h2,h3){color:var(--p-text);text-wrap:balance;letter-spacing:-.025em;line-height:1.15}.personal-ui a{color:var(--p-accent);text-underline-offset:.2em}.personal-ui p{max-inline-size:70ch}.personal-ui{scrollbar-color:var(--p-border) var(--p-bg)}}@layer personal.components{.p-display{font-size:var(--p-display);font-weight:650}.p-muted{color:var(--p-muted)}.p-code{font-family:var(--p-mono);font-variant-numeric:tabular-nums;font-size:.875rem}.p-panel{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius);padding:var(--p-gap)}.p-button{border:1px solid var(--p-control-border);border-radius:var(--p-radius);background:var(--p-surface);min-block-size:44px;color:var(--p-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:550;text-decoration:none;display:inline-flex}.p-button[data-primary]{background:var(--p-text);color:var(--p-bg);border-color:var(--p-text)}.p-button[data-accent]{background:var(--p-accent);color:var(--p-accent-ink);border-color:var(--p-accent)}.p-button[aria-pressed=true]{border-color:var(--p-accent);color:var(--p-accent)}.p-button:active{background:var(--p-raised)}.p-button[data-primary]:active{background:var(--p-muted)}.p-button[data-accent]:active{background:color-mix(in oklch, var(--p-accent) 82%, white)}.p-button:disabled{opacity:.45;cursor:default}.p-field{background:var(--p-bg);min-block-size:44px;inline-size:100%;color:var(--p-text);border:1px solid var(--p-control-border);border-radius:var(--p-radius);font:inherit;padding:.6rem .8rem}.p-field::placeholder{color:var(--p-muted)}.p-row{border-block-end:1px solid var(--p-border);flex-wrap:wrap;align-items:center;gap:1rem;padding-block:1rem;display:flex}.p-row>:last-child{margin-inline-start:auto}.p-rule{border:0;border-block-start:1px solid var(--p-border);margin-block:var(--p-gap)}.p-tags{flex-wrap:wrap;gap:.5rem;display:flex}.p-tag{border:1px solid var(--p-border);color:var(--p-muted);border-radius:.25rem;padding:.15rem .55rem;font-size:.8rem}.p-tag[data-selected]{color:var(--p-accent);border-color:color-mix(in oklch, var(--p-accent) 60%, var(--p-border));background:color-mix(in oklch, var(--p-accent) 8%, var(--p-bg))}@media (hover:hover) and (pointer:fine){.p-button:not(:disabled):hover{border-color:var(--p-accent)}.personal-ui a:hover{text-decoration-thickness:2px}}@media (prefers-reduced-motion:no-preference){.p-button{transition:background-color var(--p-duration) ease-out, border-color var(--p-duration) ease-out}}}:root{--ease:cubic-bezier(.16, 1, .3, 1);--hub-surface:oklch(13% 0 none)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}html,body{background:var(--p-bg);min-height:100%;color:var(--p-text);font-family:var(--p-font);margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hub{max-width:1120px;margin:0 auto;padding:48px clamp(16px,3vw,32px) 72px}.hub>:not(.hub-tide){z-index:1;position:relative}.hub-tide{z-index:0;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;animation:hub-tide-in 2.4s .3s var(--ease) backwards;transition:opacity .6s var(--ease);position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,#0000 100%)}@keyframes hub-tide-in{0%{opacity:0}}.hub:has(.hub-grid.has-active) .hub-tide{opacity:.45}.hub-brand{font:400 11px/1 var(--p-mono);letter-spacing:.3em;color:var(--p-muted);align-items:center;gap:14px;margin:0 0 28px;display:flex}.hub-brand:after{content:"";background:var(--p-border);transform-origin:0;height:1px;animation:hub-draw 1.1s .15s var(--ease) forwards;flex:1;transform:scaleX(0)}@keyframes hub-draw{to{transform:scaleX(1)}}.hub-grid{perspective:1100px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=900px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hub-grid{grid-template-columns:minmax(0,1fr)}}.hub-card{animation:hub-in .7s var(--ease) backwards;animation-delay:calc(.2s + var(--i) * 70ms);transition:opacity .3s var(--ease), filter .3s var(--ease), transform .6s var(--ease)}@keyframes hub-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}.hub-card.is-active{transition:opacity .3s var(--ease), filter .3s var(--ease), transform .12s linear}.hub-grid.has-active .hub-card:not(.is-active){opacity:.38;filter:grayscale()}.hub-link{isolation:isolate;border:1px solid var(--p-border);background:var(--hub-surface);height:100%;min-height:210px;color:inherit;transition:border-color .3s var(--ease), background .35s var(--ease);-webkit-tap-highlight-color:transparent;border-radius:6px;flex-direction:column;padding:20px 20px 18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.hub-link>:not(.hub-fx){z-index:1;position:relative}.hub-card.is-active .hub-link{border-color:color-mix(in srgb, var(--c) 55%, transparent);background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--c) 13%, transparent), transparent 60%), var(--hub-surface)}.hub-link:before{content:"";z-index:2;background:var(--c);transform-origin:0;height:1px;transition:transform .4s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hub-card.is-active .hub-link:before{transform:scaleX(1)}.hub-link:focus-visible{outline:1px solid var(--c);outline-offset:-1px}.hub-fx{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:0;position:absolute;inset:0}.hub-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.hub-tag{border:1px solid color-mix(in srgb, var(--c) 45%, transparent);font:400 10px/1.2 var(--p-mono);letter-spacing:.16em;color:var(--c);padding:4px 7px}.hub-card.is-active .hub-tag{background:var(--c);color:var(--p-bg);animation:.34s hub-glitch}@keyframes hub-glitch{0%{clip-path:inset(0 0 55%);transform:translate(-4px)}20%{clip-path:inset(45% 0 0);transform:translate(4px)}40%{clip-path:inset(15% 0 40%);transform:translate(-2px)}60%{clip-path:inset(60% 0 5%);transform:translate(2px)}to{clip-path:inset(0);transform:none}}.hub-arrow{font:400 13px/1 var(--p-mono);color:var(--p-muted);transition:transform .35s var(--ease), color .2s}.hub-card.is-active .hub-arrow{color:var(--c);transform:translate(3px,-3px)}.hub-name{letter-spacing:-.01em;overflow-wrap:anywhere;margin:auto 0 8px;font-size:21px;font-weight:700;display:block}.hub-blurb{max-width:36ch;min-height:3.1em;color:var(--p-muted);font-size:14px;line-height:1.55;transition:color .2s;display:block}.hub-card.is-active :is(.hub-name,.hub-blurb){text-shadow:0 0 4px #000,0 1px 2px #000}.hub-card.is-active .hub-blurb{color:oklch(88% 0 none)}@media (prefers-reduced-motion:reduce){.hub-card{animation:none;transform:none!important}.hub-brand:after{animation:none;transform:none}.hub-tide{transition:none;animation:none}.hub-card.is-active .hub-tag{animation:none}.hub-link:before,.hub-arrow{transition:none}}