.about-grid{border:var(--hair) solid var(--line-ink);margin-top:var(--s5);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}@media (max-width:1000px){.about-grid{grid-template-columns:1fr}}.story{border-right:var(--hair) solid var(--line-ink)}@media (max-width:1000px){.story{border-right:0;border-bottom:var(--hair) solid var(--line-ink)}}.story-row{gap:var(--s4);padding:var(--s4);grid-template-columns:160px minmax(0,1fr);display:grid}.story-row+.story-row{border-top:var(--hair) solid var(--line)}@media (max-width:700px){.story-row{gap:var(--s2);grid-template-columns:1fr}}.story-note{font-family:var(--font-mono);font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-3);align-self:start;line-height:1.5;position:relative}.story-body{color:var(--ink-2);max-width:58ch}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.story-note{animation-name:note-live;animation-duration:1ms;animation-fill-mode:both;animation-timing-function:var(--ease-soft);animation-timeline:view();animation-range:entry 30% cover 45%}}}@keyframes note-live{0%{color:var(--ink-3)}to{color:var(--blue)}}.about-side{flex-direction:column;display:flex}.portrait{padding:var(--s4);border-bottom:var(--hair) solid var(--line-ink);background:var(--paper-2);gap:var(--s2);place-items:center;display:grid;position:relative}.portrait-cap{color:var(--ink-2);text-align:center}.about-facts{padding:var(--s4) 0;border-top:0}.about-facts>div{padding-inline:var(--s4);grid-template-columns:110px 1fr}.about-facts>div:last-child{border-bottom:0}.portrait .ascii-portrait{max-width:100%;color:var(--ink);position:relative;overflow:hidden}.portrait .ascii-portrait pre{max-width:100%;font-family:var(--font-mono);white-space:pre;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(3px,.72vw,7px);line-height:1.02}.portrait .ascii-portrait .glow{color:var(--blue);opacity:var(--on,0);transition:opacity var(--dur-tactile) var(--ease-soft);-webkit-mask-image:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #000 0%, transparent 70%);-webkit-mask-image:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #000 0%, transparent 70%);mask-image:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #000 0%, transparent 70%);position:absolute;inset:0}.portrait .ascii-portrait.reduced .glow{display:none}.portrait-cap{max-width:100%}