.po__tete{display: grid;gap: var(--e-3);margin-bottom: var(--e-5)}.po__tete .module-accroche{margin: 0}.po__grille{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--e-4);margin: 0;padding: 0;list-style: none}.po__porte{position: relative;isolation: isolate;display: block;aspect-ratio: 4 / 3;max-height: 22rem;margin-inline: auto;overflow: hidden;border-radius: var(--r-l);border: 1px solid var(--ligne);background: var(--surface);color: var(--sur-photo);text-decoration: none;transition: border-color var(--duree-norm) ease}.po__photo{position: absolute;inset: 0;z-index: -1}.po__photo img,.po__photo img[width][height]{display: block;width: 100%;height: 100%;object-fit: cover;filter: var(--photo-filtre);transition: transform var(--duree-lente) var(--courbe)}.po__photo::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,transparent 25%,var(--voile-photo-3) 52%,var(--voile-photo-5) 92%)}.po__txt{position: absolute;inset: auto 0 0 0;display: grid;gap: var(--e-1);padding: var(--e-5)}.po__titre{justify-self: start;padding-right: var(--e-2);font-family: var(--font-display);font-weight: 900;font-size: var(--affiche-s);line-height: .92;text-transform: uppercase;transform: skewX(var(--incline));transform-origin: 0 100%}.po__texte{font-size: var(--t-m);line-height: 1.3;color: var(--sur-photo)}.po__fleche{position: absolute;top: var(--e-3);right: var(--e-3);display: grid;place-items: center;width: 2.25rem;height: 2.25rem;border-radius: var(--r-pilule);background: var(--accent);color: var(--sur-accent);transition: transform var(--duree-norm) var(--courbe)}.po__fleche .fleche{width: 1rem;height: 1rem}.po__porte:hover,.po__porte:focus-visible{border-color: var(--accent)}.po__porte:hover .po__photo img,.po__porte:focus-visible .po__photo img{transform: scale(1.04)}.po__porte:hover .po__fleche,.po__porte:focus-visible .po__fleche{transform: translateX(3px)}@media (min-width: 900px){.po__tete{grid-template-columns: auto minmax(0,1fr);align-items: end;column-gap: var(--e-6)}.po__grille{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.po__photo img,.po__fleche,.po__porte{transition: none}.po__porte:hover .po__photo img,.po__porte:focus-visible .po__photo img,.po__porte:hover .po__fleche,.po__porte:focus-visible .po__fleche{transform: none}}