.mcf{display:block;overflow:hidden;background:var(--mcf-bg);color:var(--mcf-fg);padding:var(--mcf-padding) 0}.mcf__heading{text-align:center;color:inherit;margin:0 20px 24px;font-family:var(--font-heading-family);font-size:clamp(24px,3vw,38px)}.mcf__stage{position:relative;width:min(100%,1100px);margin:auto;height:clamp(220px,40vw,430px);touch-action:pan-y;outline-offset:-4px}.mcf__card{position:absolute;top:50%;left:50%;width:24%;max-width:260px;aspect-ratio:3/5;border-radius:var(--mcf-radius);overflow:hidden;background:#fff9f7;box-shadow:0 8px 24px #0003;transform:translate(-50%,-50%);transition:transform .65s ease,opacity .65s ease;display:block;will-change:transform}.mcf__card img,.mcf__card svg{display:block;width:100%;height:100%;object-fit:cover}.mcf__card:focus-visible{outline:3px solid var(--mcf-fg);outline-offset:4px}.mcf__controls{display:flex;justify-content:center;gap:18px;margin-top:14px}.mcf__controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:26px;line-height:1}.mcf__controls [data-action=pause]{font-size:15px}@media(max-width:749px){.mcf__card{width:38%}.mcf__stage{height:clamp(245px,66vw,420px)}.mcf__heading{margin-bottom:16px}.mcf__controls{margin-top:8px}}@media(prefers-reduced-motion:reduce){.mcf__card{transition:none}}