/*
 * hero/duo-taux — transposition de `.offre-tete` (maquette Les Jolies Clés, Notre offre) : grille 65fr / 35fr sans boîte,
 * texte calé sur la boîte de 1240 px à gauche, photo qui occupe toute la hauteur du bloc à droite. La hauteur vient du
 * texte : le réglage « Hauteur minimale » du héros se pose à 0 sur l'instance (la convention 100vh reste le repli).
 * Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-hero--duo-taux { min-height: var( --ivy-hero-min-height, 100vh ); }
.ivy-hero--duo-taux .ivy-hero__inner { display: grid; grid-template-columns: 65fr 35fr; min-block-size: inherit; }
.ivy-hero--duo-taux.ivy-hero--sans-photo .ivy-hero__inner { grid-template-columns: minmax( 0, 1fr ); }
.ivy-hero--duo-taux .ivy-hero__content { align-self: center; padding-block: 40px; padding-inline: max( clamp( 20px, 5vw, 64px ), calc( ( 100vw - 1240px ) / 2 ) ) clamp( 32px, 6vw, 96px ); }
.ivy-hero--duo-taux .ivy-hero__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-hero--duo-taux .ivy-hero__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.15; }
.ivy-hero--duo-taux .ivy-hero__rate { margin: 12px 0 0; color: var( --ivy-rate-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); font-family: var( --ivy-font-titre, inherit ); line-height: 1.3; font-variant-numeric: lining-nums; }
.ivy-hero--duo-taux .ivy-hero__title + .ivy-hero__rate { margin-top: 20px; }
.ivy-hero--duo-taux .ivy-hero__rate-value { font-weight: 700; color: var( --ivy-rate_value-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); }
.ivy-hero--duo-taux .ivy-hero__rate strong { font-weight: 700; }
.ivy-hero--duo-taux .ivy-hero__lead { margin-top: 14px; }
.ivy-hero--duo-taux .ivy-hero__text { color: var( --ivy-text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); line-height: 1.7; }
.ivy-hero--duo-taux .ivy-hero__text p { margin: 0; font-size: inherit; }
.ivy-hero--duo-taux .ivy-hero__media { position: relative; margin: 0; overflow: hidden; }
.ivy-hero--duo-taux .ivy-hero__image { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: var( --ivy-hero-focus, 50% 30% ); }
.ivy-hero--duo-taux.ivy-hero--focus-top .ivy-hero__image { --ivy-hero-focus: 50% 0%; }
.ivy-hero--duo-taux.ivy-hero--focus-bottom .ivy-hero__image { --ivy-hero-focus: 50% 100%; }
@media ( max-width: 899px ) {
	.ivy-hero--duo-taux .ivy-hero__inner { grid-template-columns: minmax( 0, 1fr ); }
	.ivy-hero--duo-taux .ivy-hero__content { padding-inline: clamp( 20px, 5vw, 64px ); }
	.ivy-hero--duo-taux .ivy-hero__media { aspect-ratio: 4 / 3; }
}
