/* =========================================================
   CONTACT — FOOTER POSITION

   Contact uses the same shared mailing/legal footer layout as the
   rest of the site. On normal desktop heights it sits near the
   bottom of the viewport, lifted slightly for optical balance.
   The contact-details entrance animation remains independent.
   ========================================================= */

@media (min-width: 701px) and (min-height: 761px) {
  .contact-section--utility-only.site-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: clamp(24px, 3vh, 38px);
    width: 100%;
    padding: 0 var(--page-padding);
    z-index: 20;
  }
}


/* =========================================================
   CONTACT — SHORT VIEWPORT SAFETY

   Preserve the fixed/centered desktop composition on normal
   desktop heights. If browser zoom or OS scaling produces a
   short effective viewport, return the same two-column layout
   to normal document flow below the page title so the title and
   form can never collide. The shared footer then follows below.
   ========================================================= */

@media (min-width: 701px) and (max-height: 760px) {
  .contact-main {
    padding-bottom: 80px;
  }

  .contact-layout {
    position: static;

    left: auto;
    top: auto;

    transform: none;

    margin:
      clamp(52px, 8vh, 78px)
      auto
      0;
  }

  .contact-details {
    top: 0;
  }

  .contact-section--utility-only.site-footer {
    position: static;
    padding-top: 56px;
    padding-bottom: 48px;
  }

  #contact-form-status {
    position: static;

    width: auto;

    margin-top: 18px !important;
  }
}

@media (max-width: 700px) {
  .contact-section--utility-only.site-footer {
    position: static;
    padding-top: 42px;
    padding-bottom: 48px;
  }
}