.confidentialite-page {
  --confidentialite-measure: 65ch;
  --confidentialite-content-max: 800px;
  background-color: var(--color-ivoire-chaud);
}

.confidentialite-section {
  padding-block: var(--space-64);
}

.confidentialite-section__inner {
  width: 100%;
  max-width: var(--confidentialite-content-max);
  margin-inline: auto;
  padding-inline: var(--container-padding-desktop);
}

.confidentialite-hero {
  padding-block: var(--space-96);
}

.confidentialite-hero__inner {
  width: 100%;
  max-width: var(--confidentialite-content-max);
  margin-inline: auto;
  padding-inline: var(--container-padding-desktop);
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  align-items: flex-start;
}

.confidentialite-hero .eyebrow {
  margin-block-end: 0;
}

.confidentialite-hero h1 {
  color: var(--color-rouge-camelia);
  margin-block-end: 0;
}

.confidentialite-hero__lead {
  max-width: var(--confidentialite-measure);
  color: var(--color-bleu-nuit-clair);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
  margin-block-end: 0;
}

.confidentialite-hero__date {
  font-size: var(--text-small-size);
  line-height: var(--text-small-line-height);
  color: var(--color-bleu-nuit-clair);
  margin-block-end: 0;
}

.confidentialite-section h2 {
  color: var(--color-rouge-camelia);
}

.confidentialite-section p {
  max-width: var(--confidentialite-measure);
  color: var(--color-bleu-nuit-clair);
  margin-block-end: var(--space-24);
}

.confidentialite-section p:last-of-type {
  margin-block-end: var(--space-24);
}

.confidentialite-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  width: 100%;
  margin-block-start: 0;
}

.confidentialite-list li {
  position: relative;
  padding-inline-start: var(--space-24);
  color: var(--color-bleu-nuit-clair);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line-height);
}

.confidentialite-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-999);
  background-color: var(--color-vert-sauge-profond);
}

.confidentialite-list--contact li::before {
  background-color: var(--color-terracotta);
}

.confidentialite-list strong {
  color: var(--color-bleu-nuit);
  font-weight: 600;
}

.confidentialite-contact {
  background-color: var(--color-ivoire-profond);
}

.confidentialite-contact h2 {
  color: var(--color-rouge-camelia);
}

.confidentialite-contact p {
  color: var(--color-bleu-nuit-clair);
}

.confidentialite-contact .confidentialite-list li {
  color: var(--color-bleu-nuit-clair);
}

.confidentialite-contact .confidentialite-list strong {
  color: var(--color-bleu-nuit);
}

@media (max-width: 1024px) {
  .confidentialite-section__inner,
  .confidentialite-hero__inner {
    padding-inline: var(--container-padding-tablet);
  }

  .confidentialite-section {
    padding-block: var(--space-64);
  }

  .confidentialite-hero {
    padding-block: var(--space-64);
  }
}

@media (max-width: 768px) {
  .confidentialite-section__inner,
  .confidentialite-hero__inner {
    padding-inline: var(--container-padding-mobile);
  }

  .confidentialite-section {
    padding-block: var(--space-48);
  }

  .confidentialite-hero {
    padding-block: var(--space-48);
  }

  .confidentialite-hero__inner {
    gap: var(--space-16);
  }

  .confidentialite-hero h1 {
    font-size: clamp(2.25rem, 10vw, 2.5rem);
    line-height: 1.1;
  }

  .confidentialite-hero__lead,
  .confidentialite-section p {
    max-width: 100%;
  }

  .confidentialite-list {
    gap: var(--space-16);
  }

  .confidentialite-list li {
    padding-inline-start: var(--space-24);
  }
}

@media (prefers-reduced-motion: reduce) {
  .confidentialite-page *,
  .confidentialite-page *::before,
  .confidentialite-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}