.accordion-gallery{--ag-accent:#fff;--ag-overlay:#060010;--ag-text:#fff;--ag-gap:12px;--ag-radius:20px;--ag-media-size:360px;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:3px solid #000;outline:none;flex:1 1 0;text-decoration:none;transition:border-color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px -18px #000c}.ag-panel--active{border-color:var(--ag-accent)}.ag-panel:focus-visible{box-shadow:0 0 0 3px 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 20%, color-mix(in srgb, var(--ag-overlay) 88%, 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:16px;left:16px;right:16px}.ag-panel__bar{background:var(--ag-accent);opacity:0;width:4px;height:32px;box-shadow:0 0 14px color-mix(in srgb, var(--ag-accent) 80%, transparent);border-radius:4px;flex:none}.ag-panel__text{color:var(--ag-text);font-family:var(--font-display), sans-serif;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #000000e6;font-size:clamp(1.1rem,2vw,1.6rem);font-style:italic;font-weight:900;overflow:hidden}@media (max-width:640px){.accordion-gallery{perspective:1000px;flex-direction:column;height:560px!important}.ag-panel{min-height:70px}.ag-panel__label{bottom:12px;left:12px;right:12px}.ag-panel__text{white-space:normal;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:1.1rem;display:-webkit-box}.ag-panel__media{width:100%!important;height:100%!important}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}