.stepgal{--gal-ar:1.7778;aspect-ratio:var(--gal-ar);width:min(100%, calc(var(--gal-ar) * 56.25%));margin-inline:auto;transition:width .45s cubic-bezier(.22,1,.36,1),aspect-ratio .45s cubic-bezier(.22,1,.36,1);position:relative}.stepgal__img{object-fit:contain;opacity:1;width:100%;height:100%;transition:opacity .45s;display:block;position:absolute;inset:0}.stepgal__img[data-off]{opacity:0}.stepgal__dots{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0d1280;border-radius:9999px;align-items:center;gap:.4rem;padding:.32rem .55rem;display:flex;position:absolute;bottom:.65rem;left:50%;translate:-50%}.stepgal__dot{cursor:pointer;background:0 0;border:1px solid #ffffffbf;border-radius:50%;width:7px;height:7px;padding:0;transition:background-color .25s,scale .25s cubic-bezier(.2,.8,.2,1)}.stepgal__dot.is-on{background:#fff;scale:1.2}.stepgal__dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.stepgal,.stepgal__img,.stepgal__dot{transition:none}.stepgal__dot.is-on{scale:1}}