@layer components{.about-page{--about-accent:var(--accent);--about-accent-soft:var(--accent-soft,var(--accent-softer))}.about-hero{border:1px solid color-mix(in oklab, var(--about-accent) 22%, var(--border));border-radius:var(--radius-card-emphasis);background:radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--about-accent) 12%, transparent), transparent 56%), var(--surface);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1fr) minmax(8rem,.34fr);align-items:end;gap:1.5rem;margin:1.25rem 0 1.75rem;padding:clamp(1.25rem,3.5vw,2.25rem);display:grid}.about-hero-copy{min-width:0}.about-eyebrow{color:var(--about-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:800;line-height:1.2}.about-hero h1{color:var(--foreground);letter-spacing:-.08em;margin-top:.55rem;font-size:clamp(2.2rem,7vw,4.6rem);font-weight:700;line-height:.95}.about-hero-description{max-width:33rem;color:color-mix(in oklab, var(--foreground) 72%, transparent);margin-top:1rem;font-size:clamp(.92rem,1.7vw,1.08rem);line-height:1.85}.about-hero-meta{color:var(--foreground-muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1.35rem;font-size:.67rem;display:flex}.about-hero-meta time{color:var(--about-accent);font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-left:.3rem;font-weight:700}.about-hero-meta-dot{color:color-mix(in oklab, var(--about-accent) 55%, transparent)}.about-hero-mark{color:var(--foreground-muted);letter-spacing:.15em;text-align:right;text-transform:uppercase;align-content:end;justify-items:end;gap:.35rem;font-size:.6rem;line-height:1.35;display:grid}.about-hero-mark-letter{color:color-mix(in oklab, var(--about-accent) 68%, var(--foreground));font-family:var(--font-serif);letter-spacing:-.14em;opacity:.85;font-size:clamp(4.5rem,13vw,8rem);font-weight:700;line-height:.7}.about-stats{border-bottom:1px solid color-mix(in oklab, var(--border) 70%, transparent);margin-bottom:2.4rem;padding-bottom:1.6rem}.about-stats-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.about-stats-head h2{color:var(--foreground);letter-spacing:-.04em;margin-top:.35rem;font-size:1.15rem;font-weight:650}.about-stats-status{color:var(--foreground-subtle);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem}.about-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.about-stat{border:1px solid color-mix(in oklab, var(--border) 75%, transparent);border-radius:var(--radius-card);background:var(--surface-muted);min-width:0;padding:.9rem .95rem;transition:border-color .18s,background-color .18s,transform .18s}.about-stat:hover{border-color:color-mix(in oklab, var(--about-accent) 32%, var(--border));background:color-mix(in oklab, var(--about-accent) 4%, var(--surface-muted));transform:translateY(-2px)}.about-stat-label{color:var(--about-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.about-stat-value{align-items:baseline;gap:.35rem;margin-top:.65rem;display:flex}.about-stat-value strong{color:var(--foreground);font-variant-numeric:tabular-nums;letter-spacing:-.08em;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:650;line-height:.95}.about-stat-value span{color:var(--foreground-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.about-stat p{min-height:2.6em;color:var(--foreground-muted);margin-top:.65rem;font-size:.69rem;line-height:1.55}.about-stat p span{color:var(--about-accent);font-variant-numeric:tabular-nums;font-weight:700}.about-content{max-width:44rem;margin-inline:auto}.about-portrait{border:1px solid color-mix(in oklab, var(--about-accent) 18%, var(--border));border-radius:var(--radius-card-emphasis);background:var(--surface-muted);box-shadow:var(--shadow-md);margin:0 0 2rem;overflow:hidden}.about-portrait>div{border-radius:inherit}.about-content .about-lede{color:var(--foreground);margin:0;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.95}.about-content .about-note{border-inline-start:2px solid var(--about-accent);color:var(--foreground-muted);margin:1.35rem 0 2.6rem;padding:.25rem 0 .25rem 1rem;font-size:.88rem;line-height:1.9}.about-content h2{color:var(--foreground);letter-spacing:-.04em;align-items:center;gap:.65rem;margin-top:2.5rem;font-size:1.25rem;display:flex}.about-content h2:before{background:var(--about-accent);content:"";width:1.5rem;height:2px}.about-content h2+blockquote{border-inline-start:2px solid color-mix(in oklab, var(--about-accent) 45%, var(--border));color:color-mix(in oklab, var(--foreground) 78%, transparent);font-family:var(--font-serif);margin-top:.9rem;padding-inline-start:1rem;font-size:1rem;line-height:1.95}.about-content>hr{border-color:color-mix(in oklab, var(--border) 80%, transparent);margin-block:2.5rem}.about-comments h2{margin-top:0}@media (width<=680px){.about-hero{grid-template-columns:minmax(0,1fr) 5.5rem;gap:.75rem;padding:1.2rem}.about-hero-mark-letter{font-size:5.5rem}.about-stat-grid{grid-template-columns:1fr}.about-stat p{min-height:0}}@media (width<=430px){.about-hero{grid-template-columns:minmax(0,1fr)}.about-hero-mark{text-align:left;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;display:flex}.about-hero-mark-letter{font-size:4.6rem}}@media (prefers-reduced-motion:reduce){.about-stat{transition:none}}}