/* An illustrated introduction, kept deliberately short. */
.about-hero { padding-bottom:0; overflow:hidden }
.about-hero .btn { margin-top:12px }
.about-hero__scene { width:100%; max-width:1440px; margin:12px auto 0 }
.about__story { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:100px; max-width:1080px }
.about__story h2 { font-size:clamp(2rem,3.5vw,2.8rem) }
.about__story p:not(.eyebrow) { color:var(--color-text-muted) }
.about__illustration { display:grid; justify-items:center; background:var(--color-sage); border-radius:50%; aspect-ratio:1; padding:18px }
.about__illustration img { width:260px }
.about__illustration span { font-family:Georgia,serif; font-style:italic; font-size:1.15rem; margin-top:-18px; transform:rotate(-6deg) }
@media(max-width:700px) {
  .about__story { grid-template-columns:1fr; gap:40px }
  .about__illustration { width:270px; margin:auto }
  .about__illustration img { width:210px }
  .about-hero__scene { width:150%; max-width:none; margin-left:-25%; margin-top:32px }
}