/**

 * Contact page — static/screenshots/Contact Page.png

 */



.hmf-page-contact {

  background-color: var(--hmf-color-white);

}



/* ── Hero ─────────────────────────────────────────────────────── */

.hmf-contact-hero {

  background-color: var(--hmf-color-cream);

  padding: 40px 24px 32px;

}



.hmf-contact-hero__inner {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  gap: 24px;

  width: 100%;

  max-width: 760px;

  margin-inline: auto;

}



.hmf-contact-hero__title {

  font-family: var(--hmf-font-heading);

  font-weight: 600;

  font-size: clamp(2.5rem, 6vw, 3.5rem);

  line-height: 1.1;

  color: var(--hmf-color-primary);

  margin: 0;

  text-transform: none;

}



.hmf-contact-hero__subtitle {

  font-family: var(--hmf-font-body);

  font-size: var(--hmf-text-body-lg);

  line-height: var(--hmf-text-body-lg-lh);

  color: var(--hmf-color-grey);

  margin: 0;

}



.hmf-contact-hero__actions {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  gap: 16px;

  width: 100%;

  max-width: 420px;

}



@media (min-width: 768px) {

  .hmf-contact-hero {

    padding-inline: 64px;

  }



  .hmf-contact-hero__actions {

    flex-direction: row;

    justify-content: center;

    max-width: none;

    width: auto;

  }

}



.hmf-contact-hero__btn.hmf-btn--icon {

  text-transform: capitalize;

  letter-spacing: var(--hmf-tracking-btn);

}



.hmf-contact-hero__btn--outline .hmf-btn__label {

  background-color: transparent;

  border: 2px solid var(--hmf-color-primary);

  color: var(--hmf-color-primary);

}



.hmf-contact-hero__btn--outline .hmf-btn__icon img {

  filter: none;

}



@media (max-width: 767.98px) {

  .hmf-contact-hero__actions .hmf-btn--icon {

    width: 100%;

  }



  .hmf-contact-hero__actions .hmf-btn__label {

    flex: 1;

    justify-content: center;

  }

}



/* ── Form section ─────────────────────────────────────────────── */

.hmf-contact-page {

  display: flex;

  justify-content: center;

  padding: 48px 24px 80px;

}



.hmf-contact-page__form-wrap {

  width: 100%;

  max-width: 1040px;

  background-color: var(--hmf-color-cream);

  border-radius: var(--hmf-radius-card, 24px);

  padding: 32px 24px;

}



@media (min-width: 768px) {

  .hmf-contact-page {

    padding: 64px 64px 96px;

  }



  .hmf-contact-page__form-wrap {

    padding: 48px 64px;

  }

}



.hmf-contact-page__note {

  font-family: var(--hmf-font-body);

  font-size: var(--hmf-text-body);

  line-height: 1.5;

  color: var(--hmf-color-grey);

  margin: 0 0 16px;

}



.hmf-page-contact .hmf-form-card--page {

  background: transparent;

  border-radius: 0;

  padding: 0;

  max-width: none;

  margin: 0;

}



.hmf-page-contact .hmf-form-card__actions--end {

  display: flex;

  justify-content: flex-end;

  padding-top: 8px;

}



.hmf-page-contact .hmf-form-card__actions--end .hmf-btn--plain {

  min-width: 140px;

  padding-inline: 40px;

}



@media (max-width: 575.98px) {

  .hmf-contact-page {

    padding: 40px 16px 64px;

  }



  .hmf-contact-page__form-wrap {

    padding: 24px 16px;

  }



  .hmf-page-contact .hmf-form-card__actions--end {

    justify-content: stretch;

  }



  .hmf-page-contact .hmf-form-card__actions--end .hmf-btn--plain {

    width: 100%;

  }

}