.accordion-gallery{--ag-accent:var(--signal);--ag-overlay:oklch(10% .004 60);--ag-text:var(--foreground);--ag-gap:10px;--ag-radius:4px;--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(--card);border:1px solid color-mix(in oklab, var(--rule) 40%, transparent);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}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent)}.ag-panel__frame{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ag-panel__media{--ag-gray:0;--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 oklab, var(--ag-overlay) 82%, transparent) 100%), color-mix(in oklab, var(--ag-overlay) calc(var(--ag-dim,.35) * 100%), transparent);transition:opacity .4s;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 oklab, var(--ag-accent) 60%, transparent);border-radius:3px;flex:none}.ag-panel__text{color:var(--ag-text);font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px #0000008c;font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:400;overflow:hidden}.ag-panel__year{z-index:2;font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--ag-accent);text-shadow:0 1px 8px #0009;pointer-events:none;font-size:.6rem;position:absolute;top:14px;left:16px}@media (width<=640px){.accordion-gallery{perspective:none;flex-direction:column;height:auto!important}.ag-panel{min-height:96px;transform:none!important}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}