@layer components {
.site-footer {
  padding-block: var(--section-pad) var(--space-xl);
}

.site-footer__inner {
  display: grid;
  gap: var(--space-lg);
  align-items: center;
}

.site-footer__logo {
  display: block;
  inline-size: var(--logo-w);
}

.site-footer__text {
  max-inline-size: 58.625rem;
}

.site-footer__links,
.site-footer__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 clamp(1.5rem, 0.6rem + 2.4vw, 3rem);
}

.site-footer__links {
  margin-block-start: var(--space-xs);
}

.site-footer__link {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
  text-decoration: underline;
}

.site-footer__link:hover {
  color: var(--color-purple);
}

@media (min-width: 56.25em) {
  .site-footer__inner {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: clamp(3rem, 1rem + 10vw, 12.9375rem);
  }
}
}