.flow-divider {
  display: block;
  width: 100%;
  height: clamp(3rem, 5.5vw, 5.75rem);
  margin: -2px 0 -4px;
  overflow: visible;
  background: var(--divider-from);
  color: var(--divider-to);
  fill: currentColor;
  pointer-events: none;
}

.flow-divider--project-detail { --divider-from: var(--sand); --divider-to: var(--ivory); }
.flow-divider--profile-method { --divider-from: var(--ivory); --divider-to: var(--paper); }
.flow-divider--method-about { --divider-from: var(--paper); --divider-to: var(--ivory); }
.flow-divider--about-commitments { --divider-from: var(--ivory); --divider-to: var(--ink); }
.flow-divider--commitments-faq { --divider-from: var(--ink); --divider-to: var(--paper); }
.flow-divider--faq-contact { --divider-from: var(--paper); --divider-to: var(--ink); }
.flow-divider--contact-footer { --divider-from: var(--ink); --divider-to: #0c1011; }

body[data-profile="professionnel"] .flow-divider--project-detail { --divider-to: var(--ink); }
body[data-profile="professionnel"] .flow-divider--profile-method { display: none; }
.flow-divider--scope-finishes { --divider-from: var(--ink); --divider-to: var(--ivory); }
body[data-profile="professionnel"] .flow-divider--method-about { --divider-from: var(--paper); --divider-to: var(--ivory); }
body[data-profile="professionnel"] .flow-divider--about-commitments { display: none; }
body[data-profile="professionnel"] .flow-divider--commitments-faq { --divider-from: var(--ivory); }
body[data-profile="professionnel"] .flow-divider--faq-contact { --divider-to: var(--ivory); }
body[data-profile="professionnel"] .flow-divider--contact-footer { --divider-from: var(--ivory); --divider-to: var(--ivory); }

@media (max-width: 767px) {
  .flow-divider { height: 2.75rem; }
}

.flow-divider.flow-divider--faq-contact { height: clamp(1.5rem, 3vw, 3rem); }