/* Narrow About-page layout correction: preserve the established design and type scale. */
.talkwise-site .page-intro .about-intro-kicker {
  opacity: .76 !important;
}

@media (min-width: 900px) {
  .talkwise-site .phase2-section3__header {
    display: block;
  }

  .talkwise-site .phase2-section3__header .section-label {
    margin-bottom: 22px;
  }

  .talkwise-site .phase2-section3__header h2 {
    margin-bottom: 30px;
  }

  .talkwise-site .phase2-section3__opening {
    max-width: 68ch;
    padding-bottom: 0;
  }

  .talkwise-site .phase2-section3__narrative {
    margin-top: 48px;
  }

  /* The shortened section reads as one balanced editorial thought rather
     than a large heading followed by a stranded line of copy. */
  .talkwise-site #how-i-work {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: center;
    column-gap: clamp(3rem, 7vw, 7rem);
  }

  .talkwise-site #how-i-work h2,
  .talkwise-site #how-i-work > p {
    margin: 0 !important;
  }
}

.talkwise-site .phase2-section3__experience {
  font-size: clamp(1.3rem, 1.7vw, 1.55rem) !important;
  line-height: 1.55 !important;
}

.talkwise-site .phase2-section3__final {
  max-width: 38ch !important;
  font-size: clamp(1.5rem, 2vw, 1.9rem) !important;
  line-height: 1.42 !important;
}

/* Short sections do not need the same display scale as the page's major
   narrative headings. Keep their hierarchy clear without overpowering the
   small amount of supporting copy. */
.talkwise-site #how-i-work h2,
.talkwise-site section[aria-labelledby="earlier-reflections-title"] h2,
.talkwise-site .enquire-section h2 {
  max-width: 22ch;
  font-size: clamp(2.05rem, 3.25vw, 3.25rem) !important;
  line-height: 1.16 !important;
}

@media (max-width: 760px) {
  .talkwise-site .phase2-section3__experience {
    font-size: 1.25rem !important;
  }

  .talkwise-site .phase2-section3__final {
    font-size: 1.45rem !important;
  }

  .talkwise-site #how-i-work h2,
  .talkwise-site section[aria-labelledby="earlier-reflections-title"] h2,
  .talkwise-site .enquire-section h2 {
    font-size: 2.15rem !important;
    line-height: 1.18 !important;
  }
}