/* Responsive tweaks */
@media(max-width:960px){
  .nav{display:none}
  .hamburger{display:grid}
  .hero{min-height:80vh}
  .hero__content{padding:5rem 0 3rem}
  .hero__stats{gap:1.5rem}
  .section{padding:3.5rem 0}
  .form{padding:1.75rem}
}
@media(max-width:640px){
  .navbar{padding:.75rem 0}
  .navbar__inner{padding:.5rem .6rem .5rem .75rem}
  .brand__text .name{font-size:.85rem}
  .brand__logo{width:38px;height:38px}
  .hero__stat .num{font-size:1.7rem}
  .event{grid-template-columns:88px 1fr;gap:1rem;padding:1rem}
  .event__date .d{font-size:1.5rem}
  .float-btn{width:48px;height:48px}
}
@media(min-width:1400px){
  .container{max-width:1320px}
}