.ivy-intro--reassurance { padding: clamp( 72px, 10vw, 152px ) clamp( 20px, 5vw, 72px ); }
.ivy-intro--reassurance .ivy-intro__inner { display: grid; --ivy-gap: clamp( 44px, 7vw, 104px ); column-gap: var( --ivy-gap ); row-gap: var( --ivy-row-gap, clamp( 44px, 7vw, 104px ) ); grid-template-columns: minmax( 0, calc( ( 100% - var( --ivy-gap ) ) * var( --ivy-columns, 50 ) / 100 ) ) minmax( 0, 1fr ); align-items: stretch; max-width: 1440px; margin-inline: auto; }
.ivy-intro--reassurance.ivy-intro--media-left .ivy-intro__media { order: -1; }
.ivy-intro--reassurance .ivy-intro__media { min-height: 100%; margin: 0; overflow: hidden; border-radius: var( --ivy-media-border-radius, clamp( 20px, 2vw, 32px ) ); }
/*
 * PAS D'ASPECT-RATIO SUR LE MEDIA EN DEUX COLONNES. Le ratio 4/5 imposait une
 * boite portrait sans rapport avec la colonne editoriale : sur un contenu long,
 * l'image s'arretait au tiers de la hauteur du texte. `height: 100%` sur un
 * element de grille etire suffit — la rangee est dimensionnee par le contenu,
 * donc l'image prend EXACTEMENT sa hauteur, et `object-fit: cover` recadre.
 *
 * Le ratio reste en une colonne (sous 900 px), ou il n'y a plus de hauteur de
 * contenu a suivre : la regle de la media query pose alors 16/10 deliberement.
 */
.ivy-intro--reassurance .ivy-intro__media img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.ivy-intro--reassurance .ivy-intro__content { min-width: 0; align-self: center; }
.ivy-intro--reassurance .ivy-intro__eyebrow { display: block; margin-bottom: 16px; color: var( --ivy-eyebrow-color, var( --ivy-accent, rgb( 112 91 62 ) ) ); font-size: var( --ivy-font-label ); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ivy-intro--reassurance .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); line-height: 1; }
.ivy-intro--reassurance .ivy-intro__text { max-width: 58ch; margin-top: 24px; color: var( --ivy-text-color, var( --ivy-muted, rgb( 82 82 82 ) ) ); line-height: 1.7; }
.ivy-intro--reassurance .ivy-intro__text > :first-child { margin-top: 0; } .ivy-intro--reassurance .ivy-intro__text > :last-child { margin-bottom: 0; }
.ivy-intro--reassurance .ivy-intro__proofs { display: grid; gap: 16px; margin: 36px 0 0; padding: 0; list-style: none; }
.ivy-intro--reassurance .ivy-intro__proof { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; padding: clamp( 18px, 2vw, 24px ); border-radius: var( --ivy-item-border-radius, 16px ); background: var( --ivy-item-background-color, var( --ivy-soft, rgb( 247 243 235 ) ) ); }
.ivy-intro--reassurance .ivy-intro__proof-icon { display: grid; width: 42px; aspect-ratio: 1; place-items: center; border-radius: 50%; background: var( --ivy-item_icon-background-color, var( --ivy-accent, rgb( 112 91 62 ) ) ); color: var( --ivy-item_icon-color, var( --ivy-surface, rgb( 255 255 255 ) ) ); transition: background-color 180ms ease, color 180ms ease; }
.ivy-intro--reassurance .ivy-intro__proof-icon svg { width: 22px; height: 22px; }
.ivy-intro--reassurance .ivy-intro__proof-copy { display: grid; gap: 4px; }
.ivy-intro--reassurance .ivy-intro__proof-title { color: var( --ivy-item_title-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); }
.ivy-intro--reassurance .ivy-intro__proof-text { color: var( --ivy-item_text-color, var( --ivy-muted, rgb( 82 82 82 ) ) ); line-height: 1.55; }
.ivy-intro--reassurance .ivy-intro__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.ivy-intro--reassurance .ivy-intro__cta { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: .78em 1.5em; border-radius: var( --ivy-cta-border-radius, 999px ); background: var( --ivy-cta-background-color, var( --ivy-accent, rgb( 17 17 17 ) ) ); color: var( --ivy-cta-color, var( --ivy-surface, rgb( 255 255 255 ) ) ); font-weight: 700; text-decoration: none; }
.ivy-intro--reassurance .ivy-intro__cta--secondary { border: var( --ivy-cta_secondary-border-width, 1px ) solid var( --ivy-cta_secondary-border-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); background: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); }
.ivy-intro--reassurance .ivy-intro__cta:focus-visible { outline: 3px solid currentcolor; outline-offset: 4px; }
@media ( max-width: 900px ) { .ivy-intro--reassurance .ivy-intro__inner { grid-template-columns: minmax( 0, 1fr ); } .ivy-intro--reassurance.ivy-intro--media-left .ivy-intro__media { order: 0; } .ivy-intro--reassurance .ivy-intro__media { min-height: 0; } .ivy-intro--reassurance .ivy-intro__media img { height: auto; aspect-ratio: 16 / 10; } }

/* Engagement 8 : le survol change d'etat, il ne le fait pas glisser. */
@media ( prefers-reduced-motion: reduce ) { .ivy-intro--reassurance .ivy-intro__proof-icon { transition: none; } }