/* ==========================================================================
   Shared section blocks
   ========================================================================== */

/* Intro block on white (Band, 404) */
.intro {
  padding: 120px 0 64px;
}
.intro .lead {
  max-width: 788px;
  margin: 32px auto 0;
}
.intro .lead + .lead { margin-top: 30px; }
.intro .btn { margin-top: 32px; }
.intro--center { text-align: center; }

/* --------------------------------------------------------------------------
   CTA — "Got a stage for 7PF2P?"  (id="contact" on every page)
   -------------------------------------------------------------------------- */
.cta {
  padding: 196px 0 197px;
  text-align: center;
}
.cta .lead-dark { margin-top: 32px; }
.cta .btn { margin-top: 40px; }
/* Media: dark block must exceed the viewport height, otherwise white shows at the top when scrolled to the end */
body[data-page="media"] .cta { padding-top: 296px; }

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.site-footer {
  border-top: 1px solid var(--c-white-20);
  color: var(--c-white);
}
.site-footer__links {
  display: flex;
  gap: 40px;
  padding-top: 32px;
  font-size: 15px;
  line-height: normal;
  font-weight: 300;
}
.site-footer__links a { transition: color 0.2s var(--ease); }
.site-footer__links a:hover { color: var(--c-white-70); }

.site-footer__meta {
  display: flex;
  justify-content: space-between;
  margin-top: 184px;
  color: var(--c-footer-gray);
  font-size: 13px;
  line-height: 30px;
}
.site-footer__meta b { font-weight: 700; }
.site-footer__cover {
  display: block;
  width: 100%;
  height: 80px;
  margin-top: 24px;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .intro { padding: 120px 0 64px; }
  .cta { padding: 193px 0 196px; }
  .cta .lead-dark { margin-top: 32px; }

  .site-footer__links { justify-content: center; }
  .site-footer__meta {
    flex-direction: column;
    align-items: center;
    gap: 3px;
    margin-top: 131px;
    font-size: 11px;
    text-align: center;
  }
  .site-footer__cover { margin-top: 25px; }
}