/* =========================================================================
   mobile.css — 重新排版（非縮小）
   ========================================================================= */

@media (max-width:1080px){
  .cards{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  .nav-links{display:none}
  .nav-burger{display:grid}
  .intro-grid{grid-template-columns:1fr;gap:40px}
  .intro-photo{max-width:440px;margin:0 auto;width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .footer-brand{grid-column:1 / -1}
}

@media (max-width:600px){
  :root{--nav-h:64px}
  .hero{height:100svh}
  .hero-copy{left:20px;right:20px;bottom:96px;max-width:none}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
  .hero-announce{left:16px;right:16px;top:calc(var(--nav-h) + 14px)}
  .cards{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .intro-stats{gap:24px}
  .visit-links{flex-direction:column}
  .visit-link{justify-content:center}
  .btn{width:auto}
}

/* Coarse-pointer: disable heavy hover transforms */
@media (hover:none){
  .card:hover{transform:none}
  .intro-photo:hover img{transform:none}
}