/* Grands écrans (2K, 4K) : tout grandit d'un même facteur --k (texte en rem, mesures en px multipliées),
   pour que le contenu ne se perde pas dans le vide. Sans effet à 1920 et moins. */
@media (min-width: 2200px) { :root { --k: 1.25; } }
@media (min-width: 2800px) { :root { --k: 1.55; } }
@media (min-width: 3400px) { :root { --k: 1.9; } }
@media (min-width: 2200px) {
  html { font-size: calc(100% * var(--k)); }
  :root {
    --e-1: calc(4px * var(--k)); --e-2: calc(8px * var(--k)); --e-3: calc(12px * var(--k)); --e-4: calc(16px * var(--k)); --e-6: calc(24px * var(--k));
    --e-8: calc(32px * var(--densite) * var(--k)); --e-12: calc(48px * var(--densite) * var(--k)); --e-16: calc(64px * var(--densite) * var(--k));
    --e-24: calc(96px * var(--densite) * var(--k)); --e-32: calc(128px * var(--densite) * var(--k));
    --gouttiere: calc(48px * var(--k)); --largeur-page: calc(1320px * var(--k)); --barre: calc(72px * var(--k)); --cible: calc(44px * var(--k));
    --rayon-panneau: calc(32px * var(--k)); --marge-panneau: calc(14px * var(--k));
  }
  .contenu--large, .barre__rang, .sommaire ol { width: min(100% - 2 * var(--gouttiere), calc(1520px * var(--k))); }
  .ouverture__statique { width: min(30vw, calc(420px * var(--k))); }
  .ouverture__hud { width: min(40vw, calc(560px * var(--k))); }
  .bouton__fleche { width: calc(40px * var(--k)); height: calc(40px * var(--k)); }
  .bouton__fleche svg { width: calc(20px * var(--k)); height: calc(20px * var(--k)); }
  .machines__dessin text { font-size: calc(15px * var(--k)); }
  .menu-plateforme { width: min(calc(880px * var(--k)), calc(100vw - 32px)); }
  .menu-produit { width: min(calc(960px * var(--k)), calc(100vw - 32px)); }
  .u7-centre { max-width: calc(760px * var(--k)); }
  .u7-cols { max-width: calc(1100px * var(--k)); gap: calc(48px * var(--k)); }
  .u7-bento, .p5-grille { max-width: calc(1320px * var(--k)); gap: calc(24px * var(--k)); }
  .u7-maquette { width: min(100%, calc(420px * var(--k))); }
  .offre__boite { width: min(calc(640px * var(--k)), 100%); }
  /* cartes de durées de l'ouverture */
  .ouverture__chiffre { width: calc(280px * var(--k)); min-height: calc(236px * var(--k)); padding: calc(26px * var(--k)); border-radius: calc(22px * var(--k)); }
  .ouverture__chiffres { --cw: calc(280px * var(--k)); }
  .ouverture__chiffre::before { top: calc(26px * var(--k)); left: calc(26px * var(--k)); width: calc(10px * var(--k)); height: calc(10px * var(--k)); }
  .ouverture__chiffre b { font-size: 2.1rem; }
  .ouverture__chiffre:nth-child(1) { top: calc(50% - 60px * var(--k)); }
  .ouverture__chiffre--globe { width: calc(var(--cw) * 1.45); }
  .ouverture__chiffre:nth-child(2) { top: calc(50% + var(--ch) - 150px * var(--k)); }
  #titre-ouverture { font-size: 5.4rem; }
}
@media (min-width: 2200px) {
  .reseau__connecteurs li, .connect .sol-pause { zoom: var(--k); }
}