/* =============================================================================
   Section viewport rhythm (desktop)
   - Compact sections: min-height only (fill the view, never clip)
   - Tall sections: natural height (listed below) — no min-height forced
   - No fixed height / max-height / overflow:hidden here
   =============================================================================
   Exceeds one viewport (content taller than 100dvh − nav @ 1440×900):
   - #services
   - #pourquoi
   - #transformation
   - #contact
   ============================================================================= */

@media (min-width: 993px) {
  #equipments.equip-section,
  #mps.mps-shell,
  #monitoring.mon-section,
  #partenaires,
  #secteurs {
    --section-view-h: calc(100dvh - var(--nav-height, 92px));
    min-height: var(--section-view-h);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #equipments.equip-section {
    --eq-py: clamp(36px, 4.5vh, 72px);
  }

  #mps.mps-shell {
    padding-block: clamp(2.5rem, 4.5vh, 4.5rem);
  }

  #mps .mps-header {
    margin-bottom: clamp(1.5rem, 3vh, 2.75rem);
  }

  #monitoring.mon-section {
    padding-block: clamp(40px, 5vh, 80px);
  }

  #partenaires {
    padding-block: clamp(48px, 6vh, 88px);
  }

  #secteurs {
    padding-block: clamp(48px, 6vh, 88px);
  }

  #equipments .equip-container,
  #mps .mps-section,
  #monitoring .mon-shell,
  #partenaires > .grid-container,
  #partenaires > .container,
  #secteurs > .grid-container,
  #secteurs > .container {
    width: 100%;
  }
}