/* Compact layout overrides — keep the original visual system, reduce empty vertical travel. */

section{
  padding: clamp(32px, 4.5vw, 54px) 0;
}

.hero-section{
  padding-top: clamp(48px, 7vw, 78px);
  padding-bottom: clamp(42px, 6vw, 68px);
}

.badge-section{
  padding: clamp(20px, 3vw, 34px) 0;
}

.badge-container{
  padding: 8px 20px;
}

.section-intro{
  margin-bottom: 18px;
}

.big-statement{
  margin-bottom: 18px;
}

.section-closer{
  margin-top: 18px;
}

/* Treat Contact + footer as one compact closing block. */
.contact-section{
  padding-top: clamp(30px, 4vw, 46px);
  padding-bottom: clamp(18px, 2.5vw, 28px);
}

.contact-email{
  margin: 12px 0;
}

.contact-note{
  margin-top: 8px;
  margin-bottom: 10px;
}

.contact-section .section-closer{
  margin-top: 10px;
}

.site-footer{
  padding: clamp(22px, 3vw, 34px) 0;
}

.footer-nav{
  margin: 10px 0 14px 0;
}

.footer-links{
  gap: 8px;
}

.footer-links a{
  padding: 7px 8px;
}

.legal-text{
  margin: 8px 0;
}

.copyright{
  margin: 6px 0;
}

.footer-final{
  margin-top: 10px;
}

.footer-tagline-final{
  margin-top: 8px;
}

@media (max-width: 640px){
  section{
    padding: 28px 0;
  }

  .hero-section{
    padding-top: 38px;
    padding-bottom: 34px;
  }

  .badge-section{
    padding: 16px 0;
  }

  .contact-section{
    padding-top: 26px;
    padding-bottom: 14px;
  }

  .site-footer{
    padding: 20px 0 24px;
  }
}