.public-compact-footer .newsletter-signup {
  background:
    radial-gradient(circle at 88% 18%, rgba(242, 194, 85, .1) 0 6rem, transparent 6.1rem),
    linear-gradient(135deg, #123321, var(--ink) 58%, #214c35);
  gap: clamp(1.75rem, 3.5vw, 3.25rem);
  padding: clamp(2.75rem, 4vw, 4.25rem) 6vw;
}

.public-compact-footer .newsletter-signup h2 {
  margin: .6rem 0 .8rem;
}

.public-compact-footer .newsletter-signup-copy > p:last-child {
  color: rgba(255, 255, 255, .76);
  margin-bottom: 0;
}

.public-compact-footer .newsletter-form {
  gap: .78rem;
}

.public-compact-footer footer {
  background:
    linear-gradient(135deg, rgba(242, 194, 85, .045), transparent 46%),
    #102f21;
  border-top: 4px solid var(--coral);
  gap: 1.3rem;
  padding: 2.65rem 6vw 1.4rem;
}

.public-compact-footer footer > div {
  gap: 1rem 1.25rem;
}

.public-compact-footer footer small {
  padding-top: 1rem;
}

.public-compact-footer.catalogue-page .catalogue-list {
  padding-bottom: clamp(3rem, 4vw, 4.5rem);
}

@media (max-width: 820px) {
  .public-compact-footer .newsletter-signup {
    gap: 1.65rem;
    padding: 3rem 6vw;
  }

  .public-compact-footer footer {
    gap: 1.2rem;
    padding: 2.6rem 1.25rem 1.4rem;
  }

  .public-compact-footer.catalogue-page .catalogue-list {
    padding-bottom: 3rem;
  }
}

@media (max-width: 560px) {
  .public-compact-footer .newsletter-signup {
    padding: 2.65rem 1.25rem;
  }
}