/* About page: crimson intro (heading, photo, pull quote), then the full story on parchment (October 11, 2026). */
.why--intro .why-grid{align-items:center}
.why--intro .why-side{position:static}
.why-story .why-story-copy{max-width:720px;margin-inline:auto;font-size:1.03rem}
.why-story .why-story-copy .angel-story-body{margin-top:0}
.why-story .scroll-cue{margin-inline:auto}
/* Parents' photos start level with the story instead of centering beside it.
   This overrides the leftover align-items:center rule in why-im-running-inline-1.css. */
.father-grid{align-items:start}
/* Desktop: stack the two family photos so they run the length of the story (October 11, 2026). */
@media (min-width:961px){
  #father .father-photos{grid-template-columns:minmax(0,1fr);max-width:400px}
}
/* Preserve the original visual sizing of the label and story title after the semantic heading swap. */
#why-im-running h1.docket{line-height:1.65;margin:0}
#why-im-running h2.page-h1{font-size:clamp(2.1rem,4.5vw,3.5rem);font-weight:900;line-height:1.12;margin-top:0}
@media(max-width:760px){#why-im-running h2.page-h1{font-size:2rem}}
@media(max-width:560px){#why-im-running h1.docket{line-height:1.4;margin-bottom:.38rem}}