.accordion-gallery{--ag-accent:#ff4b5c;--ag-overlay:#0a0a0a;--ag-text:#fff;--ag-gap:14px;--ag-radius:24px;--ag-media-size:900px;display:flex;flex-direction:row;gap:var(--ag-gap);width:100%;max-width:100%;perspective:1400px;perspective-origin:50% 50%}.writing-mode-vertical{writing-mode:vertical-rl}.accordion-gallery--vertical{flex-direction:column}.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:var(--ag-radius);cursor:pointer;display:block;text-decoration:none;outline:none;transform-style:preserve-3d;transform-origin:center center;background:#171717;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 10px 30px -18px rgba(0,0,0,.8);will-change:flex-grow,transform;-webkit-tap-highlight-color:transparent;transition:flex-grow var(--ag-duration,.6s) cubic-bezier(.16,1,.3,1),transform var(--ag-duration,.6s) cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.ag-panel--active{border-color:rgba(255,75,92,.4);box-shadow:0 0 30px rgba(255,75,92,.18)}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent),0 10px 30px -18px rgba(0,0,0,.8)}.ag-panel__frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.ag-panel__media{--ag-gray:1;--ag-dim:0.35;position:absolute;top:50%;left:50%;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform,filter}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none;filter:grayscale(.85) contrast(1.15) brightness(.55);transition:filter .5s ease}.ag-panel--active .ag-panel__media img{filter:grayscale(.15) contrast(1.1) brightness(.75)}.ag-panel__overlay{inset:0;background:linear-gradient(180deg,hsla(0,0%,4%,.2),hsla(0,0%,4%,.96) 85%),radial-gradient(circle at 50% 30%,rgba(255,75,92,.22),transparent 70%)}.ag-panel__label,.ag-panel__overlay{position:absolute;pointer-events:none}.ag-panel__label{left:24px;bottom:24px;right:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:2}.ag-panel__header{display:flex;align-items:center;gap:12px;width:100%}.ag-panel__bar{flex:0 0 auto;width:4px;height:28px;border-radius:4px;background:var(--ag-accent);opacity:0;box-shadow:0 0 14px color-mix(in srgb,var(--ag-accent) 70%,transparent)}.ag-panel__text{color:var(--ag-text);font-family:inherit;font-weight:700;font-size:clamp(1.1rem,1.6vw,1.5rem);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px rgba(0,0,0,.7)}.ag-panel__description{color:#a3a3a3;font-size:clamp(.75rem,1vw,.9rem);line-height:1.5;font-weight:300;max-width:460px;opacity:0;text-shadow:0 1px 8px rgba(0,0,0,.8)}.ag-panel__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ag-panel__tag{font-size:11px;font-weight:500;padding:3px 10px;border-radius:9999px;background:hsla(0,0%,9%,.85);border:1px solid hsla(0,0%,100%,.12);color:#e5e5e5;backdrop-filter:blur(8px)}@media (max-width:640px){.accordion-gallery{flex-direction:column;perspective:none;height:auto!important;gap:12px}.ag-panel{min-height:80px;transform:none!important}.ag-panel--active{min-height:380px}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__label{left:16px;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}