
@media (max-width:1050px) {
  .training-page.projects-page .email-hero {
    background-image:linear-gradient(90deg,rgba(18,8,31,.45),rgba(18,8,31,.12) 65%,transparent),url("../c11-formation-banniere-v02.webp");
  }
  .training-main .email-hero .training-eyebrow {
    position:absolute;
    bottom:calc(100% + 24px);
    margin:0;
    font-size:14px;
    font-weight:500;
    letter-spacing:0;
  }
  .training-main .email-prosecure p + p { margin-top:24px; }
  .training-page .training-main :is(.projects-step-icon,.email-prosecure,.projects-person-portrait),
  .training-page .training-main .projects-related::before {
    background:#F7EDF3;
  }
  .training-page .training-main .email-prosecure :is(h2,p) { color:#000000; }
  .training-page .training-main .projects-contact-layout {
    background:linear-gradient(110deg,var(--ps-shell),var(--ps-purple-dark) 60%,var(--ps-purple));
  }
  .training-page .training-main .projects-contact-layout::before {
    background:var(--ps-purple-dark) url("../temoignages-bleu-grain.webp") center / cover no-repeat;
    background-blend-mode:luminosity;
  }
  .training-page .training-main .projects-contact :is(h2,p) { color:#FFFFFF; }
  .training-page .training-main .projects-contact-button {
    background:#FFFFFF;
    color:var(--ps-purple-dark);
  }
  .training-page .training-main .faq .faq-icon,
  .training-page .training-main .faq .faq-item.open .faq-icon,
  .training-page .training-main .projects-related-arrow {
    color:var(--ps-purple);
  }
  .training-page .training-main .projects-related-tile { background:#FFFFFF; color:#000000; }
  .training-page .training-main .projects-related-tile:is(:hover,:focus-visible) {
    border-color:var(--ps-purple);
    outline-color:var(--ps-purple);
    box-shadow:0 4px 14px rgba(78,37,142,.09);
  }
  /* Shared frame padding leaves 80px below its background; the FAQ adds no second gap. */
  .training-main .projects-related { margin-top:80px; }
  .training-main .projects-related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .training-main .projects-related-photo img {
    --related-crop-position:var(--related-desktop-position);
    transform:scale(var(--related-image-scale,1));
    transform-origin:var(--related-image-origin,right top);
  }
  .training-page .training-main .faq .section-inner { padding-top:0; padding-bottom:80px; }
  .training-page .training-main .projects-contact { padding-top:0; padding-bottom:80px; }
  .training-page .training-main .projects-contact-button { margin-top:28px; }
}