.accordion-gallery{--ag-accent:#fff;--ag-overlay:#060010;--ag-text:#fff;--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%;--ag-dim:.65;will-change:transform;-webkit-tap-highlight-color:transparent;background:#0a0713;outline:none;flex:1 1 0;text-decoration:none;transition:flex-grow .85s cubic-bezier(.76,0,.24,1);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;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) 88%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) calc(var(--ag-dim,.65) * 100%), transparent);transition:opacity .5s;position:absolute;inset:0}.ag-panel--active .ag-panel__overlay{opacity:0}.ag-panel--active .ag-panel__media{background:var(--ag-overlay)}.ag-panel--active .ag-panel__media img{object-fit:contain;object-position:center}.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:600;overflow:hidden}.ag-panel__vertical-label{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ag-panel__vertical-label span{writing-mode:vertical-rl;color:#fff;font-family:var(--font-display);letter-spacing:.18em;white-space:nowrap;text-transform:uppercase;text-shadow:0 2px 12px #000c;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700}@media (max-width:640px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:72px;transform:none!important}.ag-panel--active{min-height:380px}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel--active .ag-panel__media img{object-fit:cover!important;object-position:center top!important}.ag-panel__vertical-label span{writing-mode:horizontal-tb;letter-spacing:.13em;font-size:.75rem}}@media (min-width:641px) and (max-width:1023px){.accordion-gallery{height:400px!important}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}