/* Keep the enquiry entry point visibly connected to the brewery selection. */
.brew-contact .brew-request-summary,
.brew-contact .brew-form-box {
  background: #1b3552;
  border: 1px solid #41628a;
  border-left: 3px solid #84a9ef;
  color: #fff;
}
.brew-contact .brew-form-box { padding: 32px; }
.brew-form-intro { margin-bottom: 24px; }
.brew-form-intro h3 {
  color: #fff;
  font-size: clamp(25px, 2.4vw, 34px);
  font-weight: 500;
  letter-spacing: -.6px;
  line-height: 1.2;
  margin: 0 0 16px;
}
.brew-form-intro p {
  color: #d5e2f2;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}
.brew-form-box .hubspot-inquiry { gap: 24px; }
.brew-form-box .hs-load {
  background: #2563eb;
  border: 1px solid #84a9ef;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  gap: 20px;
  justify-content: space-between;
  justify-self: stretch;
  line-height: 1.5;
  margin-top: 0;
  min-height: 60px;
  padding: 16px 22px;
  text-align: left;
  width: 100%;
}
.brew-form-box .hs-load:hover {
  background: #154dcd;
  border-color: #c3d6fa;
  filter: none;
}
.brew-form-box .hs-load:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}
.brew-form-box .hs-load > span[aria-hidden] { font-size: 24px; line-height: 1; }
.brew-form-box .hubspot-inquiry .form-note,
.brew-form-box .hs-load-status,
.brew-form-box .hs-fallback { color: #d5e2f2; }
.brew-form-box .hubspot-inquiry .form-note { font-size: 13px; line-height: 1.7; }
.brew-form-box .form-note a { color: #fff; text-underline-offset: 3px; }
.brew-form-box .hs-form-frame { background: #fff; border-radius: 0; }
@media (max-width: 1050px) { .brew-contact .brew-form-box { padding: 26px; } }
@media (max-width: 620px) {
  .brew-contact .brew-form-box { padding: 24px 20px; }
  .brew-form-intro h3 { font-size: 28px; }
  .brew-form-intro p { font-size: 15px; }
  .brew-form-box .hs-load { font-size: 15px; padding: 16px; justify-content: space-between; }
}