.gallery-option[data-variant="accordion"] { --accordion-ease:cubic-bezier(.22,1,.36,1); }
.accordion-heading { margin-bottom:26px; padding:25px 24px; border-radius:32px; background:#eff3f7; text-align:center; }
.accordion-heading h2 { margin:0; color:#1f2936; font-size:clamp(24px,2.4vw,36px); font-weight:700; line-height:1.25; text-transform:uppercase; letter-spacing:-.02em; }
.accordion-stage { height:clamp(320px,35vw,560px); isolation:isolate; }
[data-variant="accordion"] .gallery-slide { left:0; top:0; width:var(--panel-w); height:var(--panel-h); overflow:hidden; border-radius:30px; background:#eff3f7; opacity:1; transform:translate3d(var(--panel-x),var(--panel-y),0); transition:transform 820ms var(--accordion-ease),width 820ms var(--accordion-ease),height 820ms var(--accordion-ease); }
[data-variant="accordion"] .gallery-slide[data-active] { transform:translate3d(var(--panel-x),var(--panel-y),0); opacity:1; }
[data-variant="accordion"] .gallery-slide img { position:absolute; left:50%; top:50%; width:var(--image-w); height:var(--image-h); max-width:none; border-radius:0; transform:translate(-50%,-50%); object-fit:contain; transition:width 820ms var(--accordion-ease),height 820ms var(--accordion-ease); }
[data-variant="accordion"].is-resizing .gallery-slide,[data-variant="accordion"].is-resizing .gallery-slide img { transition:none; }
.accordion-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:18px; }
.accordion-choices { display:flex; align-items:center; gap:4px; flex-shrink:0; }
.accordion-choices button { width:36px; height:42px; padding:0; border:0; border-radius:13px; background:#eff3f7; color:#647282; font-size:12px; font-weight:600; cursor:pointer; transition:background 150ms,color 150ms; }
.accordion-choices button[aria-current] { background:#1f2936; color:white; }
.accordion-toolbar .gallery-caption { min-height:0; padding:0; margin-right:auto; }
.accordion-toolbar .gallery-caption h3 { font-size:15px; }
.accordion-toolbar .work-controls { margin-left:auto; }
@media(hover:hover) and (pointer:fine) { .accordion-choices button:not([aria-current]):hover { background:#e0e8ef; color:#1f2936; } }
@media(max-width:900px) {
  .accordion-stage { height:clamp(680px,130vw,840px); }
  .accordion-heading { padding:21px 18px; margin-bottom:18px; border-radius:25px; }
  [data-variant="accordion"] .gallery-slide { border-radius:17px; }
  [data-variant="accordion"] .gallery-slide[data-active] { border-radius:25px; }
  .accordion-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 8px; margin-top:16px; }
  .accordion-toolbar .gallery-caption { grid-column:1; grid-row:1; }
  .accordion-toolbar .gallery-caption h3 { font-size:14px; }
  .accordion-toolbar .work-controls { grid-column:2; grid-row:1; }
  .accordion-toolbar .work-control { width:32px; height:38px; }
  .accordion-choices { grid-column:1/-1; grid-row:2; justify-content:center; gap:4px; }
  .accordion-choices button { width:32px; height:42px; border-radius:11px; }
}
@media(prefers-reduced-motion:reduce) { [data-variant="accordion"] * { transition:none!important; } }