/* Le schéma : image fournie par Ayoub (fond blanc), posée à droite, à l'emplacement du schéma de la maquette.
   Le bloc est un conteneur : tout ce qui est posé par-dessus se place en % de l'image et suit sa taille
   (1 cqw = 1 % de la largeur de l'image, soit 14,48 px de l'image d'origine de 1448 px). */
/* mix-blend-mode sur le bloc entier : le blanc de l'image se fond dans la page (le conteneur isole sinon la fusion) */
.schema-wrap { position: absolute; left: 630px; top: 105px; width: 1000px; container-type: inline-size; mix-blend-mode: multiply; }
.schema-wrap picture { display: block; }
.schema { display: block; width: 100%; height: auto; }
/* Marque réelle posée par-dessus la zone effacée du schéma (logo imité retiré de l'image) */
.schema-brand { position: absolute; left: 45.6%; top: 13.7%; width: 6.6%; height: auto; display: block; }
.schema-name {
  position: absolute; left: 48.9%; top: 23.1%; transform: translateX(-50%);
  font-size: 3.4cqw; font-weight: 600; letter-spacing: var(--ls-wordmark); line-height: 1; color: var(--ink-brand); white-space: nowrap;
}

/* Bulle de droite : icône, titre et sous-titre d'origine effacés de l'image, remplacés par ces trois éléments.
   Repères de l'original (px image) : icône 82 × 57, titre capitale 19 px, sous-titre capitale 12 px, interligne 29 px,
   bloc centré sur x = 1286 (88,8 %). Positions calées par mesure (icones-agents/mesure_bulle.py). */
.agents-icon { position: absolute; left: 85.68%; top: 47.17%; width: 6.26%; height: auto; display: block; }
.agents-title {
  position: absolute; left: 88.81%; top: 53.04%; transform: translateX(-50%);
  font-size: 1.865cqw; font-weight: 700; letter-spacing: -0.04em; line-height: 1; color: #030a30; white-space: nowrap;
}
.agents-sub {
  position: absolute; left: 88.81%; top: 56.54%; transform: translateX(-50%);
  font-size: 1.084cqw; font-weight: 500; letter-spacing: 0.23em; line-height: 1.847; color: #5266a5;
  text-transform: uppercase; text-align: center; white-space: nowrap;
}