
@media (max-width:1050px) {
  .monitoring-page.projects-page .email-hero {
    background-image:linear-gradient(90deg,rgba(18,8,31,.32),transparent 70%),url("../surveillance-24-7-cadran-fin-v12-detail.webp");
    background-size:cover;
    background-position:center;
  }
  .monitoring-main .email-hero h1 { max-width:850px; }
  .monitoring-main .email-hero .monitoring-eyebrow {
    position:absolute;
    bottom:calc(100% + 24px);
    margin:0;
    font-size:14px;
    font-weight:500;
  }
  .monitoring-main .monitoring-alt { margin-top:80px; background:#FFFFFF; color:#000000; }
  .monitoring-main .monitoring-alt-layout { display:grid; grid-template-columns:minmax(0,1fr) 292px 112px 112px; column-gap:24px; align-items:center; }
  .monitoring-main .monitoring-alt-copy h2 { margin:0 0 12px; color:#000000; font-size:28px; line-height:1.3; }
  .monitoring-main .monitoring-alt-copy h2 span { color:var(--ps-purple,#673AB7); }
  .monitoring-main .monitoring-alt-copy p { max-width:460px; margin:0; color:#000000; font-size:16px; line-height:1.6; }
  .monitoring-main .monitoring-alt-badge { display:flex; align-items:center; justify-content:center; min-width:0; height:96px; padding-left:24px; border-left:1px solid var(--ps-line,#DDD4E9); }
  .monitoring-main .monitoring-alt-badge img { display:block; max-width:100%; width:auto; height:82px; object-fit:contain; }
  .monitoring-main .monitoring-alt-gold img { width:268px; height:auto; max-height:82px; }
  .monitoring-main .monitoring-mdr-heading { margin-top:80px; margin-bottom:32px; }
  .monitoring-main .monitoring-mdr-overview-title { margin:0; color:#000000; font-size:32px; line-height:1.3; }
  .monitoring-main .monitoring-mdr { margin-top:0; padding:48px 0; background:var(--ps-shell,#2A1040); }
  .monitoring-main .monitoring-mdr-layout { display:grid; grid-template-columns:minmax(0,1fr) 400px; column-gap:64px; row-gap:32px; align-items:stretch; }
  .monitoring-main .monitoring-mdr-copy { grid-column:1; grid-row:1; min-width:0; padding:0; align-self:center; }
  .monitoring-main .monitoring-mdr-copy > h3 { margin:0 0 16px; color:#D7B9F4; font-size:28px; line-height:1.3; }
  .monitoring-main .monitoring-mdr-lead { max-width:620px; margin:0; color:#FFFFFF; font-size:17px; line-height:1.6; }
  .monitoring-main .monitoring-mdr-photo { grid-column:2; grid-row:1; position:relative; margin:0; min-height:156px; height:156px; overflow:hidden; border-radius:6px; }
  .monitoring-main .monitoring-mdr-photo img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:90% center; transform:scale(1.65); transform-origin:90% center; }
  .monitoring-main .monitoring-mdr-pillars { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; margin:0; padding-top:24px; border-top:1px solid #5D3F75; }
  .monitoring-main .monitoring-mdr-pillars > div { display:block; min-width:0; }
  .monitoring-main .monitoring-mdr-pillars .ps-icon { display:block; width:28px; height:28px; margin:0 0 12px; color:#D7B9F4; }
  .monitoring-main .monitoring-mdr-pillars h3 { margin:0 0 8px; color:#FFFFFF; font-size:17px; line-height:1.4; }
  .monitoring-main .monitoring-mdr-pillars p { max-width:250px; margin:0; color:#FFFFFF; font-size:15px; line-height:1.55; }
  .monitoring-main .monitoring-surfaces { margin-top:80px; padding:48px 0; background:var(--ps-tint,#F5F1FA); color:#000000; }
  .monitoring-main .monitoring-surfaces-heading h2 { margin:0 0 16px; color:#000000; font-size:32px; line-height:1.3; }
  .monitoring-main .monitoring-surfaces-heading p { max-width:900px; margin:0; color:#000000; font-size:17px; line-height:1.65; }
  .monitoring-main .monitoring-surfaces-grid { --surface-columns:7; position:relative; display:grid; grid-template-columns:repeat(var(--surface-columns),minmax(0,1fr)); gap:0; list-style:none; margin:32px 0 0; padding:0; }
  .monitoring-main .monitoring-surfaces-grid::before { content:""; position:absolute; bottom:0; left:calc(50% / var(--surface-columns)); right:calc(50% / var(--surface-columns)); height:1px; background:#B59AD9; }
  .monitoring-main .monitoring-surfaces-grid li { position:relative; min-width:0; padding:0 12px 24px; text-align:center; }
  .monitoring-main .monitoring-surfaces-grid li:not(:first-child)::before { content:""; position:absolute; top:0; bottom:20px; left:0; width:1px; background:var(--ps-line,#DDD4E9); }
  .monitoring-main .monitoring-surfaces-grid li::after { content:""; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:8px; height:8px; border-radius:50%; background:var(--ps-purple,#673AB7); }
  .monitoring-main .monitoring-surfaces-grid .ps-icon { display:block; width:34px; height:34px; margin:0 auto 18px; color:var(--ps-purple,#673AB7); }
  .monitoring-main .monitoring-surfaces-grid h3 { min-height:48px; margin:0 0 8px; color:#000000; font-size:16px; line-height:1.45; }
  .monitoring-main .monitoring-surfaces-grid p { margin:0; color:#000000; font-size:14px; line-height:1.55; }
  .monitoring-main .monitoring-fusion { padding-top:30px; text-align:center; }
  .monitoring-main .monitoring-fusion h2 { margin:0 0 8px; color:#000000; font-size:28px; line-height:1.3; }
  .monitoring-main .monitoring-fusion h2 span { color:var(--ps-purple,#673AB7); }
  .monitoring-main .monitoring-fusion p { max-width:820px; margin:0 auto; color:#000000; font-size:16px; line-height:1.65; }
  .monitoring-main .monitoring-fusion-connector { position:relative; display:block; width:8px; height:48px; margin:16px auto 12px; }
  .monitoring-main .monitoring-fusion-connector::before { content:""; position:absolute; top:0; left:2px; width:4px; height:4px; border-radius:50%; background:var(--ps-purple,#673AB7); box-shadow:0 12px 0 var(--ps-purple,#673AB7),0 24px 0 var(--ps-purple,#673AB7),0 36px 0 var(--ps-purple,#673AB7); }
  .monitoring-main .monitoring-fusion-connector::after { content:""; position:absolute; z-index:1; bottom:-4px; left:0; width:8px; height:8px; border-radius:50%; background:var(--ps-purple,#673AB7); }
  .monitoring-main .monitoring-fusion-mdr { width:360px; max-width:100%; margin:0 auto; padding:20px 24px; border-radius:6px; background:var(--ps-shell,#2A1040); text-align:center; }
  .monitoring-main .monitoring-fusion-mdr-heading { display:flex; align-items:center; justify-content:center; gap:10px; }
  .monitoring-main .monitoring-fusion-mdr-heading .ps-icon { display:block; flex:none; width:28px; height:28px; color:#D7B9F4; }
  .monitoring-main .monitoring-fusion-mdr h3 { margin:0; color:#FFFFFF; font-size:22px; line-height:1.3; }
  .monitoring-main .monitoring-fusion-mdr p { margin:10px 0 0; color:#FFFFFF; font-size:16px; line-height:1.5; }
  .monitoring-main :is(.monitoring-preparation,.monitoring-accompaniment) { padding:80px 0 0; background:#FFFFFF; color:#000000; }
  .monitoring-main :is(.monitoring-preparation,.monitoring-accompaniment) h2 { margin-bottom:24px; }
  .monitoring-main :is(.monitoring-preparation,.monitoring-accompaniment) p + p { margin-top:20px; }
  .monitoring-main :is(.monitoring-preparation,.monitoring-accompaniment) :is(h2,h3,p) { color:#000000; }
  .monitoring-main .monitoring-story-layout { display:grid; grid-template-columns:360px minmax(0,1fr); align-items:center; gap:48px; }
  .monitoring-main .monitoring-accompaniment .monitoring-story-layout { grid-template-columns:minmax(0,1fr) 360px; }
  .monitoring-main .monitoring-story-copy { min-width:0; max-width:none; }
  .monitoring-main .monitoring-story-copy h2 { margin-top:0; text-wrap:balance; }
  .monitoring-main .monitoring-story-copy p:last-child { margin-bottom:0; }
  .monitoring-main .monitoring-story-image { width:100%; margin:0; aspect-ratio:16 / 9; overflow:hidden; border-radius:6px; }
  .monitoring-main .monitoring-story-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 20%; }
  .monitoring-main .monitoring-accompaniment .monitoring-story-image img { object-position:center top; }
  /* Shared related padding already includes 80px below the background before the FAQ. */
  .monitoring-main .projects-related { margin-top:80px; }
  .monitoring-main .projects-related::before { background:var(--ps-tint); }
  .monitoring-main .projects-related-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .monitoring-main .projects-related-photo img {
    --related-crop-position:var(--related-desktop-position);
    transform:scale(var(--related-image-scale,1));
    transform-origin:right top;
  }
  .monitoring-main .projects-related-arrow { color:var(--ps-purple); }
  .monitoring-main .projects-related-tile:is(:hover,:focus-visible) { border-color:var(--ps-purple); box-shadow:0 4px 14px rgba(78,37,142,.09); }
  .monitoring-page .monitoring-main .faq .section-inner { padding-top:0; padding-bottom:80px; }
  .monitoring-page .monitoring-main .projects-contact { padding-top:0; padding-bottom:80px; }
  .monitoring-main .projects-person-portrait { background:#F7EDF3; }
  .monitoring-main .projects-contact-layout {
    background:linear-gradient(110deg,var(--ps-shell),var(--ps-purple-dark) 60%,var(--ps-purple));
  }
  .monitoring-main .projects-contact-layout::before {
    background:var(--ps-purple-dark) url("../temoignages-bleu-grain.webp") center / cover no-repeat;
    background-blend-mode:luminosity;
  }
  .monitoring-page .monitoring-main .projects-contact-button { margin-top:28px; background:#FFFFFF; color:var(--ps-purple-dark); }
  .monitoring-main .faq .faq-icon,
  .monitoring-main .faq .faq-item.open .faq-icon { color:var(--ps-purple); }
}