@layer components{.page-about{& .page-about__title{font-size:var(--size-step-4);letter-spacing:-.03em;line-height:1.02}& .page-about__lead{color:var(--color-text-muted);font-size:var(--size-step-1);max-inline-size:42ch}& .page-about__prose{max-inline-size:62ch;text-wrap:pretty}& .page-about__pull{padding-inline-start:var(--space-l);border-inline-start:3px solid var(--color-accent);color:var(--color-text);font-family:var(--font-display);font-size:var(--size-step-2);font-style:italic;line-height:1.25;max-inline-size:24ch}& .page-about__section-head{display:flex;flex-wrap:wrap;gap:var(--space-xs)var(--space-m);align-items:baseline;justify-content:space-between;& h2{margin:0}}& .page-about__note{display:flex;gap:var(--space-xs);align-items:flex-start;color:var(--color-text-muted);font-size:var(--size-step--1);max-inline-size:62ch;text-wrap:pretty;& svg{flex:none;margin-block-start:.15em}}& .page-about__numbers{display:grid;gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));margin:0}& .page-about__number{display:flex;flex-direction:column;justify-content:center;padding:var(--space-m)var(--space-s);text-align:center;& dd{order:-1;margin:0}}& .page-about__stack{display:flex;flex-wrap:wrap;gap:var(--space-xs)var(--space-s);margin:0;padding:0;list-style:none}& .page-about__chip{display:inline-flex;gap:var(--space-2xs);align-items:center;padding:var(--space-3xs)var(--space-s);border:var(--border-thin)solid var(--color-border);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--size-step--1);font-weight:500}& .page-about__chip-dot{inline-size:6px;block-size:6px;border-radius:var(--radius-round);background:var(--color-accent)}& .page-about__oss{display:flex;flex-direction:column;gap:var(--space-2xs);block-size:100%;border-color:var(--color-border);color:var(--color-text);text-decoration:none;transition:border-color 160ms ease,box-shadow 160ms ease;&:hover, &:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-s)}}& .page-about__oss-name{display:flex;gap:var(--space-2xs);align-items:center;font-weight:600;& svg{flex:none;color:var(--color-text-muted)}}& .page-about__oss-body{color:var(--color-text-muted);font-size:var(--size-step--1);text-wrap:pretty}& .page-about__oss-package{margin-block-start:auto;padding-block-start:var(--space-xs);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--size-step--2)}& .page-about__band{padding:var(--space-2xl)var(--space-m);border-block:var(--border-thin)solid var(--color-border);background:var(--color-surface);text-align:center}& .page-about__quote{margin:0}& .page-about__motto{margin-inline:auto;color:var(--color-text);font-size:var(--size-step-3);max-inline-size:26ch}& .page-about__motto-author{margin-block-start:var(--space-m);color:var(--color-text-muted);font-size:var(--size-step--1);font-weight:500}& .page-about__final{align-items:center;text-align:center}& .page-about__final-heading{font-size:var(--size-step-3);max-inline-size:22ch}}}