/* About page (/about/), Friendly Coach. Rendered by scripts/about-page.js; tile colours come from coach.css .tile-* classes. */
.about-sprite{position:absolute;width:0;height:0;overflow:hidden}
.about .ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.about section{padding:2.75rem 0 0}
.about h2{font-weight:800;font-size:clamp(1.6rem,5vw,2rem);margin:0 0 .5rem}
.about h3{font-weight:700;font-size:1.2rem;line-height:1.2;margin:0 0 .3rem}
.about-sub{max-width:68ch}
.about-hero{display:grid;gap:1.5rem;background:linear-gradient(180deg,var(--paper),var(--hero-end));border-bottom:1px solid var(--hair);padding:.5rem 0 2.25rem}
.about-hero .about-kicker{display:inline-block;font-size:.8125rem;font-weight:700;color:var(--muted);margin:0 0 .3rem}
.about-hero h1{margin:.35rem 0 1rem}
.about-lede{font-size:1.1rem;max-width:68ch}
.about-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin:.25rem 0 1rem}
.about .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;font-size:1rem}
.about-try{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);border-left:6px solid var(--sun);padding:1rem 1.1rem}
.about-try-k{display:inline-block;background:var(--sun);color:var(--sun-ink);font-weight:700;font-size:.8125rem;padding:1px 9px;border-radius:999px;margin-bottom:.35rem}
.about-try h2{font-size:1.35rem;margin:.3rem 0 .7rem}
.about-try ul,.about-topics,.about-topic ul,.about-stats,.about-steps,.about-grid,.about-self ul{list-style:none;margin:0;padding:0}
.about-try ul{display:grid;gap:.5rem;margin-bottom:.4rem}
.about-try li a{display:flex;align-items:center;gap:.7rem;min-height:56px;padding:.6rem .85rem;border-radius:14px;background:var(--tile);color:var(--ink);text-decoration:none;font-weight:700;line-height:1.3}
.about-try li a::after,.about-topic-head .about-arrow{content:"›";margin-left:auto;padding-left:.5rem;color:var(--tile-ink);font-weight:800;font-size:1.2rem}
.about-try li a .ico{color:var(--tile-ink)}
.about-fine{font-size:.875rem;margin:.6rem 0 0;line-height:1.45}
.about-topics{display:grid;gap:.85rem;margin-top:1rem}
.about-topic{background:var(--tile);border-radius:var(--radius);padding:1rem}
.about-topic-head{display:flex;align-items:center;gap:.8rem;color:var(--ink);text-decoration:none;min-height:48px}
.about-topic-head .about-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--card);color:var(--tile-ink);flex:0 0 48px}
.about-topic-head h3{margin:0;font-size:1.25rem}
.about-tag{display:block;font-size:.9rem;font-weight:500;color:var(--ink)}
.about-topic ul{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.about-topic li a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .8rem;background:var(--card);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.about-all{display:inline-block;margin-top:1rem;font-weight:700;color:var(--brand)}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.about-stats li{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem .9rem}
.about-big{display:block;font-family:'Bricolage Grotesque','Figtree',sans-serif;font-weight:800;font-size:clamp(2rem,9vw,2.6rem);line-height:1;color:var(--brand);font-variant-numeric:tabular-nums}
.about-lbl{display:block;font-weight:700;margin-top:.35rem;line-height:1.3}
.about-stats .about-fine{display:block;margin-top:.15rem;font-size:.9rem;line-height:1.35}
.about-steps{display:grid;gap:1rem;margin-top:1rem}
.about-steps>li{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem 1.1rem .4rem;border-top:6px solid var(--tile)}
.about-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--tile);color:var(--tile-ink);margin-bottom:.5rem}
.about-punch{font-weight:700;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--sun) 55%,transparent) 60%)}
.about-self{background:var(--brand);color:var(--brand-text);border-radius:var(--radius);padding:1.5rem 1.2rem!important;margin-top:2.75rem;box-shadow:var(--shadow-md)}
.about-self h2{color:var(--brand-text)}
.about-self p{font-size:1.08rem}
.about-self p:last-child{margin:0}
.about-hl{background:var(--sun);color:var(--sun-ink);padding:0 .25em;border-radius:4px;font-weight:700}
.about-self ul{display:grid;gap:.5rem;margin:0 0 1rem}
.about-self li{display:flex;gap:.6rem;align-items:flex-start;font-weight:600}
.about-self li .ico{width:22px;height:22px;color:var(--sun);margin-top:2px}
.about-founders{display:grid;gap:1rem;margin-top:1rem}
.about-card{display:grid;grid-template-columns:96px 1fr;gap:.2rem 1rem;align-items:start;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}
.about-card img{grid-row:1 / span 2;display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--tile-mint)}
.about-card h3{align-self:end;margin:.6rem 0 0}
.about-role{justify-self:start;display:inline-block;background:var(--tile-butter);color:var(--line-ew);font-weight:700;font-size:.85rem;padding:2px 10px;border-radius:999px;margin:.2rem 0 0}
.about-card>p:not(.about-role){grid-column:1 / -1;margin:.6rem 0 0}
.about-grid{display:grid;gap:.75rem;margin-top:1rem}
.about-tile{display:flex;gap:.8rem;align-items:flex-start;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}
.about-tile .about-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:var(--tile);color:var(--tile-ink);flex:0 0 44px}
.about-tile h3{font-size:1.1rem;margin:0 0 .15rem}
.about-tile p{margin:0}
.about-example{display:block;margin-top:.5rem;font-size:.95rem;background:var(--tile-butter);border-radius:10px;padding:.5rem .65rem}
.about-plain{background:var(--soft);border-radius:14px;padding:.85rem 1rem;margin-top:1rem}
.about-srcs{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;margin-top:1rem}
.about-srcs-h{font-weight:700;margin:0 0 .5rem}
.about-srcs table{font-size:.95rem}
.about-srcs th{color:var(--ink);border-bottom-width:2px;padding:.3rem .4rem .3rem 0}
.about-srcs td{padding:.5rem .4rem .5rem 0}
.about-srcs td:last-child,.about-srcs th:last-child{white-space:nowrap}
.about-srcs p:last-child{margin:.7rem 0 0;font-size:.92rem}
.about-btns .btn.secondary{color:var(--brand);border:1.5px solid var(--brand)}
.about-talk{background:var(--tile-mint);border-radius:var(--radius);padding:1.4rem 1.1rem!important;margin-top:2.75rem}
.about-talk p:last-child{margin:0}
.about>.note{border-top:1px solid var(--hair);padding-top:1rem;margin-top:2.5rem}
@media (min-width:700px){
 .about-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:2.5rem}
 .about-stats{grid-template-columns:repeat(4,1fr)}
 .about-steps,.about-topics,.about-grid.about-three{grid-template-columns:repeat(3,1fr)}
 .about-founders,.about-grid{grid-template-columns:1fr 1fr}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 .about-try li a,.about-topic li a{transition:box-shadow .15s ease,transform .15s ease}
 .about-try li a:hover,.about-topic li a:hover{box-shadow:var(--shadow-sm);transform:translateX(2px)}
}
/* One measure for every prose paragraph (ledes, intros, notes); cards and grids keep full width. */
.about section>p,.about-plain,.about>.note{max-width:68ch}
.about-subhead{font-family:'Bricolage Grotesque','Figtree',sans-serif;font-weight:700;font-size:1.25rem;line-height:1.35;max-width:68ch;margin:0 0 .75rem}
.about-strip{list-style:none;margin:1rem 0 0;padding:1rem 1.1rem;display:grid;gap:.75rem;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.about-strip li{display:flex;gap:.7rem;align-items:flex-start}
.about-strip li .ico{color:var(--brand);margin-top:2px}
.about-strip p{margin:0;max-width:68ch}