/*
 * hero/tirage — porte depuis HeroInterne.astro de la maquette de Chez Loeli. Engagement 5 : aucun hexadecimal.
 */
.ivy-hero--tirage { min-height: var( --ivy-hero-min-height, 100vh ); padding-block: clamp( 36px, 6vw, 88px ) clamp( 56px, 7vw, 96px ); background-color: var( --ivy-surface ); background-image: var( --ivy-grain, none ); color: var( --ivy-ink ); }
.ivy-hero--tirage .ivy-hero__grid { display: grid; gap: clamp( 32px, 5vw, 72px ); align-items: center; width: min( 100% - 2 * clamp( 20px, 5vw, 56px ), 1200px ); margin-inline: auto; }
@media ( min-width: 900px ) { .ivy-hero--tirage:not( .ivy-hero--alone ) .ivy-hero__grid { grid-template-columns: minmax( 0, 1.2fr ) minmax( 0, .8fr ); } }
.ivy-hero--tirage .ivy-hero__copy { display: grid; gap: 24px; justify-items: start; min-width: 0; }
.ivy-hero--tirage .ivy-hero__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-hero--tirage .ivy-hero__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-hero--tirage .ivy-hero__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink ) ); }
.ivy-hero--tirage .ivy-hl { padding-inline: .04em; color: var( --ivy-script-color, var( --ivy-support ) ); font-family: var( --ivy-font-accent ); font-weight: 400; line-height: .9; letter-spacing: 0; white-space: nowrap; }
@media ( max-width: 380px ) { .ivy-hero--tirage .ivy-hl { white-space: normal; } }
.ivy-hero--tirage .ivy-hero__lede { max-width: 58ch; font-size: var( --ivy-font-lead ); }
.ivy-hero--tirage .ivy-hero__text { display: grid; gap: 14px; color: var( --ivy-text-color, var( --ivy-muted ) ); font-size: inherit; }
.ivy-hero--tirage .ivy-hero__text > * { margin: 0; font-size: inherit; }
.ivy-hero--tirage .ivy-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; }
.ivy-hero--tirage .ivy-hero__cta { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: .85em 1.7em; border: 1.5px solid var( --ivy-cta-border-color, var( --ivy-accent ) ); border-radius: var( --ivy-radius-action, 999px ); font-size: var( --ivy-font-h6 ); font-weight: 600; line-height: 1.2; text-decoration: none; transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease, transform 200ms ease; background-color: var( --ivy-cta-background-color, var( --ivy-accent ) ); color: var( --ivy-cta-color, var( --ivy-on-accent ) ); }
.ivy-hero--tirage .ivy-hero__cta:hover { border-color: var( --ivy-line-accent ); background-color: var( --ivy-line-accent ); color: var( --ivy-on-accent ); }
.ivy-hero--tirage .ivy-hero__cta:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.ivy-hero--tirage .ivy-hero__cta::after { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: var( --ivy-arrow-mask ) center / contain no-repeat; mask: var( --ivy-arrow-mask ) center / contain no-repeat; transition: transform 200ms ease; }
.ivy-hero--tirage .ivy-hero__cta:hover::after { transform: translateX( 3px ); }
.ivy-hero--tirage .ivy-hero__cta--secondary { border-color: var( --ivy-cta_secondary-border-color, var( --ivy-accent ) ); background-color: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-accent ) ); }
.ivy-hero--tirage .ivy-hero__cta--secondary:hover { border-color: var( --ivy-accent ); background-color: var( --ivy-accent ); color: var( --ivy-on-accent ); }
.ivy-hero--tirage .ivy-hero__cta--secondary::after { display: none; }
.ivy-hero--tirage .ivy-hero__visual { width: 100%; max-width: 420px; justify-self: center; }
.ivy-hero--tirage .ivy-hero__media img { aspect-ratio: 4 / 5; }