/* About: editorial composition using the shared FormCheck design system. */
.about-hero.block{padding-block:var(--hero-space)}
.about-hero h1{max-width:1100px}
.about-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(28px,6vw,96px);align-items:start;margin-top:32px}
.about-opening .lead{margin:0;max-width:52ch}
.about-definition{border-left:1px solid var(--cyan);padding-left:24px;
  color:var(--muted);font-size:16px;max-width:44ch}
.about-why,.about-sharing,.about-audience,.about-trust{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,6vw,96px);
  align-items:start;border-top:1px solid var(--line)}
.about-why{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}
.about-page h2{font-size:clamp(28px,3vw,42px);line-height:1.16}
.about-prose{max-width:56ch}
.about-prose p{color:var(--muted);font-size:16px;margin-top:18px}
.about-sharing .about-prose p:first-child{margin-top:0}
.about-photo{max-width:480px;min-width:0}
.about-photo picture{display:block;aspect-ratio:1.4;overflow:hidden;border-radius:12px}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-photo figcaption{margin-top:12px;font-size:12px;color:var(--muted)}
.about-foundations,.about-training,.about-connections,.about-map{border-top:1px solid var(--line)}
.about-training{background:var(--panel)}
.about-thread{display:flex;align-items:baseline;flex-wrap:wrap;gap:20px 36px;
  list-style:none;padding:0;margin:32px 0 0;font-family:var(--disp);
  font-size:clamp(20px,2.1vw,28px);text-transform:uppercase}
.about-thread li{position:relative;min-width:0}
.about-thread li:not(:last-child)::after{content:'→';position:absolute;right:-27px;color:var(--cyan-hi)}
.about-thread li:last-child{padding-left:18px;border-left:1px dashed var(--cyan)}
.about-thread span{display:block;font-family:var(--body);font-size:11px;
  text-transform:none;color:var(--muted);margin-bottom:6px}
.about-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,6vw,96px);margin-top:32px}
.about-two-columns article{min-width:0;padding-top:24px;border-top:1px solid var(--line)}
.about-two-columns h3{font-size:26px;line-height:1.25}
.about-two-columns p{max-width:56ch;color:var(--muted);font-size:16px;margin-top:16px}
.about-two-columns .text-link,.about-prose .text-link{margin-top:12px}
.about-page .about-note{margin-top:16px;color:var(--muted);font-size:13px;max-width:70ch}
.about-sharing{background:linear-gradient(135deg,#102A35,var(--panel))}
.about-sharing h2{font-size:clamp(34px,3.8vw,54px)}
.about-audience-list{list-style:none;padding:0;margin:0;color:var(--muted);font-size:16px}
.about-audience-list li{padding:16px 0;border-bottom:1px solid var(--line)}
.about-audience-list li:first-child{padding-top:0}
.about-ecosystem{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(28px,5vw,72px);margin-top:32px}
.about-athlete-map{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.about-athlete-map .kicker,.about-coach-map .kicker{margin-bottom:8px}
.about-map-brand{display:inline-flex;align-items:center;gap:18px;min-height:44px;
  font-family:var(--disp);font-weight:500;font-size:clamp(26px,2.5vw,36px);
  line-height:1.25;text-transform:uppercase;text-decoration:none}
.about-map-brand span,.about-map-links span{color:var(--cyan-hi);flex:none}
.about-map-brand:hover,.about-map-links a:hover{color:var(--cyan-hi);text-decoration:underline}
.about-map-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:24px}
.about-map-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:60px;padding-block:12px;border-top:1px solid var(--line);font-size:15px;text-decoration:none}
.about-coach-map{align-self:center;padding-left:24px;border-left:1px solid var(--cyan);min-width:0}
.about-map-bridge{font-size:13px;color:var(--cyan-hi);max-width:30ch;margin-bottom:24px}
.about-coach-map>p:last-child{margin-top:14px;font-size:15px;color:var(--muted);max-width:43ch}
.about-trust-links{display:flex;flex-wrap:wrap;gap:0 24px}
.about-close{background:radial-gradient(ellipse at 50% 100%,rgba(16,169,183,.1),transparent 70%)}
@media (max-width:900px){
  .about-opening,.about-why,.about-sharing,.about-audience,.about-trust{grid-template-columns:1fr;gap:28px}
  .about-definition{max-width:65ch}
  .about-photo{max-width:560px}
  .about-ecosystem{grid-template-columns:1fr;gap:28px}
  .about-map-bridge{max-width:none;margin-bottom:18px}
}
@media (max-width:600px){
  .about-hero h1{font-size:clamp(32px,8vw,44px)}
  .about-opening{margin-top:24px;gap:24px}
  .about-definition{padding-left:18px;font-size:15px}
  .about-two-columns{grid-template-columns:1fr;gap:28px;margin-top:28px}
  .about-thread{display:block;font-size:23px;margin-top:24px}
  .about-thread li{padding-bottom:28px}
  .about-thread li:not(:last-child)::after{content:'↓';left:0;right:auto;bottom:-2px;font-size:18px}
  .about-thread li:last-child{padding-bottom:0;margin-top:8px}
  .about-photo picture{aspect-ratio:1.6}
  .about-athlete-map{padding:20px}
  .about-map-links{grid-template-columns:1fr;margin-top:18px}
  .about-coach-map{padding-left:18px}
  .about-trust-links{align-items:flex-start;flex-direction:column}
}