.site-footer {
  --prose-aside: 0.9375rem;
  --prose-aside-line-height: 1.6;

  margin-top: 4rem;
  padding-block: 3rem 1rem;
  background-color: var(--color-sand);

  .site-footer-map {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 1fr;

    .site-footer-logo,
    .site-footer-column a {
      color: inherit;
      text-decoration: none;
      &:hover {
        text-decoration: underline;
      }
    }

    @media (min-width: 768px) {
      grid-template-columns: repeat(3, max-content);
      justify-content: space-between;
      column-gap: 2rem;

      .site-footer-brand {
        grid-column: 1 / -1;
      }
    }
    @media (min-width: 992px) {
      grid-template-columns: minmax(0, 29rem) repeat(3, max-content);
      column-gap: 3rem;

      .site-footer-brand {
        grid-column: auto;
      }
    }
  }

  .site-footer-logo {
    font-family: "Inter";
    font-weight: 800;
    font-size: 1.25rem;
  }

  .site-footer-pitch {
    max-width: 60ch;
    margin: 0.75rem 0 0;
    font-size: var(--prose-aside);
    line-height: var(--prose-aside-line-height);
    text-wrap: pretty;

    /* INFO: rr 31aug26 justified without hyphens only holds once the column reaches its full 29rem, which it does from xl up */
    @media (min-width: 1200px) {
      text-align: justify;
    }

    & + .site-footer-pitch {
      margin-top: 0.5rem;
    }
  }

  .site-footer-actions {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }

  .site-footer-social {
    font-size: 1.5rem;
    line-height: 1;
    color: inherit;
    text-decoration: none;
  }

  .site-footer-heading {
    margin: 0 0 0.75rem;
    text-align: start;
    font-family: "Inter";
    font-weight: 800;
    font-size: 0.8125rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-purple);
  }

  .site-footer-contact {
    font-size: var(--prose-aside);
    line-height: var(--prose-aside-line-height);
  }

  .site-footer-column {
    font-size: var(--prose-aside);

    li + li {
      margin-top: 0.4rem;
    }
  }
}