/* V37 Request a Quote — approved inner-page scale with a clearer form hierarchy. */

.quote-page-v37 {
  background: #f6f1e8;
}

.quote-page-v37 .quote-hero-v37,
.quote-page-v37 .quote-hero-v37 .inner-hero-content {
  min-height: 540px;
}

.quote-page-v37 .quote-hero-v37 .inner-hero-image {
  object-position: center center;
}

.quote-page-v37 .quote-hero-v37 .inner-hero-overlay {
  background:
    linear-gradient(90deg, rgba(3, 31, 36, .96) 0%, rgba(3, 31, 36, .88) 38%, rgba(3, 31, 36, .5) 63%, rgba(3, 31, 36, .16) 100%),
    linear-gradient(0deg, rgba(3, 31, 36, .26), transparent 46%);
}

.quote-page-v37 .quote-hero-v37 .inner-hero-content {
  max-width: none;
  justify-content: center;
  padding-block: 52px;
}

.quote-page-v37 .quote-hero-v37 .breadcrumb {
  margin-bottom: 34px;
}

.quote-page-v37 .quote-hero-v37 h1 {
  max-width: 760px;
  font-size: clamp(46px, 3.8vw, 58px);
  line-height: 1.06;
  letter-spacing: -.025em;
}

.quote-page-v37 .quote-hero-v37 .inner-hero-lead {
  max-width: 720px;
  margin: 22px 0 28px;
  font-size: 16px;
  line-height: 1.7;
}

.quote-page-v37 .quote-section {
  padding-block: 68px 72px;
  background:
    radial-gradient(circle at 5% 13%, rgba(191, 158, 96, .09), transparent 24%),
    #f7f3ec;
}

.quote-page-v37 .quote-layout {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: 7%;
}

.quote-page-v37 .quote-aside .eyebrow {
  margin-bottom: 12px;
}

.quote-page-v37 .quote-aside h2 {
  max-width: 460px;
  font-size: clamp(36px, 3vw, 44px);
  line-height: 1.06;
  letter-spacing: -.018em;
  text-wrap: balance;
}

.quote-page-v37 .quote-aside .line-list {
  margin-top: 24px;
  color: #525b5b;
  font-size: 15px;
  line-height: 1.7;
}

.quote-page-v37 .response-note {
  margin-top: 28px;
  padding: 19px 20px;
  background: rgba(255, 253, 248, .78);
  border: 0;
}

.quote-page-v37 .response-note p,
.quote-page-v37 .contact-note {
  font-size: 15px;
}

.quote-page-v37 .contact-note {
  margin-top: 22px;
}

.quote-page-v37 .quote-form {
  padding: 38px 40px 40px;
  box-shadow: 0 20px 54px rgba(7, 52, 58, .075);
}

.quote-page-v37 .quote-form fieldset {
  margin-bottom: 31px;
  padding-bottom: 29px;
}

.quote-page-v37 .quote-form legend {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.12;
}

.quote-page-v37 .quote-form label {
  gap: 7px;
  margin-bottom: 17px;
  font-size: 14px;
}

.quote-page-v37 .quote-form input,
.quote-page-v37 .quote-form select,
.quote-page-v37 .quote-form textarea {
  min-height: 50px;
  font-size: 15px;
  line-height: 1.5;
}

.quote-page-v37 .quote-form small,
.quote-page-v37 .form-footnote {
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 980px) {
  .quote-page-v37 .quote-layout {
    grid-template-columns: minmax(250px, .65fr) minmax(0, 1.35fr);
    gap: 5%;
  }
}

@media (max-width: 760px) {
  .quote-page-v37 .quote-hero-v37,
  .quote-page-v37 .quote-hero-v37 .inner-hero-content {
    min-height: 540px;
  }

  .quote-page-v37 .quote-hero-v37 .inner-hero-image {
    object-position: 67% center;
  }

  .quote-page-v37 .quote-hero-v37 .inner-hero-overlay {
    background: linear-gradient(180deg, rgba(3, 31, 36, .9), rgba(3, 31, 36, .83) 60%, rgba(3, 31, 36, .76));
  }

  .quote-page-v37 .quote-hero-v37 .inner-hero-content {
    justify-content: flex-end;
    padding-block: 46px;
  }

  .quote-page-v37 .quote-hero-v37 .breadcrumb {
    margin-bottom: 26px;
  }

  .quote-page-v37 .quote-section {
    padding-block: 54px 58px;
  }

  .quote-page-v37 .quote-layout {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .quote-page-v37 .quote-form {
    padding: 28px 22px 30px;
  }

  .quote-page-v37 .quote-form legend {
    font-size: 26px;
  }
}