@media (max-width:1050px) {
  .darkweb-page.projects-page .email-hero {
    --darkweb-hero-art:url("../surveillance-dark-web-fiche-anonyme-banniere-v1.webp");
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:#2A1040 var(--darkweb-hero-art) left center / 225% auto no-repeat;
  }
  .darkweb-page.projects-page .email-hero::before {
    content:"";
    position:absolute;
    z-index:-1;
    top:50%;
    left:50%;
    /* 75% of the 2:1 image's cover size, without resampling the source. */
    width:max(75%,calc(var(--alt-overlap-hero-height,750px) * 1.5));
    aspect-ratio:2;
    transform:translate(-42.333333%,-50%);
    background:var(--darkweb-hero-art) center / cover no-repeat;
    mask-image:linear-gradient(90deg,transparent,#000 35%,#000 95%,transparent),linear-gradient(transparent,#000 12%,#000 90%,transparent);
    mask-composite:intersect;
    pointer-events:none;
  }
  .darkweb-main .email-hero .darkweb-eyebrow {
    position:absolute;
    bottom:calc(100% + 24px);
    margin:0;
    color:#FFFFFF;
    font-size:14px;
    font-weight:500;
  }
  .darkweb-main .email-prosecure p + p { margin-top:24px; }
  .darkweb-page .darkweb-main :is(.projects-step-icon,.email-prosecure,.projects-person-portrait),
  .darkweb-page .darkweb-main .projects-related::before {
    background:#F7EDF3;
  }
  .darkweb-page .darkweb-main .email-prosecure :is(h2,p) { color:#000000; }
  .darkweb-page .darkweb-main .projects-contact-layout {
    background:linear-gradient(110deg,var(--ps-shell),var(--ps-purple-dark) 60%,var(--ps-purple));
  }
  .darkweb-page .darkweb-main .projects-contact-layout::before {
    background:var(--ps-purple-dark) url("../temoignages-bleu-grain.webp") center / cover no-repeat;
    background-blend-mode:luminosity;
  }
  .darkweb-page .darkweb-main .projects-contact-button { background:#FFFFFF; color:var(--ps-purple-dark); }
  .darkweb-page .darkweb-main .faq .faq-icon,
  .darkweb-page .darkweb-main .faq .faq-item.open .faq-icon,
  .darkweb-page .darkweb-main .projects-related-arrow { color:var(--ps-purple); }
  .darkweb-page .darkweb-main .projects-related-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .darkweb-page .darkweb-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);
  }
  /* The related background already leaves 80px before the FAQ. */
  .darkweb-main .projects-related { margin-top:80px; }
  .darkweb-page .darkweb-main .faq .section-inner { padding-top:0; padding-bottom:80px; }
  .darkweb-page .darkweb-main .projects-contact { padding-top:0; padding-bottom:80px; }
  .darkweb-main .projects-contact-button { margin-top:28px; }
}