/* Only the home and About mobile introductions use these rules. */
.about-mobile-enquiry { display: none; }
.home-v2 .hero-credentials .credential-founder {
  display: inline;
  font: inherit;
  color: inherit;
  margin: 0;
}

@media (max-width: 620px) {
  body.home-v2 .home-hero { padding-top: 1.25rem; }
  body.home-v2 .home-hero .home-hero-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
  }
  body.home-v2 .home-hero .home-hero-copy { display: contents; }
  body.home-v2 .home-hero .home-hero-copy > * { grid-column: 1; }
  body.home-v2 .home-hero .home-hero-copy > .kicker {
    grid-row: 1;
    margin: 0;
  }
  body.home-v2 .home-hero .home-hero-copy h1 {
    grid-row: 2;
    margin: 0;
    max-width: none;
    font-size: clamp(1.75rem, 8.4vw, 2.125rem);
    line-height: 1.12;
  }
  body.home-v2 .home-hero .home-hero-art {
    grid-column: 1;
    grid-row: 3;
    width: min(100%, clamp(210px, calc(75svh - 280px), 300px));
    max-width: none;
    margin: 0;
    justify-self: center;
  }
  body.home-v2 .home-hero .home-hero-art img {
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: contain;
  }
  body.home-v2 .home-hero .hero-credentials {
    position: absolute;
    left: .625rem;
    right: .625rem;
    bottom: .625rem;
    margin: 0;
    max-width: none;
    padding: .45rem .625rem;
    text-align: left;
    border-radius: 14px;
  }
  body.home-v2 .home-hero .hero-credentials strong { font-size: 1.125rem; line-height: 1.15; }
  body.home-v2 .home-hero .hero-credentials span { font-size: .75rem; line-height: 1.3; margin: .15rem 0; }
  body.home-v2 .home-hero .hero-credentials small { font-size: .72rem; line-height: 1.3; }
  body.home-v2 .home-hero .hero-credentials .credential-founder { display: none; }
  body.home-v2 .home-hero .home-hero-copy > .home-hero-actions {
    grid-row: 4;
    width: 100%;
    margin: 0;
  }
  body.home-v2 .home-hero .home-hero-copy > .home-hero-lead {
    grid-row: 5;
    max-width: none;
    margin: .25rem 0 0;
  }
  body.home-v2 .home-hero .home-hero-copy > .home-hero-note { grid-row: 6; }

  body.about-v2 main > .sec { padding-top: 1.25rem; }
  body.about-v2 main > .sec > .wrap {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
  }
  body.about-v2 main > .sec > .wrap > h1 {
    grid-column: 1;
    grid-row: 1;
    max-width: none;
    font-size: clamp(1.75rem, 8.4vw, 2.125rem);
    line-height: 1.12;
  }
  body.about-v2 .about-layout > div:first-child {
    display: block;
    position: relative;
    top: auto;
    grid-column: 1;
    grid-row: 2;
    width: min(100%, clamp(210px, calc(75svh - 280px), 300px));
    max-width: none;
    margin: 0;
    justify-self: center;
  }
  body.about-v2 .about-photo { width: 100%; }
  body.about-v2 .about-photo img {
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: contain;
  }
  body.about-v2 .about-credential-card {
    position: absolute;
    left: .625rem;
    right: .625rem;
    bottom: .625rem;
    margin: 0;
    padding: .45rem .625rem;
    border-radius: 14px;
  }
  body.about-v2 .about-credential-card span { display: none; }
  body.about-v2 .about-credential-card strong { font-size: 1.125rem; line-height: 1.15; margin: 0 0 .15rem; }
  body.about-v2 .about-credential-card small { font-size: .72rem; line-height: 1.3; }
  body.about-v2 .about-mobile-enquiry {
    display: flex;
    grid-column: 1;
    grid-row: 3;
    justify-content: center;
    width: 100%;
  }
  body.about-v2 .about-body {
    grid-column: 1;
    grid-row: 4;
    margin-top: 1rem;
  }
}