/* ============================================================
   ShimmerGates — Responsive Tweaks
   ============================================================ */

@media(max-width:1023px){
  .section{padding-block:var(--space-xl)}
  .hero__content{padding:var(--space-lg) var(--space-md)}
}

@media(max-width:767px){
  .hero{min-height:90vh}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{width:100%}
  .scroll-indicator{display:none}
  .division-card{min-height:280px}
  .event-card{flex-direction:column}
  .news-card--featured{grid-template-columns:1fr}
  .roster-card{flex-direction:column;text-align:center}
  .roster-card__avatar{margin-inline:auto}
}

@media(max-width:480px){
  :root{--space-2xl:4rem;--space-3xl:6rem}
  .stat-card{padding:var(--space-md)}
  .profile-card__body{padding:var(--space-sm)}
}