.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%;will-change:flex-grow,transform;-webkit-tap-highlight-color:transparent;background:#0a0713;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__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 45%,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: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}@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)}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}.accordion-gallery--templates{--ag-grow:3.7;perspective:none}.accordion-gallery--templates .ag-panel{transform-style:flat;will-change:auto;flex-grow:1;transition:flex-grow .55s cubic-bezier(.22,1,.36,1);transform:none}.accordion-gallery--templates .ag-panel--active{flex-grow:var(--ag-grow)}.accordion-gallery--templates .ag-panel__preview{position:absolute;inset:0;overflow:hidden}.accordion-gallery--templates .ag-panel__preview img{width:var(--ag-media-size,48%);max-width:none;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.accordion-gallery--templates .ag-panel--active .ag-panel__preview img{animation:22s ease-in-out infinite template-preview-scroll-loop}@keyframes template-preview-scroll-loop{0%,4%{transform:translate(-50%)translateY(0)}46%,54%{transform:translateX(-50%)translateY(calc(-1*var(--preview-scroll,0px)))}96%,to{transform:translate(-50%)translateY(0)}}.accordion-gallery--templates .ag-panel__frame{--ag-dim:.35}.accordion-gallery--templates .ag-panel--active .ag-panel__frame{--ag-dim:0}.accordion-gallery--templates .ag-panel__tint{pointer-events:none;opacity:0;transition:opacity .2s;position:absolute;inset:0}.accordion-gallery--templates .ag-panel--active .ag-panel__tint{opacity:1}.accordion-gallery--templates .ag-panel__card-details{z-index:5;pointer-events:none;color:#fff;opacity:0;visibility:hidden;background:linear-gradient(#0000 0%,#0600108c 42%,#060010eb 100%);flex-direction:column;gap:8px;padding:56px 16px 16px;transition:opacity .25s,visibility .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.accordion-gallery--templates .ag-panel--active .ag-panel__card-details{opacity:1;visibility:visible}.accordion-gallery--templates .ag-panel__collapsed-name{z-index:2;color:#fff;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;text-shadow:0 2px 14px #0000008c;pointer-events:none;opacity:.9;font-size:.8rem;font-weight:600;transition:opacity .2s;position:absolute;bottom:16px;left:12px;transform:rotate(180deg)}.accordion-gallery--templates .ag-panel--active .ag-panel__collapsed-name{opacity:0;visibility:hidden}.accordion-gallery--templates .ag-panel__open-icon{z-index:6}.accordion-gallery--templates .ag-panel--active .ag-panel__open-icon{opacity:1}@media (max-width:767px){.accordion-gallery.accordion-gallery--templates.accordion-gallery--static{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;height:auto!important}.accordion-gallery--static .ag-panel,.accordion-gallery--static .ag-panel--active{aspect-ratio:3/4;min-height:0;transition:none;flex-grow:1!important}.accordion-gallery--static .ag-panel__preview img,.accordion-gallery--static .ag-panel--active .ag-panel__preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:none;animation:none;inset:0;transform:none}.accordion-gallery--static .ag-panel__frame{--ag-dim:.12}.accordion-gallery--static .ag-panel__card-details,.accordion-gallery--static .ag-panel--active .ag-panel__card-details{display:none}.accordion-gallery--static .ag-panel__collapsed-name,.accordion-gallery--static .ag-panel--active .ag-panel__collapsed-name{writing-mode:horizontal-tb;letter-spacing:.04em;opacity:1;visibility:visible;z-index:5;font-size:.72rem;display:block;bottom:10px;left:10px;right:10px;transform:none}.accordion-gallery--static .ag-panel__open-icon{opacity:1}}@media (prefers-reduced-motion:reduce){.accordion-gallery--templates .ag-panel,.accordion-gallery--templates .ag-panel__preview img{transition:none;animation:none}}