/* About 18 — mobile only: match Blog / FAQ hero typography and compact height */
@media(max-width:900px){
  .about-page > .about-hero{
    min-height:540px!important;
    padding:100px 0 68px!important;
  }

  .about-page > .about-hero .about-hero-inner h1{
    font-size:clamp(2.45rem,9vw,3.45rem)!important;
    line-height:1.08!important;
    letter-spacing:-.045em!important;
    margin:14px 0 20px!important;
  }

  .about-page > .about-hero .about-hero-inner p{
    font-size:1rem!important;
    line-height:1.85!important;
    max-width:100%!important;
  }
}

@media(max-width:620px){
  .about-page > .about-hero{
    min-height:500px!important;
    padding:82px 0 56px!important;
  }

  .about-page > .about-hero .about-hero-inner h1{
    font-size:clamp(2.25rem,10vw,3rem)!important;
    line-height:1.08!important;
    margin:12px 0 18px!important;
  }

  .about-page > .about-hero .about-hero-inner p{
    font-size:.98rem!important;
    line-height:1.8!important;
  }
}

/* Final mobile-only About story title alignment/punctuation */
.about-page .about-story .about-title-bang{display:none;}

@media (max-width:900px){
  .about-page .about-story .about-story-grid > div:first-child h2{
    text-align:center!important;
    margin-inline:auto!important;
  }

  .about-page .about-story .about-title-dot{
    display:none!important;
  }

  .about-page .about-story .about-title-bang{
    display:inline-block!important;
    font-size:1em!important;
    line-height:1!important;
    margin-inline-start:2mm!important;
    transform:translateY(.02em) scaleY(.84)!important;
    transform-origin:center center!important;
    vertical-align:baseline!important;
  }

  .about-page .about-story .about-story-line1,
  .about-page .about-story .about-story-line2{
    display:inline!important;
  }
}