/* =====================================================
   Responsive — breakpoints mobiles
   Tanguy Serres Portfolio · SAÉ 2.03
   ===================================================== */

/* ── Utilitaires mobiles ── */
@media (max-width: 768px) {

  /* Scrollbar plus fine */
  ::-webkit-scrollbar { width: 3px; }

  /* Nom de projet — taille réduite sur mobile */
  .project-name {
    font-size: clamp(40px, 14vw, 90px) !important;
  }

  /* Hero case-study — décalages adaptés */
  .cs-hero-meta {
    font-size: 10px !important;
  }

  /* Sections reveal — padding réduit */
  .reveal {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Hero stage — toujours plein écran */
  .hero-stage,
  .hero-slide {
    overflow: hidden;
  }
}

/* ── Très petit écran (< 480px) ── */
@media (max-width: 480px) {
  .project-name {
    font-size: clamp(32px, 13vw, 72px) !important;
  }
}