@media (max-width:1024px){
  #menu{gap:1rem;font-size:.85rem}
  .gallery{grid-template-columns:repeat(3,1fr)}
  .bk-grid,.two{grid-template-columns:1fr}
}
@media (max-width:820px){
  #navbar{padding:.8rem 1.1rem}
  #burger{display:block;order:3}
  #navbar>.btn{margin-left:auto;padding:.7rem 1.1rem;font-size:.85rem}
  #menu{position:fixed;inset:0 0 0 auto;width:min(78vw,320px);flex-direction:column;justify-content:center;gap:1.6rem;padding:2rem;font-size:1.3rem;background:rgba(7,18,46,.97);backdrop-filter:blur(20px);transform:translateX(100%);transition:transform .35s}
  #navbar.open #menu{transform:none}
  #navbar.open #burger span:first-child{transform:translateY(4px) rotate(45deg)}
  #navbar.open #burger span:last-child{transform:translateY(-4px) rotate(-45deg)}
  #burger{position:relative;z-index:2}
  .sec{padding:4rem 0}
  .events{grid-template-columns:1fr}.event.big{grid-row:auto}.event.big h3{font-size:2.4rem}
  .foot{grid-template-columns:1fr}
  .court-lines{opacity:.5;right:-30%}
}
@media (max-width:560px){
  .hero-btns .btn{width:100%;min-height:52px}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.g0{grid-column:span 2}.g4{grid-column:span 2}
  .stats{gap:1.6rem}.stats b{font-size:2.8rem}
  .slots{grid-template-columns:repeat(3,1fr)}
  .slot{min-height:64px}
  .steps span{font-size:.62rem}
  .court-pick{grid-template-columns:1fr}
  .slider{min-height:290px;padding:1.6rem}.slide{inset:1.6rem}
  .cal-grid button{min-height:44px}
  .btn{min-height:48px}
  .scroll-ind{display:none}
}