/* ==========================================================================
   VALVGI MUSIC — Responsive
   ========================================================================== */

@media (max-width: 1080px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .footer-top{ grid-template-columns:1.4fr 1fr 1fr; }
  .footer-top .footer-col:last-child{ grid-column:2; }
}

@media (max-width: 900px){
  .nav-links, .nav-cta .btn-ghost{ display:none; }
  .nav-toggle{ display:flex; }
  .split{ grid-template-columns:1fr; gap:36px; }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .stat-strip{ justify-content:flex-start; gap:40px; }
  .hero-meta{ gap:32px; }
}

@media (max-width: 640px){
  :root{ --radius-lg:20px; }
  .section{ padding:96px 0; }
  .grid-3, .grid-2, .grid-4{ grid-template-columns:1fr; }
  .footer-top{ grid-template-columns:1fr 1fr; gap:32px; }
  .footer-brand{ grid-column:1 / -1; }
  .hero{ padding-top:110px; }
  .hero-actions .btn{ width:100%; }
  .hero-actions{ flex-direction:column; }
  .cta-band{ padding:48px 24px; }
  .page-header{ padding:140px 0 56px; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
  #cursor-dot, #cursor-ring{ display:none; }
  .site-nav{ top:12px; padding:8px 8px 8px 14px; }
  .brand img{ height:22px; }
}

@media (hover: none){
  #cursor-dot, #cursor-ring{ display:none; }
  .card:hover{ transform:none; }
}