.grille-realisations{display:grid;grid-template-columns:1fr;gap:1.125rem var(--gouttiere)}@media (min-width: 768px){.grille-realisations{grid-template-columns:repeat(2,1fr)}.grille-realisations>li:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - var(--gouttiere) / 2)}}@media (min-width: 1024px){.grille-realisations{grid-template-columns:repeat(3,1fr)}.grille-realisations>li:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}}.avant-apres{--position: 50%}.avant-apres__cadre{position:relative;aspect-ratio:564 / 413;overflow:hidden;border-radius:18px;background:var(--blanc);touch-action:pan-y}.avant-apres__image,.avant-apres__avant{position:absolute;inset:0;width:100%;height:100%}.avant-apres__image{object-fit:cover}.avant-apres__avant{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.avant-apres__ligne{position:absolute;top:0;bottom:0;left:var(--position);width:4px;background:var(--orange);transform:translate(-50%);pointer-events:none}.avant-apres__ligne:after{content:"";position:absolute;top:50%;left:50%;width:2.25rem;height:2.25rem;border:4px solid var(--orange);border-radius:50%;background:#ffffffd9;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.avant-apres__cadre:hover .avant-apres__ligne:after,.avant-apres__curseur:focus-visible~.avant-apres__ligne:after{opacity:1}.avant-apres__curseur{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.avant-apres__cadre:has(.avant-apres__curseur:focus-visible){outline:3px solid var(--focus);outline-offset:3px}