/* V21 — stable left-aligned hero and stronger CTA typography. */
.sr-hero__content {
  text-align: left;
}

.sr-hero__headline {
  display: block;
  width: min(920px, 100%);
}

.sr-hero__headline h1 {
  width: 100%;
  max-width: 920px;
}

.sr-button {
  font-weight: 700;
}

.sr-button--sand,
.sr-button--sand:visited,
.sr-button--sand:focus,
.sr-button--footer,
.sr-button--footer:visited,
.sr-button--footer:hover,
.sr-button--footer:focus {
  color: var(--sr-forest) !important;
}

@media (max-width: 600px) {
  .sr-hero__headline h1 {
    max-width: 100%;
  }
}