.accordion-gallery{--ag-accent:#ffcb9a;--ag-overlay:#2c3531;--ag-text:#d1e8e2;--ag-gap:10px;--ag-radius:16px;--ag-media-size:320px;gap:var(--ag-gap);perspective:1400px;perspective-origin:50%;flex-direction:row;width:100%;max-width:100%;display:flex}.accordion-gallery--vertical{flex-direction:column}.ag-panel{border-radius:var(--ag-radius);cursor:pointer;min-width:0;min-height:0;transform-style:preserve-3d;transform-origin:50%;background:var(--anthracite,#2c3531);will-change:flex-grow, transform;-webkit-tap-highlight-color:transparent;outline:none;flex:1 1 0;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px #000c}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent), 0 10px 30px -18px #000c}.ag-panel__frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-panel__media{--ag-gray:1;--ag-dim:.35;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform, filter;position:absolute;top:50%;left:50%}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ag-panel__overlay{pointer-events:none;background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ag-overlay) 78%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim,.35) * 100%), transparent);position:absolute;inset:0}.ag-panel__label{pointer-events:none;z-index:2;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.ag-panel__bar{background:var(--ag-accent);opacity:0;width:3px;height:26px;box-shadow:0 0 12px color-mix(in srgb, var(--ag-accent) 60%, transparent);border-radius:3px;flex:none}.ag-panel__text{color:var(--ag-text);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #0000008c;font-family:inherit;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:500;overflow:hidden}@media (max-width:520px){.accordion-gallery:not(.accordion-gallery--auto){perspective:none;flex-direction:column;height:auto!important}.accordion-gallery:not(.accordion-gallery--auto) .ag-panel{min-height:84px;transform:none!important}.accordion-gallery:not(.accordion-gallery--auto) .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}.ag-panel__media{transform:translate(-50%,-50%)}.accordion-gallery--auto{height:var(--ag-h)}@media (max-width:767px){.accordion-gallery--auto{height:var(--ag-h-v);flex-direction:column}.accordion-gallery--auto .ag-panel__media,.accordion-gallery--auto .ag-panel__avant-media{width:100%;height:var(--ag-media-size)}}.ag-panel__avant{opacity:0;animation:.35s .5s forwards ag-apparait;position:absolute;inset:0}.ag-panel__avant-media{width:var(--ag-media-size);height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accordion-gallery--vertical .ag-panel__avant-media{width:100%;height:var(--ag-media-size)}.ag-panel__avant-media img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ag-panel--contain .ag-panel__media,.ag-panel--contain .ag-panel__avant-media{width:100%;height:100%}.ag-panel__poignee{z-index:3;background:var(--bronze);pointer-events:none;opacity:0;width:1px;animation:.35s .5s forwards ag-apparait;position:absolute;top:0;bottom:0}.ag-panel__bouton{background:var(--peche);width:40px;height:40px;color:var(--anthracite);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #00000080}.ag-panel__pastille{z-index:3;background:color-mix(in srgb, var(--anthracite) 78%, transparent);pointer-events:none;opacity:0;border-radius:9999px;padding:6px 12px;animation:.35s .5s forwards ag-apparait;position:absolute;top:16px}.ag-panel__pastille--avant{color:var(--platine);left:16px}.ag-panel__pastille--apres{color:var(--peche);right:16px}.ag-panel__curseur{z-index:4;cursor:ew-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.ag-panel__curseur:focus-visible~.ag-panel__poignee .ag-panel__bouton{outline:2px solid var(--platine);outline-offset:3px}.ag-panel:has(.ag-panel__curseur:focus-visible) .ag-panel__bouton{outline:2px solid var(--platine);outline-offset:3px}@keyframes ag-apparait{to{opacity:1}}.ag-panel__nom{z-index:2;color:var(--ag-text);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;transform-origin:0 100%;text-shadow:0 2px 10px #000000b3;pointer-events:none;font-size:11px;font-weight:500;line-height:1.2;transition:opacity .3s;position:absolute;bottom:18px;left:calc(50% + .6em);transform:rotate(-90deg)}.ag-panel--active .ag-panel__nom{opacity:0}.accordion-gallery--vertical .ag-panel__nom{transform-origin:50%;bottom:50%;left:18px;transform:translateY(50%)}@media (max-width:767px){.accordion-gallery--auto .ag-panel__nom{transform-origin:50%;bottom:50%;left:18px;transform:translateY(50%)}}@media (prefers-reduced-motion:reduce){.ag-panel__avant,.ag-panel__poignee,.ag-panel__pastille{animation-duration:0s;animation-delay:0s}}