.animated-grid {
    position: fixed;
    inset: 0;
    z-index: 9990;
    pointer-events: none;
    /* Caché par défaut : le JS (grid-test.js) le réaffiche via gsap.set
       quand le toggle Shift+G a été activé (localStorage). Sans ce
       garde-fou, les 12 barres grises sont visibles à tous au paint
       initial (FOUC), avant que GSAP ne tourne. */
    display: none;
  }
  
  .container {
    width: 100%;
    max-width: var(--size-container);
    margin-inline: auto;
    padding-inline: 1.5em;
  }
  
  .container.is--full-height {
    height: 100%;
  }
  
  .animated-grid__row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1.5em;
    width: 100%;
    height: 100%;
    overflow: clip;
  }
  
  .animated-grid__col {
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0.2;
    background-color: #ccc;
  }
  
  @media screen and (max-width: 991px) {
    .animated-grid__row {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  
  @media screen and (max-width: 767px) {
    .animated-grid__row {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }