/*
 * cta/titre-lateral — transposition de `.lp-manque` (maquette Les Jolies Clés, archive) : grand titre à gauche (7fr), à
 * droite (5fr) calés en bas la phrase d'appui, le bouton plein et sa mention. Une colonne sous 900 px.
 * Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-cta--titre-lateral { padding: clamp( 88px, 10vw, 144px ) max( clamp( 20px, 5vw, 64px ), calc( ( 100% - 1240px ) / 2 ) ); }
.ivy-cta--titre-lateral .ivy-cta__inner { display: grid; grid-template-columns: 7fr 5fr; gap: clamp( 32px, 6vw, 96px ); align-items: end; }
.ivy-root.ivy-cta--titre-lateral .ivy-cta__title { align-self: end; margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.1; }
.ivy-cta--titre-lateral .ivy-cta__text { color: var( --ivy-text-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); font-family: var( --ivy-font-titre, inherit ); line-height: 1.45; }
.ivy-cta--titre-lateral .ivy-cta__text p { margin: 0; font: inherit; }
.ivy-cta--titre-lateral .ivy-cta__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 36px; }
.ivy-cta--titre-lateral .ivy-cta__note { margin: 0; color: var( --ivy-note-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); line-height: 1.6; }
:where( .ivy-cta--titre-lateral ) .ivy-cta__button { 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 ); }
:where( .ivy-cta--titre-lateral ) .ivy-cta__button:hover { background: var( --ivy-gold-dark, rgb( 163 132 74 ) ); border-color: var( --ivy-gold-dark, rgb( 163 132 74 ) ); }
:where( .ivy-cta--titre-lateral ) .ivy-cta__button:focus-visible { outline: 2px solid currentcolor; outline-offset: 3px; }
@media ( max-width: 899px ) {
	.ivy-cta--titre-lateral .ivy-cta__inner { grid-template-columns: minmax( 0, 1fr ); align-items: start; }
}
@media ( max-width: 599px ) {
	.ivy-cta--titre-lateral .ivy-cta__actions { align-items: stretch; }
}