.about-page{gap:var(--space-8);flex-direction:column;display:flex}.about-page h2{font-size:var(--step-2);margin:0}.about-hero{gap:var(--space-6);padding-bottom:var(--space-7);border-bottom:var(--border-width) solid var(--c-border);align-items:center;display:grid}@media (width>=720px){.about-hero{grid-template-columns:minmax(0,1fr) auto}}.about-hero-main{gap:var(--space-4);flex-direction:column;display:flex}.about-eyebrow{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent);margin:0;font-weight:700}.about-lead{max-width:var(--measure);font-size:var(--step-1);line-height:var(--leading-snug);margin:0}.about-facts{gap:var(--space-3) var(--space-6);flex-wrap:wrap;margin:0;display:flex}.about-facts dt{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-faint)}.about-facts dd{margin:var(--space-1) 0 0;font-weight:600}.about-portrait{justify-self:start}.about-portrait img{object-fit:cover;border:var(--border-width) solid var(--c-ink-2);background:var(--c-surface);width:11rem;height:11rem;box-shadow:var(--shadow-ink-2);display:block}@media (width>=720px){.about-portrait{justify-self:end}}.about-body{max-width:var(--measure)}.about-body>*+*{margin-top:var(--space-4)}.about-activity{flex-direction:column;display:flex}.about-note{margin:var(--space-3) 0 0;max-width:var(--measure);color:var(--c-text-muted);font-size:var(--step--1)}.bars{gap:var(--space-4);margin:var(--space-6) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.bar-head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.bar-rank{font-family:var(--font-mono);font-size:var(--step--2);color:var(--c-text-faint)}.bar-name{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.02em;word-break:break-word;font-weight:700}.bar-time{font-family:var(--font-mono);font-size:var(--step--2);color:var(--c-text-muted);margin-left:auto}.bar-pct{min-width:4.25rem;font-family:var(--font-mono);font-size:var(--step--2);text-align:right;color:var(--c-accent);font-weight:700}.bar-track{border:var(--border-hair) solid var(--c-border-strong);background:var(--c-bg-subtle);height:1.25rem;position:relative;overflow:hidden}.bar-track:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--c-ink-2) var(--halftone-dot), transparent calc(var(--halftone-dot) + .3px));background-size:var(--halftone-size) var(--halftone-size);opacity:.22;position:absolute;inset:0}.bar-fill{z-index:1;width:var(--bar-width,0%);background:var(--c-accent);height:100%;display:block;position:relative}.about-total{align-items:baseline;gap:var(--space-3);margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:var(--border-hair) solid var(--c-border);flex-wrap:wrap;display:flex}.about-total .k{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-faint)}.about-total b{font-size:var(--step-1)}.about-activity[data-live=no] .about-asof{color:var(--c-accent)}.about-asof{font-family:var(--font-mono);font-size:var(--step--2);color:var(--c-text-faint);margin-left:auto}.about-stack{gap:var(--space-5);margin-top:var(--space-5);display:grid}@media (width>=480px){.about-stack{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}}.stack-title{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-faint)}.about-links{margin:var(--space-5) 0 0;border-top:var(--border-hair) solid var(--c-border);flex-direction:column;padding:0;list-style:none;display:flex}.contact{align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--border-hair) solid var(--c-border);display:flex}.contact-label{min-width:5rem;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-faint)}.contact-value{font-family:var(--font-mono);font-size:var(--step--1);color:var(--c-text);border-bottom:var(--border-hair) solid var(--c-accent);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.contact-value:hover{color:var(--c-accent)}.contact-value:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:0}