/*
 * cards/tirages — porte depuis les trois cartes de l'accueil de la maquette Astro de Chez Loeli.
 * Engagement 5 : aucun hexadecimal. Le tirage (bord de papier, ruban, pose) est `.ivy-print` du socle.
 */
.ivy-cards--tirages { padding-block: clamp( 48px, 6vw, 88px ); background-image: var( --ivy-grain, none ); color: var( --ivy-ink ); }
.ivy-cards--tirages .ivy-cards__inner { width: min( 100% - 2 * clamp( 20px, 5vw, 56px ), 1200px ); margin-inline: auto; }
.ivy-cards--tirages .ivy-cards__title { color: var( --ivy-title-color, var( --ivy-ink ) ); position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset( 50% ); white-space: nowrap; }
.ivy-cards--tirages .ivy-cards__grid { display: grid; gap: clamp( 20px, 3vw, 40px ); align-items: start; padding-block-start: 14px; }
@media ( min-width: 720px ) { .ivy-cards--tirages .ivy-cards__grid { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); } }

.ivy-cards--tirages .ivy-cards__item {
	display: grid;
	align-content: start;
	min-width: 0;
	border: 1px solid var( --ivy-line-soft );
	border-radius: var( --ivy-radius-surface, 18px );
	background-color: var( --ivy-item-background-color, var( --ivy-print-paper, var( --ivy-surface ) ) );
}
.ivy-cards--tirages .ivy-cards__print { margin: -14px 16px 0; }
.ivy-cards--tirages .ivy-cards__print img { aspect-ratio: 4 / 3; }
.ivy-cards--tirages .ivy-cards__item:nth-child( 3n + 1 ) { --ivy-tilt: -2.2deg; }
.ivy-cards--tirages .ivy-cards__item:nth-child( 3n + 2 ) { --ivy-tilt: 1.6deg; }
.ivy-cards--tirages .ivy-cards__item:nth-child( 3n ) { --ivy-tilt: -1.2deg; }
.ivy-cards--tirages .ivy-cards__item:hover .ivy-cards__print { rotate: 0deg; translate: 0 -4px; }
@media ( min-width: 720px ) {
	.ivy-cards--tirages .ivy-cards__item:nth-child( 3n + 2 ) { margin-block-start: 44px; }
	.ivy-cards--tirages .ivy-cards__item:nth-child( 3n ) { margin-block-start: 18px; }
}
.ivy-cards--tirages .ivy-cards__legend { display: block; padding-block-start: 8px; color: var( --ivy-item_legend-color, var( --ivy-eyebrow-color, var( --ivy-ink ) ) ); font-family: var( --ivy-font-accent ); font-weight: 400; line-height: 1.1; text-align: center; }

.ivy-cards--tirages .ivy-cards__body { display: grid; gap: 8px; justify-items: start; padding: 22px 24px 26px; }
.ivy-cards--tirages .ivy-cards__item-title { margin: 0; color: var( --ivy-item_title-color, var( --ivy-ink ) ); }
.ivy-cards--tirages .ivy-cards__item-text { margin: 0; color: var( --ivy-item_text-color, var( --ivy-muted ) ); font-size: calc( var( --ivy-font-body ) * .882 ); }
.ivy-cards--tirages .ivy-cards__more { display: inline-flex; align-items: center; gap: 8px; margin-block-start: 6px; color: var( --ivy-item_more-color, var( --ivy-accent ) ); font-size: calc( var( --ivy-font-body ) * .882 ); font-weight: 600; text-decoration: none; }
.ivy-cards--tirages .ivy-cards__more::after { content: ''; width: 16px; height: 16px; 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-cards--tirages .ivy-cards__more:hover::after { transform: translateX( 3px ); }