/* ============================================================
   CREATIVE GALLERY — integration overrides
   Hides the app's own nav + contact form + footer (replaced by
   the shared /_shared/navbar.html and /_shared/footer-form.html)
   and reclaims the top spacing that was reserved for its header.
   ============================================================ */

#root > div > header {
  display: none !important;
}

#root > div > div > div:nth-last-child(-n+2) {
  display: none !important;
}

#root > div > div > div:first-child {
  margin-top: 140px !important;
}

/* Hero title — match the Creative Studio hero title size/format */
#root > div > div > div:first-child > div:nth-child(1) {
  font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(34px, 4.2vw, 60px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  width: auto !important;
  max-width: 800px !important;
  margin: 0 auto 20px !important;
}

/* Hero subtitle — match the Creative Studio hero lead size/format */
#root > div > div > div:first-child > div:nth-child(2) {
  font-family: "Poppins", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(15px, 1.2vw, 19px) !important;
  opacity: 0.65 !important;
  width: auto !important;
  max-width: 520px !important;
  line-height: 1.5 !important;
  margin: 0 auto !important;
}

/* Breathing room below the grid/"Load more" button, before the shared contact form */
#root > div > div > div:nth-child(3) {
  padding-bottom: clamp(60px, 8vw, 140px) !important;
}