@font-face{font-family:JetBrainsMono;src:url(/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#070707;--fg:#f0f0f0;--muted:#909090;--accent:#9b79f7;--ring:#9b79f72e;--pink:#8ffccd;--min-font-size:14;--max-font-size:20;--min-viewport:320;--max-viewport:1920;font-size:clamp(12px,.416667vw + 4px,24px)}*{box-sizing:border-box}html{background:var(--bg)}html,body{height:100%}body{background:var(--bg);color:var(--fg);letter-spacing:.06rem;opacity:0;text-transform:lowercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:JetBrainsMono,monospace;font-weight:400;line-height:1.4}body:not(.preload){opacity:1;transition:opacity 1s}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.accent{color:var(--accent)}.fg{color:var(--fg)}.bt{font-size:clamp(1rem,2dvw,1.4rem)}.wrap{grid-template:"left pic right"1fr"left pic right""left pic right"1fr/minmax(0,1fr) minmax(260px,520px) minmax(0,1fr);align-items:center;gap:0;min-height:100dvh;padding:clamp(16px,4vw,40px);display:grid}.left{grid-area:left}.frame{grid-area:pic;place-items:center;display:grid}.right{grid-area:right}.left{color:var(--muted);grid-template-columns:max-content max-content;place-content:center start;gap:32px 48px;display:grid}.stack{gap:6px;display:grid}.stack small{color:var(--muted);font-size:.9rem;line-height:1.4}.stack a{color:inherit;text-decoration:none}.stack a:hover{color:var(--accent);text-decoration:underline}.right{text-align:right;color:var(--muted);place-content:center end;gap:6px;display:grid}.right a{color:inherit;text-decoration:none}.right a:hover{color:var(--accent);text-decoration:underline}.right-wrap{text-align:right;max-width:36ch}.left,.right{overflow-wrap:anywhere;max-width:clamp(160px,28vw,420px)}.left{justify-self:start}.right{justify-self:end}.frame .portrait-container{aspect-ratio:3/4;justify-self:center;width:100%;max-width:clamp(180px,40vw,720px);position:relative;overflow:hidden}.dir-list{color:var(--muted);margin:0 0 0 1rem;padding:0;list-style:none}.dir-list li+li{margin-left:1rem}.heart{color:var(--accent);flex-direction:row;justify-content:end;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.portrait{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.portrait--base{object-fit:cover}.portrait--webgl{opacity:0;z-index:1;pointer-events:auto;transition:opacity linear}.portrait-container.webgl-ready .portrait--webgl{opacity:1}.portrait-container.webgl-drawn .portrait--base{opacity:0}@media (hover:none),(pointer:coarse){.portrait-container.autoplay .portrait--webgl{opacity:1!important;display:block!important}.portrait-container.autoplay .portrait--base{opacity:0!important}.portrait-container:not(.autoplay) .portrait--webgl{display:none!important}.portrait-container:not(.autoplay) .portrait--base{opacity:1!important}}@media (width<=768px){.wrap{grid-template:"pic""left""right"/1fr;gap:28px;max-width:400px;margin:auto;padding:clamp(16px,6svh,32px) 16px}.frame{place-items:center;margin:0}.frame .portrait-container{aspect-ratio:3/4;justify-self:stretch;width:100%;max-width:none}.left,.right{justify-self:stretch;max-width:none}.left{text-align:left;grid-template-columns:1fr;place-content:start;row-gap:16px}.right{text-align:left;justify-content:start;row-gap:8px}.right-wrap{text-align:left}.heart{justify-content:start}}@media (prefers-reduced-motion:reduce){body{transition:none}}