.accordion-gallery{--ag-accent:#d7ff5f;--ag-overlay:#0b0d10;--ag-text:#f5f5ef;--ag-gap:10px;--ag-radius:16px;--ag-media-size:268px;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%;will-change:flex-grow, transform;-webkit-tap-highlight-color:transparent;background:#0a0713;border:1px solid #f5f5ef14;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--active{flex-grow:4.33}.ag-panel--active .ag-panel__media{--ag-gray:0;--ag-dim:0}.ag-panel--active .ag-panel__bar,.ag-panel--active .ag-panel__text,.ag-panel--active .ag-panel__intro{opacity:1}.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__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;width:100%;height:100%;transition:opacity .55s ease-out;display:block}.ag-panel__media--loaded .ag-panel__img{opacity:1}.ag-panel__overlay{pointer-events:none;background:linear-gradient(180deg, transparent 40%, 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:flex-start;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;margin-top:.15rem}.ag-panel__copy{flex-direction:column;gap:.35rem;min-width:0;display:flex}.ag-panel__text{color:var(--ag-text);font-family:var(--font-display,inherit);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #0000008c;font-size:clamp(.95rem,1.35vw,1.35rem);font-weight:600;line-height:1.2;overflow:hidden}.ag-panel__intro{color:#f5f5efb8;font-family:var(--font-sans,inherit);opacity:0;text-shadow:0 2px 12px #000000a6;max-width:28ch;font-size:clamp(.75rem,1vw,.875rem);line-height:1.45}@media (max-width:520px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__text{white-space:normal}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}.ag-panel__img{opacity:1;transition:none}}