/* ============================================
   响应式 — 1440 / 1024 / 768
   ============================================ */

@media (max-width: 1439px) {
  :root { --space-10: 100px; }

  .collection-card {
    width: 320px;
  }

  .gallery-scroll__item {
    width: min(58vw, 460px);
  }
}

/* ── 平板 ── */
@media (max-width: 1023px) {
  :root {
    --space-10: 72px;
    --space-9: 56px;
    --space-8: 48px;
  }

  .intro__grid,
  .about-preview__grid,
  .about-page__hero {
    grid-template-columns: 1fr;
    gap: var(--space-7);
  }

  .intro__image {
    aspect-ratio: 16/9;
  }

  .about-preview__image,
  .about-page__image {
    order: -1;
    aspect-ratio: 16/9;
  }

  .grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .collections-grid { grid-template-columns: 1fr; }
  .social-page__grid { grid-template-columns: 1fr; }

  .collections-grid-home {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-scroll__item {
    width: min(65vw, 380px);
  }

  .collections__header,
  .gallery-strip__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
}

/* ── 手机 ── */
@media (max-width: 767px) {
  :root {
    --nav-height: 48px;
    --space-6: 20px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 48px;
    --space-10: 56px;
    --space-11: 64px;
  }

  .nav { padding-inline: var(--space-4); }

  .grid-2, .intro__grid, .about-preview__grid, .about-page__hero {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .grid-4 { grid-template-columns: 1fr; }

  .intro__stats { gap: var(--space-6); }

  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-scroll__item { width: 82vw; }

  .collections-grid-home {
    grid-template-columns: 1fr;
  }

  .timeline {
    padding-left: 22px;
  }

  .timeline-item::before {
    left: -25px;
  }

  .gear-list { grid-template-columns: 1fr; }
  .page-header { min-height: 30vh; }
  .footer { padding-block: var(--space-7) var(--space-4); }
}