@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2) format("woff2");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600.woff2) format("woff2");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{--bg:#faf9f6;--fg:#1b1b19;--mute:#70706a;--line:#dcd9cf;--acc:#a51c30;--acc-soft:rgba(165,28,48,.11);--acc-2:#9a5b00;--ph:#ebe8df;--ph-2:#dcd8cb;--sil:#bdb8a8;--scan:0;--vig:0;--glow:none;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--banner:2.75rem;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#0b0d10;--fg:#d8e0d2;--mute:#7d877e;--line:#20262a;--acc:#e9455c;--acc-soft:rgba(233,69,92,.16);--acc-2:#ffb000;--ph:#161a1e;--ph-2:#1d2328;--sil:#2b333a;--scan:.28;--vig:.55;--glow:0 0 10px rgba(216,224,210,.14);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{scroll-snap-type:y proximity;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--mono);font-weight:500;font-size:clamp(1rem,.9rem + .4vw,1.125rem);line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000 0 2px,rgba(0,0,0,var(--scan)) 2px 3px),radial-gradient(ellipse at center,#0000 55%,rgba(0,0,0,var(--vig)))}::selection{background:var(--acc);color:var(--bg)}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}h1{font:inherit;margin:0;display:inline}.wrap{width:min(100%,1120px);margin-inline:auto;padding-inline-start:max(1rem,env(safe-area-inset-left,0px));padding-inline-end:max(1rem,env(safe-area-inset-right,0px))}.mute{color:var(--mute)}.bar-in,.foot,figcaption,.au,.meta,.total,.out dt{font-weight:400}.ps{color:var(--acc)}.cmd{margin-block-start:1.4rem;font-weight:600}.cmd:first-child{margin-block-start:0}.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--acc);vertical-align:-.15em;animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.bar{position:sticky;inset-block-start:0;z-index:10;background:var(--bg);border-block-end:1px solid var(--line);height:var(--banner)}.bar-in{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;font-size:.8rem}.dots{display:flex;gap:.4rem}.dots i{display:block;width:.6rem;height:.6rem;border:1px solid var(--fg)}.ttl{text-align:center;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav{display:flex;margin-inline-end:-.5rem}.nav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:.5rem;text-decoration:none}.nav a:before{content:"[";color:var(--mute)}.nav a:after{content:"]";color:var(--mute)}.nav a:hover{color:var(--acc)}.frame{position:relative;min-height:calc(100vh - var(--banner));min-height:calc(100svh - var(--banner));display:grid;grid-template-rows:1fr auto;scroll-snap-align:start;scroll-margin-block-start:var(--banner);padding-block:2.5rem 1.25rem}.frame+.frame{border-block-start:1px dashed var(--line)}.frame>.wrap{align-self:center;min-width:0;position:relative;z-index:1}.foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block-start:2rem;font-size:.78rem;color:var(--mute);position:relative;z-index:1}.foot a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.foot a:hover{color:var(--acc)}.grid{display:grid;gap:2.5rem}.term{min-width:0;text-shadow:var(--glow)}.type.typing:after{content:"";display:inline-block;width:.6em;height:1.1em;background:var(--acc);vertical-align:-.15em;margin-inline-start:.1em}.out{margin:.35rem 0 0;display:grid;gap:.05rem}.out div{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem}.out dt{color:var(--mute)}.out dd{margin:0;min-width:0}.bio{margin:.35rem 0 0;max-width:60ch}.anim #about .step{visibility:hidden}.fig{margin:0;max-width:340px;min-width:0}.shot{position:relative;padding:10px}.c{position:absolute;width:12px;height:12px;border:0 solid var(--fg)}.c.tl{inset-block-start:0;inset-inline-start:0;border-width:1px 0 0 1px}.c.tr{inset-block-start:0;inset-inline-end:0;border-width:1px 1px 0 0}.c.bl{inset-block-end:0;inset-inline-start:0;border-width:0 0 1px 1px}.c.br{inset-block-end:0;inset-inline-end:0;border-width:0 1px 1px 0}.photo{position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden}.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo .ph{display:block;position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,var(--sil) 0 16%,transparent calc(16% + 1px)),radial-gradient(ellipse 62% 34% at 50% 100%,var(--sil) 0 99%,transparent 100%),linear-gradient(165deg,var(--ph),var(--ph-2))}.photo:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle,var(--bg) 0 .7px,transparent 1px) 0 0/3px 3px;opacity:.3}figcaption{margin-block-start:.6rem;font-size:.76rem;color:var(--mute);letter-spacing:.02em}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-start:.6rem}.chips a{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding-inline:.55rem;border:1px solid var(--line);text-decoration:none;font-size:.78rem;transition:background .15s,color .15s,border-color .15s}.chips a:before{content:"[";color:var(--mute)}.chips a:after{content:"]";color:var(--mute)}.chips a:hover,.chips a:focus-visible{background:var(--acc);color:var(--bg);border-color:var(--acc)}.chips a:hover:before,.chips a:hover:after,.chips a:focus-visible:before,.chips a:focus-visible:after{color:var(--bg)}.chips svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.drift{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.d{position:absolute;inset-inline-start:0;inset-block-start:var(--top);width:var(--size);height:var(--size);opacity:.45;color:var(--acc-2);animation:drift var(--dur) linear var(--delay) infinite;will-change:transform}.d svg,.d img{display:block;width:100%;height:100%;animation:bob var(--bob) ease-in-out infinite alternate}.d svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.d img{object-fit:contain}@keyframes drift{0%{transform:translate(calc(-1 * var(--size) - 3vw))}to{transform:translate(103vw)}}@keyframes bob{0%{transform:translateY(-7px) rotate(-4deg)}to{transform:translateY(7px) rotate(4deg)}}.drift.paused .d,.drift.paused .d svg,.drift.paused .d img{animation-play-state:paused}.total{margin:.2rem 0 0;font-size:.8rem}.ls{list-style:none;margin:.5rem 0 0;padding:0;border-block-start:1px solid var(--line);text-shadow:var(--glow)}.ls li{display:grid;grid-template-columns:12.5rem minmax(0,1fr) auto;grid-template-areas:"meta t lk" "meta au lk";gap:.15rem 1.2rem;padding:.8rem .5rem;margin-inline:-.5rem;border-block-end:1px solid var(--line);align-items:start}.ls li:hover{background:var(--acc-soft)}.meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:.2rem .8rem;color:var(--mute);font-size:.78rem;line-height:1.7}.meta .y{color:var(--acc-2)}.meta .v{color:var(--fg)}.t{grid-area:t;font-weight:600;min-width:0}.au{grid-area:au;color:var(--mute);font-size:.78rem;min-width:0}.au b{color:var(--fg);font-weight:600}.lk{grid-area:lk;display:flex;flex-direction:column;gap:.1rem;font-size:.78rem;white-space:nowrap}.lk a{color:var(--acc-2);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.lk a:hover{color:var(--acc)}@media(min-width:640px){.grid{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:3rem;align-items:center}.fig{justify-self:end}}@media(min-width:960px){.grid{gap:5rem}}@media(max-width:959px){.ls li{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "t" "au" "lk"}.lk{flex-direction:row;gap:.8rem}}@media(max-width:639px){.out div{grid-template-columns:5rem 1fr;gap:.6rem}.ttl .long{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor{animation:none}.chips a{transition:none}.drift{display:none}}