/* ========================================
   HOMEPAGE HERO ONLY
======================================== */

body.home .hero {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

body.home .hero .hero-content {
  max-width: 900px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  align-items: center !important;
}

body.home .hero .hero-content h1 {
  max-width: none !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  white-space: normal !important;
}

body.home .hero .hero-content p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .hero .hero-content .wp-block-buttons {
  text-align: center !important;
  justify-content: center !important;
}


/* ========================================
   PRE-HEADERS — ALL PAGES
======================================== */

body .hero-eyebrow {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  text-align: center !important;
}


/* ========================================
   HOMEPAGE HERO LOGOS ONLY
======================================== */

body.home .hero .wp-block-gallery {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 55px !important;
  flex-wrap: nowrap !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .hero .wp-block-gallery figure.wp-block-image {
  width: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

body.home .hero .wp-block-gallery figure.wp-block-image img {
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  flex: none !important;
}


/* ========================================
   HOMEPAGE ARCHITECTURE LOGOS ONLY
======================================== */

body.home .architecture-logos {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 35px !important;
  flex-wrap: nowrap !important;
}

body.home .architecture-logos figure {
  width: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

body.home .architecture-logos img {
  height: 55px !important;
  max-height: 55px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
}


/* ========================================
   SECURE PAGE FULL-WIDTH HERO
======================================== */

.secure-hero-full {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: clamp(24px, 5vw, 96px) !important;
  padding-right: clamp(24px, 5vw, 96px) !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.secure-hero-full > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

.secure-hero-full p {
  max-width: 900px !important;
}


/* ========================================
   TEMPORARILY HIDDEN CONTENT
======================================== */

.temporarily-hidden {
  display: none !important;
}


/* ========================================
   MOBILE ADJUSTMENTS
======================================== */

@media (max-width: 767px) {
  body .hero-eyebrow {
    font-size: 12px !important;
    letter-spacing: 3px !important;
  }

  body.home .hero .wp-block-gallery {
    gap: 24px !important;
    flex-wrap: wrap !important;
  }

  body.home .hero .wp-block-gallery figure.wp-block-image img {
    height: 32px !important;
    max-height: 32px !important;
  }

  body.home .architecture-logos {
    gap: 22px !important;
    flex-wrap: wrap !important;
  }

  body.home .architecture-logos img {
    height: 42px !important;
    max-height: 42px !important;
  }
}