.accordion-gallery{--ag-accent:var(--surface-white,#fff);--ag-overlay:var(--surface-institutional,#102724);--ag-text:var(--surface-white,#fff);--ag-gap:10px;--ag-radius:12px;--ag-media-size:320px;isolation:isolate;perspective:1400px;perspective-origin:50%;width:100%;min-width:0;max-width:100%;position:relative}.accordion-gallery__panels{gap:var(--ag-gap);flex-direction:row;width:100%;min-width:0;height:100%;display:flex}.accordion-gallery--vertical .accordion-gallery__panels{flex-direction:column}.ag-panel{border-radius:var(--ag-radius);flex:var(--ag-fallback-grow,1) 1 0;background:var(--surface-institutional,#102724);min-width:0;min-height:0;color:inherit;cursor:pointer;transform-style:preserve-3d;transform-origin:50%;-webkit-tap-highlight-color:transparent;border:0;outline:none;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 24px 44px -30px #1027249e,0 8px 18px -14px #10272457}.ag-panel:focus-visible,.accordion-gallery__playback:focus-visible{box-shadow:0 0 0 2px var(--surface-white,#fff), 0 0 0 5px var(--sym-accent,#1f6f63);outline:none}.ag-panel__frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-panel__media{--ag-gray:1;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));position:absolute;top:50%;left:50%;transform:translate(-50%,-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;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.ag-panel__overlay{--ag-dim:.42;pointer-events:none;background:linear-gradient(180deg, transparent 44%, color-mix(in srgb, var(--ag-overlay) 82%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim) * 100%), transparent);position:absolute;inset:0}.ag-panel__label{z-index:2;inset-inline:18px;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;bottom:18px}.ag-panel__bar{background:var(--ag-accent);opacity:0;border-radius:3px;flex:0 0 3px;width:3px;height:25px;transform:translate(-12px)}.ag-panel__text{min-width:0;color:var(--ag-text);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 14px #0000009e;opacity:0;font-size:clamp(.9rem,1.3vw,1.16rem);font-weight:600;line-height:1.3;overflow:hidden;transform:translate(-12px)}.ag-panel--active .ag-panel__media{--ag-gray:0}.ag-panel--active .ag-panel__overlay{--ag-dim:0}.ag-panel--active .ag-panel__bar,.ag-panel--active .ag-panel__text{opacity:1;transform:translate(0)}.accordion-gallery__playback{z-index:4;top:16px;width:42px;height:42px;color:var(--surface-white,#fff);cursor:pointer;background:#102724e0;border:1px solid #ffffff57;border-radius:50%;place-items:center;padding:0;transition:background-color .18s,transform .18s;display:grid;position:absolute;inset-inline-end:16px}.accordion-gallery__playback:hover{background:var(--sym-accent-strong,#164f48)}.accordion-gallery__playback:active{transform:scale(.94)}@media (width<=767px){.accordion-gallery{perspective:none;height:var(--ag-mobile-height)!important}.accordion-gallery__panels{flex-direction:column}.ag-panel{min-height:72px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__label{inset-inline-start:14px;bottom:14px}.accordion-gallery__playback{top:12px;width:40px;height:40px;inset-inline-end:12px}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media,.ag-panel__overlay{will-change:auto}.accordion-gallery__playback{transition:none}}