/* Align the visible lettering, not the transparent image margin. */
.hero-copy h1 { transform: translateX(-8.06%); }
.hero .thought { left: 48.5%; }
.hero .wave {
  display: block;
  bottom: -1px;
  height: 100px;
  z-index: 3;
  pointer-events: none;
}
.trouble {
  background-color: #f0f7f9;
  background-image: linear-gradient(to bottom, #f0f7f9 0, #f0f7f9 100px, #edf3f6ed 280px, #edf3f6f2 100%), url('assets/trouble-bg.webp');
}
.trouble-more { text-align: center; margin: 32px auto 0; }
.trouble-more span { font-family: 'Klee One', serif; font-size: 25px; color: #426773; }
.trouble-more p { margin-top: 12px; line-height: 2; }
.offer { padding-bottom: 100px; }
.routes {
  position: relative;
  background: #fff;
  border-top: 1px solid #cfdfdf;
  padding-top: 100px;
  padding-bottom: 100px;
}
.routes::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 40px;
  background: #9bbbbb;
}
.section-context { text-align: center; color: #53717a; font-size: 14px; margin: 0 0 20px; }
.routes .three-grid article { background: #f0f7f4; border: 1px solid #e1ece7; }
.about-sb { background: #edf4f4; border-top: 1px solid #dce8e7; }
.about-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: center; }
.about-sb .eyebrow, .about-sb h2 { text-align: left; }
.about-sb h2 { margin-bottom: 28px; }
.about-sb p { font-size: 14px; line-height: 2.1; margin-bottom: 20px; }
.about-sb .about-lead { font-size: 18px; font-weight: 600; }
.about-facts { background: #fff; padding: 22px 32px; border-radius: 8px; }
.about-facts > div { display: grid; grid-template-columns: 110px 1fr; gap: 18px; padding: 22px 0; border-bottom: 1px solid #e4ecec; }
.about-facts > div:last-child { border-bottom: 0; }
.about-facts dt { color: #53717a; font-size: 12px; }
.about-facts dd { margin: 0; font-size: 14px; line-height: 1.9; }
@media (max-width: 760px) {
  .hero .thought { left: 6px; }
  .hero .wave { height: 65px; }
  .offer { padding-bottom: 65px; }
  .routes { padding-top: 70px; padding-bottom: 65px; }
  .section-context { font-size: 12px; }
  .about-grid { grid-template-columns: 1fr; gap: 20px; }
  .about-sb .about-lead { font-size: 16px; text-wrap: balance; }
  .about-facts { padding: 12px 20px; }
  .about-facts > div { grid-template-columns: 90px 1fr; gap: 12px; }
  .about-sb p br { display: none; }
}