/* About: 5/7 split, portrait bleeding to the left edge on desktop, stats 2x2 in the text column */
.about .sec-head{margin-bottom:clamp(24px,2vw,28px)}
.about .about-ph{width:100%;max-width:420px;margin-inline:auto}
.about .about-ph picture{display:block;height:100%}
.about-txt{min-width:0}
.about .lead{max-width:62ch;font-size:clamp(20px,1.5vw,22px);margin-top:0}
.about .lead+.body{margin-top:14px}
.about .body{font-size:17px;line-height:1.6}
.about .body+.body{margin-top:10px}
.about .about-line{text-wrap:balance}
.about .stats{grid-template-columns:1fr 1fr;column-gap:clamp(16px,2vw,24px);row-gap:12px;margin-top:24px}
.about .stat{padding:10px 16px 0 0;border-top:1px solid var(--accent)}
.about .stat b{font-family:var(--font-display);font-size:clamp(44px,4.6vw,64px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}
.about .stat span{margin-top:6px;font-size:16px;color:var(--mute);max-width:28ch}
@media (min-width:901px){
  .about .split{align-items:start}
  /* the 4:5 ratio from .ph.r45 is dropped so the photo fills its whole 5-col track plus the left bleed */
  .about .ph.about-ph{--bleed:calc(max(0px,(100vw - var(--wrap))/2) + var(--gut));
    grid-column:1/6;justify-self:start;max-width:none;aspect-ratio:auto;height:clamp(460px,39vw,560px);
    width:calc(100% + var(--bleed));margin-left:calc(-1*var(--bleed));border-radius:0 var(--r) var(--r) 0}
  .about-txt{grid-column:6/13;align-self:start;padding-top:0;padding-left:clamp(8px,3.4vw,48px)}
}

.about .nw{white-space:nowrap}