.accordion-gallery{display:flex;gap:12px;width:100%;min-width:0;height:clamp(300px,34vw,440px);perspective:1400px}.ag-panel{position:relative;flex:var(--ag-grow,1) 1 0;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid var(--projects-border);border-radius:0;background:var(--projects-surface);color:var(--projects-text);text-align:left;cursor:pointer;transform-origin:center;-webkit-tap-highlight-color:transparent}.ag-panel[aria-selected=true]{border-color:var(--projects-accent)}.ag-panel:focus-visible{outline:2px solid var(--projects-accent);outline-offset:4px}.ag-panel__frame,.ag-panel__media,.ag-panel__overlay{position:absolute;inset:0}.ag-panel__frame{overflow:hidden}.ag-panel__media{filter:grayscale(var(--ag-gray,0))}.ag-panel__media img{object-fit:cover;user-select:none}.ag-panel[data-portrait=true] .ag-panel__frame{background:radial-gradient(ellipse at 50% 45%,#333267 0,#151b35 45%,#0b0e14 85%)}.ag-panel[data-portrait=true] .ag-panel__media{inset:-48px auto auto 50%;translate:-50% 0;height:auto;width:82%;max-width:520px;aspect-ratio:9/20;border:1px solid #252c42;border-radius:18px;overflow:hidden;background:#080d24;box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 32px rgba(139,130,255,.15)}.ag-panel[data-portrait=true] .ag-panel__media img{object-fit:contain;object-position:top}.ag-panel[data-portrait=true][aria-selected=true] .ag-panel__overlay{background:linear-gradient(180deg,transparent 65%,rgba(8,10,15,.92))}.ag-panel__overlay{background:linear-gradient(180deg,rgba(8,10,15,.18),rgba(8,10,15,.1) 30%,rgba(8,10,15,.92));pointer-events:none}.ag-panel:not([aria-selected=true]) .ag-panel__overlay{background:rgba(8,10,15,.62)}.ag-panel__number{position:absolute;top:18px;right:18px;font:500 12px var(--font-mono)}.ag-panel__logo{position:absolute;top:24px;left:24px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:min(48%,190px);height:76px;padding:14px;background:#F4F7FB;opacity:0;transition:opacity .2s}.ag-panel__logo img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.ag-panel[aria-selected=true] .ag-panel__logo{opacity:1}.ag-panel__label{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:12px;font:600 clamp(1.5rem,3vw,2.6rem)/1.1 var(--font-display);white-space:nowrap}.ag-panel__bar{width:3px;height:28px;background:var(--projects-accent);flex-shrink:0}.ag-panel:not([aria-selected=true]) .ag-panel__label{left:50%;transform:translateX(-50%);writing-mode:vertical-rl;font-size:1.5rem}.ag-panel:not([aria-selected=true]) .ag-panel__bar{width:24px;height:3px}@media (max-width:599px){.accordion-gallery{flex-direction:column;height:calc(260px + var(--ag-count, 3) * 80px);perspective:none;gap:8px}.ag-panel{transform:none!important}.ag-panel[data-portrait=true] .ag-panel__media{top:-28px;width:92%}.ag-panel:not([aria-selected=true]) .ag-panel__label,.ag-panel__label{left:16px;bottom:16px;transform:none;writing-mode:horizontal-tb;font-size:1.5rem}.ag-panel:not([aria-selected=true]) .ag-panel__bar{width:3px;height:24px}.ag-panel__logo{top:16px;left:16px;height:64px;width:150px}.ag-panel__number{top:16px;right:16px}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{transform:none!important}.ag-panel__logo{transition:none}}