.about{padding-block:var(--page-top) var(--page-bottom)}.about-intro{gap:var(--section-gap);padding-bottom:var(--section-gap);border-bottom:1px solid var(--hair2);grid-template-columns:minmax(0,1.7fr) minmax(240px,.85fr);align-items:start;display:grid}.about-intro__copy,.about-origin,.about-tool-grid>li,.about-note{min-width:0}.about-label{color:var(--muted);font:500 var(--type-label)/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}.about-label>span{color:var(--brand-ink);margin-right:7px}.about h1{color:var(--ink);font:820 var(--type-page)/1.05 var(--display);letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:16px;font-stretch:112%}.about-lead{max-width:38ch;font:600 clamp(18px, 2vw, 22px)/1.45 var(--sans);color:var(--ink2);margin-top:24px}.about-body{max-width:62ch;color:var(--muted);font:400 var(--type-body)/1.75 var(--sans);margin-top:16px}.about-link{min-height:var(--control-h);max-width:100%;color:var(--brand-ink);font:600 var(--type-small)/1.5 var(--sans);text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;gap:12px;display:inline-flex}.about-intro__copy>.about-link{margin-top:12px}.about-origin{scroll-margin-top:calc(var(--header-h) + 24px);padding:var(--panel-padding);background:var(--surface);border:1px solid var(--hair2);border-top:2px solid var(--brand-ink);border-radius:var(--r-m);position:relative}.about-origin:after{content:"";border-top:1px solid var(--brand-line);border-right:1px solid var(--brand-line);pointer-events:none;width:9px;height:9px;position:absolute;top:9px;right:9px}.about-origin dl{margin-top:12px}.about-origin dl>div{border-bottom:1px solid var(--hair);padding-block:14px}.about-origin dt{color:var(--muted);font:400 12px/1.5 var(--sans);margin-bottom:5px}.about-origin dd{color:var(--ink2);font:600 15px/1.4 var(--sans)}.about-origin .about-origin__creator{color:var(--brand-ink);font:750 24px/1.1 var(--display);letter-spacing:-.015em}.about-origin__alias{color:var(--muted);font:400 11.5px/1.6 var(--sans);overflow-wrap:anywhere;margin-top:18px}.about-origin__alias a{color:var(--ink2)}.about-tools{padding-block:var(--section-gap)}.about-section-head{margin-bottom:20px}.about h2{color:var(--ink);font:780 var(--type-section)/1.2 var(--display);overflow-wrap:anywhere;margin-top:8px;font-stretch:108%}.about-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.about-tool{height:100%;padding:var(--panel-padding);border:1px solid var(--hair2);border-left:2px solid var(--tc);border-radius:var(--r-m);background:var(--surface);flex-direction:column;text-decoration:none;transition:border-color .16s,background-color .16s;display:flex}.about-tool:hover{background:var(--raised);border-color:var(--tc-line)}.about-tool__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.about-tool h3{color:var(--ink);font:750 var(--type-card)/1.3 var(--display);overflow-wrap:anywhere}.about-tool__arrow{color:var(--tc);flex:none;font-size:20px}.about-tool p{max-width:48ch;color:var(--muted);font:400 var(--type-small)/1.65 var(--sans);margin-top:10px}.about-notes{gap:var(--section-gap);padding-block:var(--section-gap);border-top:1px solid var(--hair2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.about-note>p:not(.about-label){color:var(--muted);font:400 var(--type-body)/1.75 var(--sans);margin-top:16px}.about-note__links{flex-direction:column;align-items:start;margin-top:8px;display:flex}.about-note>.about-link{margin-top:8px}.about-independent{border-top:1px solid var(--hair2);flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding-top:24px;display:flex}.about-independent h2{font:600 var(--type-small)/1.5 var(--sans);color:var(--ink2);margin:0}.about-independent p,.about-independent a{font:400 12px/1.65 var(--sans);color:var(--muted)}.about-independent a{min-height:var(--control-h);align-items:center;display:inline-flex}@media (width<=760px){.about-intro{grid-template-columns:minmax(0,1fr)}.about-origin{padding:var(--panel-padding)}.about-origin dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.about-origin__alias{margin-top:14px}}@media (width<=560px){.about-tool-grid,.about-notes{grid-template-columns:minmax(0,1fr)}.about-origin dl{grid-template-columns:minmax(0,1fr);gap:0}.about-tool{padding:var(--panel-padding)}}@media (prefers-reduced-motion:reduce){.about-tool{transition:none}}
