/* Page Présentation */
.pres-hero__media { filter: contrast(1.06) saturate(.92); }

.pres-split { align-items: center; }
@media (min-width: 769px) {
  .pres-h2 { font-size: 44px; line-height: 1.06; }
}

/* Colonne de texte */
.pres-copy { display: flex; flex-direction: column; gap: 22px; }
.pres-copy p { margin: 0; font: 400 17px/1.7 var(--font-body); color: var(--ink); text-wrap: pretty; }
.pres-copy strong { font-weight: 700; }
.pres-copy--light .h2 { color: #fff; }
.pres-copy--light p { color: var(--line); }
.pres-actions { margin-top: 8px; }

/* Composition de deux photos superposées */
.duo { --duo-bg: var(--cream); --duo-ph: var(--line); position: relative; padding-bottom: 72px; }
.duo--dark { --duo-bg: var(--deep); --duo-ph: var(--line-dark); }
.duo img { border-radius: 16px; background: var(--duo-ph); object-fit: cover; }
.duo__main { width: 78%; aspect-ratio: 4 / 5; }
.duo__inset { position: absolute; right: 0; bottom: 0; width: 54%; aspect-ratio: 4 / 3; border: 8px solid var(--duo-bg); }

/* Engagements */
.pres-head { display: flex; flex-direction: column; gap: 20px; margin-bottom: 48px; }
.engagements { --gap: 20px; list-style: none; margin: 0; padding: 0; }
.engagement {
  display: flex; flex-direction: column; gap: 14px; padding: 32px;
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  transition: transform .4s var(--ease-out), box-shadow .4s, border-color .4s;
}
.engagement:hover { transform: translateY(-6px); box-shadow: 0 28px 48px -24px rgba(43, 37, 30, .3); border-color: var(--brand); }
.engagement__icon { width: 52px; height: 52px; border-radius: 12px; display: grid; place-items: center; background: var(--brand); color: #fff; }
.engagement__title { margin: 4px 0 0; font: 600 23px/1.2 var(--font-display); }
.engagement__text { margin: 0; font: 400 15px/1.65 var(--font-body); color: var(--muted); }