.brew-contact { row-gap: 24px; align-items: start; }
.brew-contact-overview { grid-column: 1; grid-row: 1; }
.brew-contact .brew-form-box { grid-column: 2; grid-row: 1 / span 2; }
.brew-contact-direct { grid-column: 1; grid-row: 2; }
.brew-contact-intro > p { max-width: 430px; color: #bfccdb; line-height: 1.65; }
.brew-contact-selection .brew-transfer-status:empty { display: none; }
.brew-contact .brew-form-box .hs-form-frame { padding: 0; }
.brew-form-box[data-form-ready="true"] .brew-form-intro { display: none; }
.brew-form-box[data-form-ready="true"] .hs-form-frame { order: 0; }
.brew-form-box[data-form-ready="true"] .hs-load-status { order: 1; }
.brew-form-box[data-form-ready="true"] .form-note { order: 2; }
.brew-form-box[data-form-ready="true"] .hs-fallback { order: 3; }
.brew-form-box { scroll-margin-top: 104px; }
.brew-form-selection { display: none; }
@media (max-width: 900px) {
  .brew-contact { display: flex; flex-direction: column; gap: 24px; align-items: stretch; }
  .brew-contact-overview { display: contents; }
  .brew-contact-intro { order: 0; }
  .brew-contact-selection { order: 1; }
  .brew-contact .brew-form-box { order: 2; }
  .brew-contact-direct { order: 3; border-top: 1px solid #41628a; padding-top: 24px; }
  .brew-contact-intro h2 { font-size: 34px; line-height: 1.15; margin: 12px 0 18px; }
  .brew-contact-intro > p:last-child { font-size: 16px; line-height: 1.65; margin-bottom: 0; }
  .brew-contact-selection .brew-request-summary { margin: 0; padding: 16px; }
  .brew-contact-selection .brew-request-summary p { font-size: 14px; line-height: 1.7; }
  .brew-contact-selection .brew-transfer-status { margin: 10px 0 0; font-size: 13px; line-height: 1.6; }
  .brew-contact-direct .contact-mail { font-size: 22px; }
  .brew-contact-direct > a,.brew-contact-direct p a { display: inline-flex; align-items: center; min-height: 44px; }
  .brew-contact .brew-form-box {
    width: auto; max-width: none;
    margin-inline: -16px;
    padding: 24px 0;
    border-left: 0; border-right: 0;
    scroll-margin-top: 92px;
  }
  .brew-contact .brew-form-intro { margin-bottom: 18px; padding-inline: 24px; }
  .brew-contact .brew-form-intro h3 { font-size: 26px; margin-bottom: 12px; }
  .brew-contact .brew-form-intro p { font-size: 15px; line-height: 1.6; }
  .brew-form-selection:not([hidden]) { display: block; margin: 0 24px 18px; padding: 12px; border: 1px solid #6c8bb4; background: #112742; }
  .brew-form-selection summary { min-height: 44px; cursor: pointer; color: #d5e2f2; font-size: 12px; line-height: 1.6; }
  .brew-form-selection-brief { display: block; margin-top: 4px; color: #fff; font-size: 14px; font-weight: 600; }
  .brew-form-selection-brief > span { display: inline-block; max-width: 100%; }
  .brew-form-selection > p { margin: 12px 0 0; border-top: 1px solid #41628a; padding-top: 12px; font-size: 13px; line-height: 1.7; color: #e2ecfc; white-space: pre-line; }
  .brew-contact .hubspot-inquiry { gap: 16px; }
  .brew-contact .hubspot-inquiry > .hs-load,
  .brew-contact .hubspot-inquiry > .form-note,
  .brew-contact .hubspot-inquiry > .hs-load-status,
  .brew-contact .hubspot-inquiry > .hs-fallback { width: calc(100% - 48px); margin-inline: 24px; }
  .brew-contact .hubspot-inquiry > .form-note { font-size: 12px; line-height: 1.7; }
  .brew-contact .hubspot-inquiry .hs-load { min-height: 56px; font-size: 16px; }
  .brew-contact .hs-form-frame { min-width: 0; }
}
@media (max-width: 620px) { .brew-contact .brew-form-box { scroll-margin-top: 84px; } }