/* css/responsive.css — v2025-12-20
   Mobile-first responsive overrides and device-specific tweaks
*/

@media (max-width:480px){
  .site-nav{display:none}
  .hero-left h1{font-size:28px}
  .hero-left p{font-size:15px}
  .hero-right{display:none}
}

@media (min-width:1200px){
  .hero-full{grid-template-columns:1fr 420px}
  :root{--max-width:1400px}
}

/* Large-format display tweaks for signage */
@media (min-width:1920px){
  .hero-left h1{font-size:72px}
  .hero-left p{font-size:22px}
  .clock{font-size:48px}
}