:root{--bg:#090908;--ink:#f3eee4;--muted:#8d877b;--line:#f3eee48c;--accent:#ff4d2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:13px;overflow:hidden}#app{place-items:center;min-height:100dvh;display:grid;position:relative}.grain{pointer-events:none;z-index:8;opacity:.09;mix-blend-mode:overlay;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:fixed;inset:0}.axes{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.axes path{fill:none;stroke:var(--line);stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round}.warp-layer{pointer-events:none;z-index:4;opacity:0;display:block;position:fixed}.is-warping,.is-warping *{color:#0000!important}.stage{z-index:2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4.25rem 5.5rem;width:min(880px,84vw);height:min(560px,74vh);display:grid;position:relative}.quad{opacity:.72;min-width:0;transition:opacity .28s}.quad.is-hot,.quad:hover,.quad:focus-within{opacity:1}.quad--projects{text-align:right;place-self:end}.quad--social{text-align:left;place-self:end start}.quad--skills{text-align:right;place-self:start end}.quad--sign{text-align:left;place-self:start}.kicker{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin:0 0 .9rem;font-size:10px;font-weight:500}.list{gap:.7rem;margin:0;padding:0;display:grid}.item{color:inherit;gap:.14rem;text-decoration:none;display:grid}.item .label{color:var(--ink);font-size:14px}.item .meta{color:var(--muted);font-size:11px}.item:hover .label,.item:focus-visible .label{color:var(--accent)}.skills{flex-wrap:wrap;justify-content:flex-end;gap:.4rem .5rem;max-width:16rem;margin-left:auto;display:flex}.skill{color:var(--ink);border:1px solid #f3eee42e;padding:.28rem .5rem;font-size:11px}.name{letter-spacing:-.04em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.6rem,6vw,4.6rem);font-style:italic;font-weight:400;line-height:.86}.tagline{color:var(--muted);max-width:18rem;margin:.7rem 0 0;font-size:11px;line-height:1.55}a:focus-visible{outline:1px solid var(--accent);outline-offset:4px}@media (width<=720px){body{overflow:auto}.stage{gap:2.2rem 2.4rem;width:min(100vw - 1.6rem,420px);height:auto;min-height:78vh}.name{font-size:clamp(2rem,11vw,3rem)}.skills{max-width:none}}@media (prefers-reduced-motion:reduce){.quad{transition:none}.warp-layer{display:none}}