/* Keep the About story copy consistent with the site's primary type system. */
.about-chat .heading-27 {
  color: #02114a;
  font-family: Proxima Nova, Inter, sans-serif;
}

.about-chat .paragraph-17 {
  color: #34445f;
  font-family: Proxima Nova, Inter, sans-serif;
  font-size: 18px;
  line-height: 1.55;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .about-chat .heading-27 {
    font-size: clamp(18.5px, calc(6.44px + 1.57vw), 22px);
    line-height: 1.3;
  }

  .about-chat .paragraph-17 {
    font-size: clamp(11.75px, calc(1.42px + 1.345vw), 14.75px);
    line-height: 1.45;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .about-chat > .container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .about-chat .about-chat-inner,
  .about-chat .about-chat-inner.mb-0 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .about-chat .about-chat-inner.mb-0 .about-chat-left {
    order: 0;
  }

  .about-chat .about-chat-inner.mb-0 .about-bio-frame {
    order: 1;
  }

  .about-chat .heading-27 {
    font-size: clamp(26px, 3.65vw, 28px);
    line-height: 1.18;
    text-transform: none;
  }

  .about-chat .about-bio-frame {
    margin-top: 0;
  }
}
