/*
 * intro/cadre-dore — transposition de `.fondatrice-bloc` (maquette Les Jolies Clés) : portrait 11/12 à gauche,
 * fin cadre doré décalé en haut à gauche, texte à droite. Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-intro--cadre-dore { padding: clamp( 88px, 10vw, 144px ) max( clamp( 20px, 5vw, 64px ), calc( ( 100% - 1240px ) / 2 ) ); }
.ivy-intro--cadre-dore .ivy-intro__inner { display: grid; grid-template-columns: 5fr 7fr; gap: clamp( 48px, 8vw, 120px ); align-items: center; }
.ivy-intro--cadre-dore .ivy-intro__media { position: relative; isolation: isolate; margin: 0; padding-left: 18px; }
.ivy-intro--cadre-dore .ivy-intro__media::before { content: ''; position: absolute; inset: -18px 18px 18px 0; z-index: -1; border: 1px solid var( --ivy-media-border-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); border-radius: var( --ivy-radius-surface, 4px ); }
.ivy-intro--cadre-dore .ivy-intro__photo { position: relative; overflow: hidden; aspect-ratio: 11 / 12; border-radius: var( --ivy-radius-surface, 4px ); background: var( --ivy-surface-sunk, rgb( 238 230 216 ) ); }
.ivy-intro--cadre-dore .ivy-intro__photo img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: var( --ivy-intro-focus, 50% 30% ); }
.ivy-intro--cadre-dore.ivy-intro--focus-top .ivy-intro__photo img { --ivy-intro-focus: 50% 0%; }
.ivy-intro--cadre-dore.ivy-intro--focus-bottom .ivy-intro__photo img { --ivy-intro-focus: 50% 100%; }
.ivy-intro--cadre-dore .ivy-intro__eyebrow { display: block; margin-bottom: 18px; color: var( --ivy-eyebrow-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-size: var( --ivy-font-label ); font-weight: 600; line-height: 1.6; letter-spacing: .22em; text-transform: uppercase; }
.ivy-intro--cadre-dore .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.25; }
.ivy-intro--cadre-dore .ivy-intro__text { margin-top: 24px; color: var( --ivy-text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-intro--cadre-dore .ivy-intro__text p { margin: 0; font-size: inherit; }
.ivy-intro--cadre-dore .ivy-intro__text p + p { margin-top: 1.1em; }
.ivy-intro--cadre-dore .ivy-intro__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 36px; }
:where( .ivy-intro--cadre-dore ) .ivy-intro__cta--secondary { color: var( --ivy-cta_secondary-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); background: var( --ivy-cta_secondary-background-color, transparent ); border: 1px solid var( --ivy-cta_secondary-border-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); }
:where( .ivy-intro--cadre-dore ) .ivy-intro__cta { color: var( --ivy-cta-color, var( --ivy-on-accent, rgb( 37 29 23 ) ) ); background: var( --ivy-cta-background-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); border: 1px solid var( --ivy-cta-border-color, var( --ivy-accent, rgb( 184 151 90 ) ) ); display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; transition: background-color 250ms cubic-bezier( .2, .7, .2, 1 ), filter 250ms cubic-bezier( .2, .7, .2, 1 ); }
:where( .ivy-intro--cadre-dore ) .ivy-intro__cta:hover { filter: brightness( .92 ); box-shadow: inset 0 0 0 999px rgb( 184 151 90 / 14% ); }
:where( .ivy-intro--cadre-dore ) .ivy-intro__cta:focus-visible { outline: 2px solid currentcolor; outline-offset: 3px; }
@media ( max-width: 899px ) {
	.ivy-intro--cadre-dore .ivy-intro__inner { grid-template-columns: minmax( 0, 1fr ); }
	.ivy-intro--cadre-dore .ivy-intro__media { max-inline-size: 440px; }
}
@media ( max-width: 599px ) { .ivy-intro--cadre-dore .ivy-intro__cta { inline-size: 100%; } }