:root{--fg:#1c2733;--muted:#4c6072;--accent:#2557a7;--glass:#ffffff80;--edge:#2557a766;--shadow:#32556e38;--vignette:#54748a4d;--base:#dfe8eb;color-scheme:light}:root[data-scheme=dark]{--fg:#eef1f6;--muted:#a7b3c2;--accent:#8ab4f8;--glass:#0e121c80;--edge:#8ab4f873;--shadow:#0000008c;--vignette:#000000b8;--base:#07080c;color-scheme:dark}html,body{height:100%;margin:0}body{background:var(--base);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.vignette{pointer-events:none;background:radial-gradient(ellipse 72% 68% at 50% 50%, transparent 38%, var(--vignette) 100%);position:fixed;inset:0}.ident{font-size:inherit;font-weight:inherit;margin:0}.home{color:inherit;pointer-events:none;text-decoration:none}.is-topic .home{pointer-events:auto}.name,.title{white-space:nowrap;transform-origin:0 0;width:max-content;margin:0;position:fixed;left:2vw}.ready .name,.ready .title{transition:transform .9s cubic-bezier(.65,0,.35,1),color .4s}.is-topic .name{transform:scale(var(--name-k))}.is-topic .title{transform:translateY(var(--title-dy)) scale(var(--title-k))}.is-topic .home:hover .name,.is-topic .home:focus-visible .name{color:var(--accent)}.name{letter-spacing:-.03em;font-size:5vw;font-weight:300;line-height:.9;top:.6rem}.title{color:var(--accent);padding-left:.12em;font-size:clamp(1.25rem,.6rem + 1.8vw,2.75rem);font-weight:300;line-height:1.1;top:5.5vw}.copyright{color:var(--muted);margin:0;font-size:.85rem;transition:opacity .6s;position:fixed;bottom:1.5rem;left:1.9rem}.is-topic .copyright{opacity:0}.section{white-space:nowrap;letter-spacing:-.01em;color:color-mix(in srgb, var(--c,var(--accent)) 25%, var(--fg));opacity:0;pointer-events:none;margin:0;font-size:clamp(2.4rem,1rem + 3.6vw,5.5rem);font-weight:300;line-height:1;position:fixed}.panel{--pad-x:2.25rem;--pad-top:1.75rem;--pb:2rem;--veil:color-mix(in srgb, var(--glass) 30%, transparent);--rim:color-mix(in srgb, var(--c,var(--accent)) 30%, transparent);left:2vw;top:var(--pt,8rem);max-height:calc(100dvh - var(--pt,8rem) - var(--pb));box-sizing:border-box;scrollbar-gutter:stable;width:96vw;padding:var(--pad-top) var(--pad-x) 2.5rem;background:linear-gradient(var(--veil), var(--veil)) padding-box, linear-gradient(125deg, var(--rim), transparent 38%, transparent 62%, var(--rim)) border-box;backdrop-filter:blur(5px);scrollbar-width:thin;scrollbar-color:var(--rim) transparent;opacity:0;visibility:hidden;border:1px solid #0000;border-radius:1.5rem;font-size:1.15rem;line-height:1.7;transition:opacity .5s,transform .5s,visibility 0s .5s;position:fixed;overflow-y:auto;transform:translateY(1.5rem);container-type:inline-size}.docked .panel{opacity:1;visibility:visible;transition:opacity .8s .3s,transform .8s .3s,visibility;transform:none}.panel>:not(.resume,.masonry){max-width:44rem}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.panel a{color:var(--accent)}.resume{font-size:1rem;line-height:1.6}.resume .lede{margin-top:0;font-size:1.15rem;line-height:1.7}.resume h2{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:3rem 0 1.25rem;font-size:.85rem;font-weight:600}.resume h3{margin:0;font-size:1.35rem;font-weight:500;line-height:1.3}.resume .job+.job{margin-top:2.25rem}.resume .where{color:var(--muted);margin:.1rem 0 .5rem;font-size:.95rem}.resume .roles{margin:0 0 .75rem;padding:0;list-style:none}.resume .roles li{flex-wrap:wrap;justify-content:space-between;column-gap:1.5rem;display:flex}.resume .role{font-weight:500}.resume .when{color:var(--muted);font-variant-numeric:tabular-nums}.resume .points{margin:.5rem 0 0;padding-left:1.2rem}.resume .points li+li{margin-top:.35rem}.resume .chips{flex-wrap:wrap;gap:.4rem;margin:0 0 .6rem;padding:0;list-style:none;display:flex}.resume .chips li{border:1px solid var(--edge);background:var(--glass);border-radius:999px;padding:.15rem .65rem;font-size:.9rem}.resume{flex-direction:column;display:flex}.resume .profile{display:contents}.resume .links{margin:0}.resume .chips:last-child{margin-bottom:0}.resume .experience{order:1}.resume .skills{order:2}.resume .more{order:3}@container (width>=50rem){.resume{grid-template-columns:minmax(0,1fr) clamp(20rem,32%,28rem);align-items:start;column-gap:2.5rem;display:grid}.resume .profile{top:var(--pin,0px);box-sizing:border-box;border:1px solid var(--rim);background:color-mix(in srgb, var(--glass) 45%, transparent);border-radius:1.1rem;grid-area:1/2/span 2;padding:1.4rem 1.5rem 1.5rem;display:block;position:sticky}.resume .profile .lede{font-size:1rem;line-height:1.6}.resume .profile .links{margin-top:.75rem}.resume .profile .skills{flex-wrap:wrap;gap:.4rem;display:flex}.resume .profile .skills h2{flex-basis:100%;margin:1.75rem 0 .6rem}.resume .profile .chips{display:contents}.resume .experience,.resume .more{grid-column:1}.resume .city{margin-right:0}.resume .experience>h2{margin-top:0}}.masonry{--gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));grid-auto-flow:dense;gap:var(--gap);align-items:start;display:grid;container-type:inline-size}.masonry.packed{margin-bottom:calc(-1 * var(--gap));grid-auto-rows:1px;row-gap:0}@container (width>=45.25rem){.masonry>.featured{grid-column:span 2}}.masonry>:only-child{grid-column:1/-1}@container (width>=45.25rem){.masonry>.torus-tile:only-child .fig{aspect-ratio:21/9;max-height:max(14rem, calc(100dvh - var(--pt,8rem) - 12.5rem))}.feed .entry:only-child .shot img{aspect-ratio:3;max-height:50dvh}}.torus-tile{--tile-bg:radial-gradient(ellipse 90% 80% at 50% 30%, #f7f3fc 0%, #dad2e5 80%);text-align:left;border:1px solid color-mix(in srgb, var(--c) 35%, transparent);background:var(--tile-bg);color:var(--fg);font:inherit;cursor:pointer;border-radius:1.1rem;flex-direction:column;padding:0;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}:root[data-scheme=dark] .torus-tile{--tile-bg:radial-gradient(ellipse 90% 80% at 50% 30%, #171c33 0%, #090b14 80%)}.torus-tile:hover,.torus-tile:focus-visible{border-color:color-mix(in srgb, var(--c) 75%, transparent);box-shadow:0 18px 50px -18px color-mix(in srgb, var(--c) 65%, transparent);outline:none;transform:translateY(-3px)}.torus-tile .fig{aspect-ratio:16/10;width:100%;display:block;position:relative}.torus-tile .fig canvas{width:100%;height:100%;position:absolute;inset:0}.tile-label{padding:.85rem 1.1rem 1.05rem}.tile-name{font-size:1.2rem;font-weight:500;display:block}.tile-blurb{color:var(--muted);margin-top:.15rem;font-size:.95rem;line-height:1.45;display:block}.feed{font-size:1rem;line-height:1.6}.feed .entry{--pt:1.4rem;--px:1.5rem;padding:var(--pt) var(--px) 1.5rem;border:1px solid color-mix(in srgb, hsl(var(--h) 70% 55%) 32%, transparent);background:color-mix(in srgb, hsl(var(--h) 60% 50%) 7%, var(--glass));border-radius:1.1rem;overflow:hidden}.feed .entry header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.feed .entry h2{letter-spacing:-.01em;margin:0;font-size:1.6rem;font-weight:400}.feed .try{border:1px solid color-mix(in srgb, hsl(var(--h) 75% 60%) 55%, transparent);color:color-mix(in srgb, hsl(var(--h) 75% 60%) 70%, var(--fg));white-space:nowrap;border-radius:999px;flex:none;padding:.3rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none}.feed .try:hover{background:color-mix(in srgb, hsl(var(--h) 70% 55%) 16%, transparent)}.feed .tagline{color:color-mix(in srgb, hsl(var(--h) 75% 60%) 55%, var(--fg));margin:.2rem 0 1rem;font-size:1.05rem}.feed .facets{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.9rem 1.5rem;margin:0;display:grid}.feed .facets dt{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, hsl(var(--h) 75% 60%) 60%, var(--fg));font-size:.78rem;font-weight:600}.feed .facets dd{color:var(--muted);margin:.15rem 0 0;font-size:.95rem;line-height:1.5}.feed .minis{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.feed .minis li{line-height:1.4}.feed .entry p+.minis{margin-top:.9rem}.feed .entry>p:not(.tagline){margin:0}.feed .mini-name{font-weight:500;display:block}.feed .mini-blurb{color:var(--muted);font-size:.9rem;display:block}.feed .tech{flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.feed .tech li{border:1px solid var(--edge);border-radius:999px;padding:.1rem .6rem;font-size:.85rem}.feed .entry.featured{--pt:1.9rem;--px:2rem;padding:var(--pt) var(--px) 2rem;border-width:1.5px;border-color:color-mix(in srgb, hsl(var(--h) 80% 60%) 60%, transparent);background:radial-gradient(ellipse 120% 90% at 0% 0%, hsl(var(--h) 70% 50% / .16), transparent 70%), var(--glass);box-shadow:0 24px 60px -30px hsl(var(--h) 80% 55% / .7)}.feed .entry.featured h2{font-size:2.2rem;font-weight:300}.feed .entry.featured .tagline{font-size:1.2rem}.feed .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, hsl(var(--h) 85% 50%) 70%, var(--fg));margin:0 0 .4rem;font-size:.75rem;font-weight:600}.feed .shot{margin:calc(-1 * var(--pt)) calc(-1 * var(--px)) 1.2rem;display:block}.feed .featured .shot{margin-bottom:1.5rem}.feed .shot img{aspect-ratio:2;object-fit:cover;width:100%;height:auto;display:block}.feed .featured .shot img{aspect-ratio:16/10}.feed .shot-link{display:block}.feed .shot-link:hover img{filter:brightness(1.06)}.city{margin:0 calc(-1 * var(--pad-x));--map:42%;--gut:1.5rem;position:relative}.city .city-map{inset:auto;top:calc(-1 * var(--pad-top));pointer-events:none;width:100%;height:0;position:sticky}.city .gate{height:clamp(9rem,3rem + 13vw,13rem)}.city .bend{height:9rem}.city .end{height:3.5rem}.city .district{padding:2rem var(--pad-x) 1rem calc(var(--map) + var(--gut));position:relative}.city .district[data-side=R]{padding-left:var(--pad-x);padding-right:calc(var(--map) + var(--gut))}.city .sign{padding-bottom:1rem}.city .sign h3{color:color-mix(in srgb, hsl(var(--h) 85% 60%) 40%, var(--fg))}.city .sign .where{margin:.1rem 0 0}.city .about{margin:.55rem 0 0}.city .points{margin-top:.55rem;padding-left:1.1rem}.city .points li+li{margin-top:.2rem}.city .block{box-sizing:border-box;min-height:max(6rem, calc(var(--months) * .42rem));flex-direction:column;justify-content:center;padding:.9rem 0;display:flex}.city .block p{margin:0}.city .block .role{font-size:1.05rem}.city .block .when{margin-top:.15rem;font-size:.95rem}.city.live .sign,.city.live .block{transition:opacity .9s,transform .9s}.city.live :is(.sign,.block):not(.lit){opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion:reduce){.city.live .sign,.city.live .block{transition:none}}@media (aspect-ratio<=20/23){.section{font-size:9vw}.panel{--pad-x:1.25rem;--pad-top:1.25rem;--pb:4.25rem;width:94vw;padding:var(--pad-top) var(--pad-x) 2rem;border-radius:1.25rem;font-size:1.05rem;left:3vw}.city{--map:34%;--gut:.9rem}.city .gate{height:8rem}.city .bend{height:7rem}.city .district{padding-top:1.6rem}.city .sign h3{font-size:1.15rem}.city .block .role{font-size:.98rem}.city .block .when{font-size:.85rem}}.topics{pointer-events:none;opacity:0;margin:0;padding:0;list-style:none;transition:opacity .8s;position:fixed;inset:0}.ready .topics{opacity:1}.topic{font:inherit;cursor:pointer;background:linear-gradient(var(--glass), var(--glass)) padding-box, linear-gradient(125deg, var(--rim), transparent 38%, transparent 62%, var(--rim)) border-box;backdrop-filter:blur(10px)saturate(1.2);box-shadow:0 12px 40px -14px var(--shadow);--rim:color-mix(in srgb, var(--c) 45%, transparent);color:color-mix(in srgb, var(--c) 25%, var(--fg));letter-spacing:.03em;white-space:nowrap;pointer-events:auto;will-change:transform;border:1px solid #0000;border-radius:999px;align-items:center;gap:.6em;margin:0;padding:.72em 1.45em .72em 1.15em;font-size:clamp(1.1rem,.6rem + 1.05vw,1.75rem);font-weight:500;text-decoration:none;transition:color .6s;display:inline-flex;position:absolute;top:0;left:0}.topic:before{content:"";background:var(--c);width:.5em;height:.5em;box-shadow:0 0 6px 0 var(--c);opacity:.85;border-radius:50%;transition:opacity .6s,box-shadow .6s}.topic:after{content:"";border-radius:inherit;border:1px solid var(--c);box-shadow:0 0 30px -4px var(--c), inset 0 0 18px -8px var(--c);opacity:.3;pointer-events:none;transition:opacity .6s;position:absolute;inset:-1px}.topic.is-active{color:var(--fg)}.topic.flying{color:color-mix(in srgb, var(--c) 25%, var(--fg));backdrop-filter:none;box-shadow:none;letter-spacing:-.01em;background:0 0;border-color:#0000;font-weight:300;transition:color .6s,box-shadow .4s,font-weight .6s,letter-spacing .6s}.topic.flying:before,.topic.flying:after{transition:opacity .3s;opacity:0!important}.topic.is-active:before{opacity:1;box-shadow:0 0 12px 3px var(--c)}.topic.is-active:after{opacity:.9}.topic:focus-visible{outline:2px solid var(--c);outline-offset:4px}.topic .soon{border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--base) 88%, transparent);box-shadow:0 8px 24px -10px var(--shadow);color:var(--fg);letter-spacing:.04em;pointer-events:none;opacity:0;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;transition:opacity .25s,translate .25s;position:absolute;bottom:calc(100% + .5rem);left:50%;translate:-50% .3rem}.topic.soon-below .soon{top:calc(100% + .5rem);bottom:auto;translate:-50% -.3rem}.topic.soon-open{z-index:1}.topic.soon-open .soon{opacity:1;translate:-50%}.glass{pointer-events:none}.gl-glass .topic,.gl-glass .scheme{backdrop-filter:none;background:0 0;border-color:#0000}.gl-glass .topic:after{border-color:color-mix(in srgb, var(--c) 60%, transparent)}@media (width<=600px){.topic{gap:.6rem;padding:.7rem 1.3rem .7rem 1.1rem;font-size:.95rem}.copyright{left:1.25rem}}.scheme{border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(8px);width:2.4rem;height:2.4rem;color:var(--muted);cursor:pointer;border-radius:50%;font-size:1rem;position:fixed;bottom:1.25rem;right:1.25rem}