.route,
.button,
.badge,
.intent-strip,
.feature {
  color: var(--deep);
}

.feature .eyebrow {
  color: #4b1705;
}

.brand-grid span:nth-child(2),
.brand-grid span:nth-child(5),
.brand-grid span:nth-child(9) {
  color: #9b340d;
}

.pin b {
  color: var(--deep);
}

@media (max-width: 680px) {
  html,
  body {
    overflow-x: hidden;
  }

  .intro > *,
  .section-head > * {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .hero-copy h1 {
    font-size: clamp(2.55rem, 11.8vw, 3.6rem);
  }
}