/* ════════════════════════════════════════════════════════
   RESPONSIVE.CSS — Polinaë
   Breakpoints du design handoff : 980 / 860 / 560px
   ════════════════════════════════════════════════════════ */

/* ─── 980px — Galerie 2 colonnes ─────────────────────── */

@media (max-width: 980px) {
  .gallery { column-count: 2; }
}

/* ─── 860px — Tablette / mobile ──────────────────────── */

@media (max-width: 860px) {
  /* Nav */
  .nav__links  { display: none; }
  .nav__burger { display: block; }

  /* À propos */
  .about { grid-template-columns: 1fr; gap: 34px; }
  .about__media { max-width: 420px; }
  .values { grid-template-columns: 1fr 1fr; }

  /* Réalisations */
  .case,
  .case:nth-child(even) { grid-template-columns: 1fr; }
  .case:nth-child(even) .case__media { order: 0; }
  .case__ph { min-height: 240px; }

  /* Contact */
  .contact__intro { grid-template-columns: 1fr; }
  .contact__media { min-height: 260px; }
}

/* ─── 560px — Mobile portrait ─────────────────────────── */

@media (max-width: 560px) {
  .gallery { column-count: 1; }
  .values  { grid-template-columns: 1fr; }
  .form__row { grid-template-columns: 1fr; }
  .hero__actions .btn { flex: 1; justify-content: center; }
}