.ag-root{--ag-height:620px;--ag-gap:10px;--ag-radius:28px;--ag-accent:#dce9ff;--ag-overlay:#061426;--ag-duration:.72s;--ag-ease:cubic-bezier(.2, .8, .2, 1);width:100%;height:var(--ag-height);border-radius:var(--ag-radius);background:#0d1725;gap:0;display:flex;position:relative;overflow:hidden;container:accordion/inline-size}.ag-panel{border-radius:var(--ag-radius);cursor:pointer;min-width:0;transition:flex-basis var(--ag-duration) var(--ag-ease), border-color .35s ease, box-shadow .35s ease;background:#0d1725;border:1px solid #7796d047;outline:none;flex:none;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000002e}.ag-panel:focus-visible{border-color:var(--ag-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--ag-accent) 28%, transparent), 0 18px 45px #00000038}.ag-panel img{object-fit:cover;filter:grayscale(.94)saturate(.4)contrast(1.12)brightness(.46);width:100%;max-width:none;height:100%;transition:transform var(--ag-duration) var(--ag-ease), filter var(--ag-duration) var(--ag-ease);will-change:transform, filter}.ag-panel--active img{filter:grayscale(.08)saturate(.82)contrast(1.06)brightness(.7)}.ag-panel__shade{pointer-events:none;background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ag-overlay) 82%, transparent) 100%), color-mix(in srgb, var(--ag-overlay) 28%, transparent);opacity:.95;transition:opacity .55s;position:absolute;inset:0}.ag-panel--active .ag-panel__shade{opacity:.55}@container accordion (width<=520px){.ag-root{flex-direction:row}.ag-panel{border-radius:min(var(--ag-radius), 18px);flex-basis:0;min-width:0;min-height:0}}@media (prefers-reduced-motion:reduce){.ag-panel,.ag-panel img,.ag-panel__shade{transition:none}}