:root {
  --section-space: clamp(56px, 7vw, 96px);
  --section-space-tight: clamp(40px, 5vw, 72px);
  --section-title-gap: clamp(24px, 4vw, 40px);
}

.countdown-section {
  margin-bottom: 0;
  padding-block: var(--section-space-tight);
}

.signup-section,
.carousel-section,
.tsr-section,
.partners-section {
  padding-block: var(--section-space);
}

.carousel-title,
.tsr-title,
.partners-title {
  margin-top: 0;
  margin-bottom: var(--section-title-gap);
}

.tsr-paragraph:last-child {
  margin-bottom: 0;
}

.footerBackground {
  padding-block: var(--section-space-tight);
}

.container-footer {
  row-gap: 32px;
}

@media (max-width: 768px) {
  :root {
    --section-space: clamp(40px, 10vw, 64px);
    --section-space-tight: clamp(32px, 8vw, 56px);
    --section-title-gap: clamp(20px, 5vw, 32px);
  }

  .container-footer {
    row-gap: 24px;
  }
}

@media (max-width: 480px) {
  :root {
    --section-space: clamp(28px, 10vw, 40px);
    --section-space-tight: clamp(24px, 8vw, 36px);
    --section-title-gap: 18px;
  }

  .container-footer {
    row-gap: 20px;
  }
}