/* Le 119 — page « Animations & team building » (team-building.html) : grille de fiches d'animation. */
.animations { padding: 40px var(--gutter-mobile, 20px) 24px; }
.animations-grid { display: grid; grid-template-columns: 1fr; gap: 28px; max-width: var(--container, 1440px); margin: 0 auto; }
.animation-card { display: flex; flex-direction: column; background: var(--color-white, #fff); border: 1px solid var(--color-divider, #D7D7D7); }
.animation-card-media { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--color-bg, #F8F9F9); }
.animation-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.animation-card-media:hover img, .animation-card-media:focus-visible img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .animation-card-media img { transition: none; } .animation-card-media:hover img, .animation-card-media:focus-visible img { transform: none; } }
.animation-card-body { display: flex; flex-direction: column; gap: 12px; padding: 22px 22px 24px; flex: 1; }
.animation-card-title { font-family: var(--font-display, Georgia, serif); font-size: 28px; line-height: 1.15; margin: 0; }
.animation-card-text { margin: 0; color: var(--color-text, #111); line-height: 1.6; }
.animation-card-price { margin: 0; color: var(--color-muted, #5B5B5B); font-size: 15px; }
.animation-card-price strong { color: var(--color-text, #111); font-size: 18px; }
.animation-card .btn { margin-top: auto; align-self: flex-start; }
@media (min-width: 720px) { .animations-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .animations-grid { grid-template-columns: repeat(3, 1fr); } .animations { padding-left: 40px; padding-right: 40px; } }
.animation-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: auto; }
.animation-card-actions .btn { margin-top: 0; }
.animation-card-more { color: var(--color-accent-strong, #BC4520); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.animation-card-more:hover { color: var(--color-accent-hover, #A33A18); }