.page-about{--about-header-h:128px;gap:var(--space-32);align-content:start;display:grid}.about-mount{display:contents}.about-head{gap:var(--space-8);max-width:var(--measure);display:grid}.about-lede{color:var(--muted)}.about-layout{gap:var(--space-32);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.about-toc{top:calc(var(--about-header-h) + var(--space-16));max-height:calc(100dvh - var(--about-header-h) - var(--space-32));position:sticky;overflow-y:auto}.about-toc-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.about-toc-list a{min-height:36px;padding:0 var(--space-12);border-left:2px solid var(--border);color:var(--muted);font-size:var(--fs-small);line-height:var(--lh-small);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;text-decoration:none;display:flex}.about-toc-list a:hover{color:var(--text)}.about-toc-list a[aria-current=location]{color:var(--accent);border-left-color:var(--accent);font-weight:var(--weight-medium)}.about-toc-list a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.about-jump{display:none}.about-body{gap:var(--space-24);min-width:0;display:grid}.about-section{gap:var(--space-16);padding:var(--space-24);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-1);scroll-margin-top:calc(var(--about-header-h) + var(--space-16));min-width:0;display:grid}.about-title{font-family:var(--font-heading);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);position:relative}.about-title:focus,.about-title:focus-visible{outline:none}.about-title:focus-visible:before{content:"";top:.2em;bottom:.2em;left:calc(-1 * var(--space-12));background-color:var(--accent);border-radius:2px;width:3px;position:absolute}.about-what{gap:var(--space-4);max-width:var(--measure);display:grid}.about-label{color:var(--muted)}.about-how{gap:var(--space-16);max-width:var(--measure);display:grid}.about-answer{gap:var(--space-4);display:grid}.about-question{font-family:var(--font-heading);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--weight-heading)}.about-steps{gap:var(--space-4);padding-left:var(--space-24);margin:0;display:grid}.about-steps li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.about-shot{margin:var(--space-8) 0 0}.about-shot img{border:1px solid var(--border);border-radius:var(--radius-control);background-color:var(--sunken);width:100%;height:auto;display:block}.about-shot-phone img{max-width:320px}.about-shot-link{border-radius:var(--radius-control);display:block}.about-shot-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-shot-tap{margin-bottom:var(--space-4);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted);display:none}[data-theme=dark] .about-shot img,[data-theme=dark] .about-zoom-view img{filter:brightness(.6)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .about-shot img,:root:not([data-theme]) .about-zoom-view img{filter:brightness(.6)}}.about-zoom{width:calc(100vw - var(--space-32));max-width:none;max-height:calc(100dvh - var(--space-32))}.about-zoom[open]{grid-template-rows:auto minmax(0,1fr) auto}.about-zoom-view{border:1px solid var(--border);border-radius:var(--radius-control);background-color:var(--sunken);overflow:auto}.about-zoom-view:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-zoom-view img{width:100%;height:auto;display:block}.about-jump .control{display:block}.about-jump select{width:100%}.about-roles-block{gap:var(--space-8);display:grid}.about-roles-swipe{display:none}.about-roles-wrap{border:1px solid var(--border);border-radius:var(--radius-control);background:linear-gradient(to right, var(--surface) 30%, transparent) left / 24px 100% no-repeat local, linear-gradient(to left, var(--surface) 30%, transparent) right / 24px 100% no-repeat local, linear-gradient(to right, color-mix(in srgb, var(--text) 14%, transparent), transparent) left / 16px 100% no-repeat scroll, linear-gradient(to left, color-mix(in srgb, var(--text) 14%, transparent), transparent) right / 16px 100% no-repeat scroll;background-color:var(--surface);overflow-x:auto}@media (width<=599.98px){.about-roles-swipe{display:block}}.about-roles-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-roles{border-collapse:collapse;width:100%;min-width:640px;font-size:var(--fs-small);line-height:var(--lh-small)}.about-roles caption{padding:var(--space-12) var(--space-16);text-align:left;font-weight:var(--weight-medium);border-bottom:1px solid var(--border)}.about-roles th,.about-roles td{padding:var(--space-8) var(--space-16);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.about-roles tbody tr:last-child th,.about-roles tbody tr:last-child td{border-bottom:0}.about-roles thead th{background-color:var(--sunken);font-weight:var(--weight-medium)}.about-roles thead th:first-child{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.about-role,.about-role-who{display:block}.about-role-who{color:var(--muted);font-weight:var(--weight-regular)}.about-roles tbody th{font-weight:var(--weight-regular)}.about-can[data-can=no]{color:var(--muted)}.about-can[data-can=yes],.about-can[data-can=own]{font-weight:var(--weight-medium)}.about-foot{gap:var(--space-8);padding:var(--space-8) 0 var(--space-24);color:var(--muted);justify-items:start;display:grid}.home-footer{padding:var(--space-16) 0;justify-content:center;display:flex}.home-help,.help-about-link{align-items:center;gap:var(--space-8);min-height:44px;color:var(--accent);font-weight:var(--weight-medium);display:inline-flex}.help-sheet .help-sheet-link{margin:var(--space-8) 0 var(--space-16)}.help-sheet-label{color:var(--muted);margin-bottom:var(--space-8)}.help-keys{gap:var(--space-8);margin:0 0 var(--space-16);display:grid}.help-keys div{align-items:center;gap:var(--space-12);display:flex}.help-keys dt{min-width:48px}.help-keys dd{margin:0}.help-keys kbd.key{min-width:28px;height:24px;padding:0 var(--space-8);background-color:var(--sunken);color:var(--text);border-radius:6px;font-size:12px}@media (width<=767.98px){.page-about{--about-header-h:72px;gap:var(--space-24)}.about-layout{gap:var(--space-16);grid-template-columns:minmax(0,1fr)}.about-toc{max-height:none;position:static;overflow:visible}.about-toc-list{display:none}.about-jump{gap:var(--space-4);display:grid}.about-section{padding:var(--space-16)}.about-shot-tap{display:block}.about-zoom{width:calc(100vw - var(--space-16));max-height:calc(100dvh - var(--space-16));padding:var(--space-16)}.about-zoom-view img{width:100%;max-width:100%}}.about-status{gap:var(--space-12);color:var(--muted);justify-items:start;display:grid}@media (prefers-reduced-motion:reduce){.about-toc-list a{transition:none}}