.offer-guarantee,
.offer-build-only {
  max-width: 72rem;
  margin: 1.25rem auto;
  padding: 1.1rem 1.3rem;
  border: 1px solid rgba(142, 100, 25, .35);
  border-radius: 1rem;
  background: #fff4d5;
  color: #28251f;
  box-shadow: 0 8px 24px rgba(60, 45, 15, .08);
}
.offer-guarantee strong,
.offer-build-only h2 { display: block; margin: 0 0 .35rem; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.2; }
.offer-guarantee p,
.offer-build-only p { margin: .35rem 0; line-height: 1.55; }
.offer-guarantee a,
.offer-build-only a { color: #603c00; text-decoration: underline; text-underline-offset: .15em; }
.offer-build-only .button { display: inline-flex; margin-top: .65rem; text-decoration: none; }
.offer-build-only a.button-dark { color: #fff; }
.offer-build-only small { display: block; margin-top: .65rem; line-height: 1.5; }
.offer-preview-note { margin: .7rem 0; max-width: 60rem; line-height: 1.55; }
.hero.wrap {
  height: auto;
  min-height: 100svh;
  max-height: none;
  justify-content: flex-start;
  padding-bottom: 140px;
}
@media (max-width: 640px) {
  .offer-guarantee,
  .offer-build-only { margin: 1rem auto; padding: 1rem; }
}
@media (max-width: 700px) {
  .hero.wrap {
    height: auto;
    min-height: 100svh;
    max-height: none;
    padding: 170px 20px 48px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .hero-copy { padding-top: 0; }
  .hero .wing-caption,
  .hero .scroll-cue {
    position: relative;
    inset: auto;
    width: 100%;
    z-index: 3;
  }
  .hero .wing-caption { justify-content: flex-end; margin-top: 24px; }
  .hero .scroll-cue { align-self: flex-start; margin-top: 12px; }
}