.accent {
  color: #087f68;
  font-family: Newsreader, Georgia, serif;
  font-size: 1.08em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 0;
  white-space: nowrap;
}

#archive-problem .accent { color: var(--mp-accent, #5cd2bd); }
#top .hero-intro h1,
#promise-title,
#archive-problem .mp-title { overflow: visible; }

#promise {
  background: #fff;
  padding-block: clamp(56px, 7.23vw, 104px);
}
.promise-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 60px;
  align-items: end;
}
#promise-title {
  font-size: clamp(36px, 4.72vw, 68px);
  line-height: 1.03;
  font-weight: 600;
  letter-spacing: -.035em;
  margin-inline-end: -16px;
}
#promise .hero-body { max-width: none; }

@media (max-width: 1100px) {
  .promise-grid { gap: 30px; }
}

@media (min-width: 1200px) {
  #top .hero-intro { min-block-size: 329px; }
  #top .hero-body, #promise .hero-body {
    max-width: none;
    font-size: 19px;
    line-height: 31px;
  }
  #top .hero-actions { margin-top: 26px; }
  #promise { min-block-size: 430px; }
  #promise-title { margin-inline-end: -72px; }
  #promise .hero-body { transform: translateY(12px); }
  #archive-problem .mp-copy { align-self: start; margin-block-start: 8px; }
  #archive-problem .mp-answer {
    max-width: 440px;
    font-size: 19px;
    line-height: 1.6;
  }
}

@media (max-width: 767px) {
  .promise-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }
  #promise-title {
    font-size: clamp(38px, 8vw, 52px);
    margin-inline-end: 0;
  }
  .promise-break { display: none; }
}