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