/* premium-footer.css — one shared site footer for every page.
 *
 * The About page shipped a nice 5-column footer, but that layout lived in
 * premium-about.css scoped to .about-page, so index and service fell back to a
 * different base layout. This file promotes that 5-column footer to a global,
 * page-agnostic rule set so the footer — columns, alignment and the contact row
 * — is identical everywhere. It is loaded last; the `.site-footer` scope keeps
 * specificity above the base premium-home footer rules so these win at every
 * breakpoint. Shipping it as a new file keeps it cache-safe and reversible.
 */

/* Desktop: brand + 4 columns (Operations · Company · Resources · Let's talk). */
.site-footer .footer-grid {
  grid-template-columns: 1.35fr repeat(4, minmax(0, 0.68fr));
  gap: clamp(28px, 3vw, 54px);
  padding-bottom: 58px;
}
.site-footer .footer-brand > p {
  max-width: 330px;
}
/* Make the contact block a normal 5th column on desktop. */
.site-footer .footer-contact {
  display: block;
  grid-column: auto;
  padding-top: 0;
  border-top: 0;
}

/* Tablet/laptop: brand full width, three link columns, contact as its own row. */
@media (max-width: 1120px) {
  .site-footer .footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .site-footer .footer-brand,
  .site-footer .footer-contact {
    grid-column: 1 / -1;
  }
  .site-footer .footer-contact {
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 20px;
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
}

@media (max-width: 760px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr;
  }
  .site-footer .footer-contact {
    grid-template-columns: 1fr;
  }
}