/*
 * intro/arrivee — porte depuis la maquette Astro de Chez Loeli. Engagement 5 : aucun hexadecimal.
 */
.ivy-intro--arrivee { padding-block: clamp( 72px, 9vw, 120px ); background-color: var( --ivy-surface ); background-image: var( --ivy-grain, none ); color: var( --ivy-ink ); }
.ivy-intro--arrivee .ivy-intro__inner { display: grid; gap: clamp( 28px, 5vw, 72px ); align-items: start; width: min( 100% - 2 * clamp( 20px, 5vw, 56px ), 1200px ); margin-inline: auto; }
@media ( min-width: 900px ) { .ivy-intro--arrivee .ivy-intro__inner { grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ); } }
.ivy-intro--arrivee .ivy-intro__copy { display: grid; gap: 0; justify-items: start; min-width: 0; }
.ivy-intro--arrivee .ivy-intro__eyebrow { margin: 0; color: var( --ivy-eyebrow-color, var( --ivy-ink ) ); font-size: var( --ivy-font-label ); font-weight: 600; line-height: 1.6; letter-spacing: .2em; text-transform: uppercase; }
.ivy-intro--arrivee .ivy-intro__eyebrow::before { content: ''; display: inline-block; width: 24px; height: 11px; margin-inline-end: 12px; vertical-align: -1px; background: var( --ivy-support ); -webkit-mask: var( --ivy-roof-mask ) center / contain no-repeat; mask: var( --ivy-roof-mask ) center / contain no-repeat; }
.ivy-intro--arrivee .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink ) ); }
.ivy-intro--arrivee .ivy-intro__lede { max-width: 62ch; font-size: var( --ivy-font-lead ); }
.ivy-intro--arrivee .ivy-intro__text { color: var( --ivy-text-color, var( --ivy-muted ) ); font-size: inherit; }
.ivy-intro--arrivee .ivy-intro__text > * { margin: 0; font-size: inherit; }
.ivy-intro--arrivee .ivy-intro__rows { display: grid; margin: 0; padding: 0; list-style: none; border-block-start: 1px solid var( --ivy-line ); }
.ivy-intro--arrivee .ivy-intro__row { display: grid; grid-template-columns: 40px minmax( 0, 1fr ); gap: 18px; align-items: center; padding-block: 20px; border-block-end: 1px solid var( --ivy-line ); }
.ivy-intro--arrivee .ivy-intro__icon { display: block; width: var( --ivy-row_icon-size, 34px ); height: var( --ivy-row_icon-size, 34px ); color: var( --ivy-row_icon-color, var( --ivy-ink ) ); }
.ivy-intro--arrivee .ivy-intro__icon :is( svg, i ) { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ivy-intro--arrivee .ivy-intro__line { color: var( --ivy-item_label-color, inherit ); }

/* Un mot en `{{ }}` dans ce titre : la maquette le pose en <span class="script">, qui n'y change ni la police ni la couleur mais coupe l'espacement des lettres. */
.ivy-intro--arrivee .ivy-hl { color: inherit; letter-spacing: 0; }
.ivy-intro--arrivee .ivy-intro__cta--secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .85em 1.7em; border: 1.5px solid currentColor; border-radius: var( --ivy-radius-action, 999px ); background-color: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-accent ) ); font-size: var( --ivy-font-h6 ); font-weight: 600; text-decoration: none; transition: background-color 200ms ease, color 200ms ease; }
.ivy-intro--arrivee .ivy-intro__cta--secondary:hover { background-color: var( --ivy-accent ); border-color: var( --ivy-accent ); color: var( --ivy-on-accent ); }
.ivy-intro--arrivee .ivy-intro__cta--secondary::after { display: none; }