/* Shared HubSpot quote form treatment.
   HubSpot renders the current embed in an iframe, so this styles the
   surrounding card and keeps the embedded form readable at every width. */
.hs-form-frame {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border: 1px solid rgba(41, 38, 32, .14);
  background: #fff;
  box-shadow: 0 18px 44px rgba(41, 38, 32, .08);
}

.hs-form-frame::before {
  display: block;
  height: 3px;
  background: linear-gradient(90deg, var(--copper), #d2bd79 46%, transparent 100%);
  content: "";
}

.hs-form-frame iframe {
  display: block;
  width: 100% !important;
  min-height: 600px;
  border: 0 !important;
  background: #fff;
}

.home-quote-form .shell {
  width: min(100%, 1120px);
}

.home-quote-form .hs-form-frame {
  margin-top: clamp(30px, 4vw, 52px);
}

.home-quote-form .quote-form-noscript {
  margin-top: 24px;
}

.contact-page .quote-form-panel {
  padding: clamp(26px, 4vw, 58px);
  background: linear-gradient(135deg, #fff 0%, #fffdfa 72%, #f4eee2 100%);
}

.contact-page .quote-form-panel .hs-form-frame {
  margin-top: 4px;
}

@media (max-width: 700px) {
  .hs-form-frame {
    min-height: 680px;
  }

  .hs-form-frame iframe {
    min-height: 680px;
  }

  .home-quote-form .hs-form-frame {
    margin-top: 26px;
  }

  .contact-page .quote-form-panel {
    padding: 22px 16px;
  }
}