/* v26: exclusively the About page on phones. All other layouts untouched. */
@media screen and (max-width:599px) {
  body .wrap:has(> .about) {
    width:calc(100% - 56px)!important;
    max-width:480px!important;
    margin-inline:auto!important;
  }
  body .wrap:has(> .about) > .pagehead {
    padding-top:8px!important;
    padding-bottom:18px!important;
  }
  body .wrap:has(> .about) > .pagehead h1 {
    font-size:clamp(23px,6.2vw,28px)!important;
    line-height:1.16!important;
    margin:7px 0 8px!important;
  }
  body .wrap:has(> .about) > .pagehead .eyebrow {
    font-size:8px!important;
  }
  body .wrap:has(> .about) > .about {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;
    padding-bottom:45px!important;
  }
  body .wrap:has(> .about) > .about > img {
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:410px!important;
    object-fit:contain!important;
    object-position:center top!important;
    margin:0 auto!important;
  }
  body .wrap:has(> .about) > .about > .about-copy {
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body .wrap:has(> .about) > .about > .about-copy p {
    font-size:12px!important;
    line-height:1.62!important;
    margin-bottom:12px!important;
  }
  body .wrap:has(> .about) .privacy {
    margin-top:22px!important;
    padding-top:20px!important;
  }
  body .wrap:has(> .about) .privacy h3 {
    font-size:14px!important;
    line-height:1.35!important;
  }
}