/* Couche téléphone — Cat Rosea (11/10/2026). Ne s'applique qu'en dessous de 760 px : l'ordinateur ne change pas. */
#cr-menu-btn { display: none; }
@media (max-width: 760px) {
  #cr-menu-btn { display: block; }
  /* Hauteurs : 100svh = l'écran visible, sans la barre d'adresse qui apparaît et disparaît (les sauts au défilement). */
  [style*="height:100vh"] { height: 100svh !important; }
  [style*="min-height:100vh"] { min-height: 100svh !important; }

  /* En-tête : une seule ligne, logo + bouton Menu. */
  header { flex-wrap: nowrap !important; padding: 16px 18px !important; align-items: center !important; }
  header > a span:last-child { display: none !important; }
  header > a span:first-child { font-size: 21px !important; }
  header nav { display: none !important; }
  html.cr-menu header { mix-blend-mode: normal !important; }
  html.cr-menu header nav {
    display: flex !important; position: fixed; inset: 0; z-index: 70; flex-direction: column; align-items: flex-start;
    justify-content: center; gap: 26px !important; padding: 0 32px; background: #151412; pointer-events: auto;
  }
  html.cr-menu header nav a { font: 300 34px/1.1 Newsreader, serif !important; opacity: 1 !important; color: #faf8f4 !important; }
  html.cr-menu header nav a:last-child { margin-top: 18px; font: 400 12px/1 Jost, sans-serif !important; letter-spacing: .14em !important; padding: 14px 18px !important; }
  #cr-menu-btn {
    position: fixed; top: 10px; right: 12px; z-index: 80; padding: 10px 12px; border: 0; background: transparent;
    font: 500 11px/1 Jost, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #fff; mix-blend-mode: difference;
  }
  html.cr-menu #cr-menu-btn { mix-blend-mode: normal; color: #faf8f4; }

  /* Séries : 4 bandes empilées au lieu de 4 colonnes écrasées. */
  [data-screen-label="Accueil — Intention et séries"] > div > div:first-child { flex-direction: column !important; transform-origin: 50% 0% !important; }
  [data-screen-label="Accueil — Intention et séries"] a[data-screen-label^="Série"] > div:last-child { padding: 0 20px 16px !important; gap: 6px !important; }
  [data-screen-label="Accueil — Intention et séries"] a[data-screen-label^="Série"] > div:last-child > span:nth-child(3) { display: none !important; }
  [data-screen-label="Accueil — Intention et séries"] a[data-screen-label^="Série"] > div:last-child > span:nth-child(2) { font-size: 30px !important; }
  [data-screen-label="Accueil — Intention et séries"] > div > div:first-child { top: 104px !important; }
  [data-screen-label="Accueil — Intention et séries"] > div > div:last-child { padding-top: 62px !important; }

  /* Univers de l'artiste : les deux vraies photos côte à côte (02/11/2026). */
  [data-screen-label="Accueil — L’univers de l’artiste"] > div > div:first-child {
    grid-template-columns: 1.2fr 1fr !important; grid-template-rows: 1fr !important;
    grid-template-areas: 'c d' !important; transform-origin: 30% 30% !important;
  }

  /* Œuvres : jamais rognées sur téléphone, on voit la toile entière. */
  img[style*="max-width:min(56vw"] { max-width: 88vw !important; max-height: 62svh !important; }

  /* Grilles à plusieurs colonnes fixes : une colonne. */
  [style*="grid-template-columns:repeat(3"], [style*="grid-template-columns:repeat(4"] { grid-template-columns: 1fr 1fr !important; }
  [style*="grid-template-columns:64px minmax(0,1fr) auto"] { grid-template-columns: 44px minmax(0,1fr) !important; }
  [style*="grid-template-columns:64px minmax(0,1fr) auto"] > :nth-child(3) { grid-column: 2 !important; }
}

/* V6 (29/10/2026) : zoom d'entrée allégé sur ordinateur (x2.1 au lieu de x5 à x6.5, cause des blocs noirs).
   Sur téléphone l'écran est petit : on garde un zoom plus fort pour que la toile remplisse l'écran au départ. */
@media (max-width: 760px) {
  [data-screen-label="Accueil — Entrer dans la toile"], [data-screen-label="Fiche œuvre — immersion"],
  [data-screen-label="L’artiste — immersion"], [data-screen-label="Exposition — immersion"] { --zin: 4.6; }
}