@media (max-width: 900px) {

  /* TOUTES LES MODIFS TELEPHONE */

}
/* ================================================= */
/* INDEX — PORTFOLIO MOBILE                          */
/* ================================================= */

@media (max-width: 900px) {

  .work {
    padding: 5rem 0.4rem;
  }

  .gallery-grid-balanced {
    display: block !important;
    columns: 2 !important;
    column-gap: 0.35rem !important;
    padding: 0 0.35rem !important;
  }

  .gallery-grid-balanced .gallery-item,
  .gallery-grid-balanced .gallery-item.large {
    display: inline-block !important;
    width: 100% !important;
    margin: 0 0 0.35rem 0 !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    vertical-align: top !important;
  }

  .gallery-grid-balanced .gallery-img,
  .gallery-grid-balanced .gallery-item.large .gallery-img {
    min-height: 0 !important;
    height: auto !important;
  }

  .gallery-grid-balanced .shape-landscape .gallery-img {
    aspect-ratio: 16 / 10 !important;
  }

  .gallery-grid-balanced .shape-portrait .gallery-img {
    aspect-ratio: 4 / 5.8 !important;
  }

  .gallery-grid-balanced .shape-tall .gallery-img {
    aspect-ratio: 4 / 7 !important;
  }

  .gallery-grid-balanced .shape-small .gallery-img {
    aspect-ratio: 1 / 1 !important;
  }

  .gallery-grid-balanced .media-card img,
  .gallery-grid-balanced .media-card video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .gallery-overlay {
    padding: 0.85rem !important;
  }

  .gallery-tag {
    font-size: 0.55rem !important;
  }

  .gallery-overlay h3 {
    font-size: 1rem !important;
  }

  .gallery-overlay p {
    font-size: 0.65rem !important;
  }
}

/* HERO — boutons + sous-titre mobile */

.hero-sub {
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
  max-width: 320px !important;
  margin-bottom: 1.5rem !important;
}

.hero-actions {
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.6rem !important;
}

.hero-actions .btn {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 0.65rem 1rem !important;
  font-size: 0.72rem !important;
  white-space: nowrap !important;
}

/* Bouton CV mobile */

.about-cta,
.about-cv .btn,
.about-cv .btn-primary {
  width: auto !important;
  padding: 0.5rem 0.7rem !important;
  font-size: 0.68rem !important;
  min-width: unset !important;
}

/* NAV MOBILE — menu toujours lisible */

.nav-links.open {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(13, 12, 8, 0.98) !important;
  backdrop-filter: blur(18px) !important;

  z-index: 999 !important;
  padding: 0 !important;
}

.nav {
  z-index: 1000 !important;
}

.nav-burger {
  position: relative !important;
  z-index: 1001 !important;
}

@media (max-width: 900px) {

  .about-text {
    font-size: 0.1rem !important;
    line-height: 0 !important;
  }

}
@media (max-width: 900px) {

  .about-cv-text {
    padding-right: 0 !important;
    margin-right: -5 !important;
  }

}

@media (max-width: 900px) {
.nav-logo-img {
  height: 26px;
  width: auto;
  display: block;
}

}