/* ==========================================================================
   Site footer
   --------------------------------------------------------------------------
   One footer for every page: the front page and the four case studies all
   end on the same <footer class="site-footer">.

   Framer ships its own footer element inside the hydrated tree. It can't be
   moved — hydration expects it where it is and duplicates it if it isn't —
   and on the case studies it landed before the pitch section, reading as
   buried mid-page rather than as an ending. So it stays put and stays
   hidden, and this element is appended after the page's last section,
   outside the hydrated tree, where it is safe to place freely.

   These rules previously lived in pitch-section.css under the name
   .pitch-footer, which only ever applied to the case studies. The front
   page loaded that stylesheet for its process section, so the hide rule
   ran there too and removed its footer with nothing to put back.
   ========================================================================== */

footer[data-framer-name="Desktop and Tablet"] {
  /* !important because Framer's own two-class rule for this element
     (.framer-4tX5c.framer-hhzb4o { display: flex }) outranks a single
     attribute selector on specificity alone, regardless of load order */
  display: none !important;
}

.site-footer {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 56px 16px 72px;
  text-align: center;
  /* matches the site's own footer text exactly — same preset (b6FC9IuvV)
     as the work cards' year/category labels, down to the 15px leading */
  font-family: 'Inter Display', 'Inter Display Placeholder', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 15px;
  color: var(--token-a6b9dd68-a1cb-491e-bd6a-fb24b574eb34, #85858f);
}

.site-footer a {
  color: inherit;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

@media (min-width: 810px) {
  .site-footer {
    padding-left: 24px;
    padding-right: 24px;
  }
}