/* ═══════════════════════════════════════════════════
   RESPONSIVE — V2 (minimal, main rules live in each CSS)
   前衛東方官網
   ═══════════════════════════════════════════════════ */

/* ══════════════════════════════════════════
   ≤ 768px 額外補強
══════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Hero overlay 手機加深一點讀得清楚 */
  .hero-overlay {
    background:
      radial-gradient(
        ellipse at center,
        rgba(28, 27, 24, 0.45) 0%,
        rgba(28, 27, 24, 0.65) 60%,
        rgba(28, 27, 24, 0.82) 100%
      );
  }

  /* Trust 手機橫排 5 欄會太窄，改讓 wrap 自然 */
  .stats {
    gap: 20px;
    padding: 16px 0 28px;
  }

  .stats .stat {
    min-width: 80px;
  }

  .stats .stat-number {
    font-size: clamp(1.6rem, 6.5vw, 2.4rem);
  }

  .stats .stat-label {
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  /* Manifesto 手機 dot 換行不顯眼 */
  .manifesto-values {
    row-gap: 4px;
  }
}

/* ══════════════════════════════════════════
   ≤ 480px
══════════════════════════════════════════ */
@media (max-width: 480px) {
  .stats {
    gap: 14px;
  }
  .stats .stat-number {
    font-size: 1.4rem;
  }
}

/* ══════════════════════════════════════════
   Reduced motion preference
══════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .hero-slide img {
    transform: none !important;
  }

  .hero-progress-bar.running {
    animation: none;
    width: 100%;
  }

  .line-fab {
    transform: none !important;
  }
}