/* La rueda sigue moviendo la página; la distancia vertical anima la fila. */
.mf-gallery{--gallery-top:0px;background:var(--void);color:var(--silver);position:relative}
.mf-gallery__scene{padding-block:48px}
.mf-gallery__heading{padding-inline:clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.mf-gallery__heading h2{max-width:24ch}
.mf-gallery__heading p{max-width:44ch;color:var(--ash);font-size:var(--txt-body);font-weight:200;margin-top:12px}
.mf-gallery__skip{color:inherit;white-space:nowrap;font-size:13px;text-underline-offset:4px}
.mf-gallery__viewport{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:clamp(24px,5vw,80px)}
.mf-gallery__row{display:flex;gap:24px;width:max-content;padding-inline:clamp(24px,5vw,80px)}
.mf-gallery__card{margin:0;flex:0 0 auto;width:clamp(300px,52vw,760px);scroll-snap-align:start}
.mf-gallery__card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:var(--r);background:#1a1d23}
.mf-gallery__card figcaption{margin-top:14px;font-size:var(--txt-body);line-height:1.5;color:var(--silver);font-weight:200;max-width:46ch}
.mf-gallery__card figcaption span{font-size:12px;color:var(--ash);padding-top:3px}
.mf-gallery__footer{padding-inline:clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;font-size:var(--txt-caption);color:var(--ash)}
.mf-gallery__controls{display:flex;gap:8px}
.mf-gallery__controls button{display:none;border:1px solid rgb(255 255 255 / .22);background:transparent;color:var(--bone);border-radius:50%;width:44px;height:44px;font-size:20px;cursor:pointer}
.mf-gallery.is-ready .mf-gallery__controls button{display:inline-block}
.mf-gallery__controls button:disabled{opacity:.35;cursor:default}
.mf-gallery :focus-visible{outline:2px solid var(--saffron);outline-offset:4px}
.mf-gallery__wheel-hint{display:none}
.mf-gallery.is-pinned .mf-gallery__wheel-hint{display:inline}
.mf-gallery.is-pinned .mf-gallery__touch-hint{display:none}
.mf-gallery.is-pinned .mf-gallery__scene{position:sticky;top:var(--gallery-top);height:calc(100svh - var(--gallery-top));padding-block:28px;display:flex;flex-direction:column;justify-content:center}
.mf-gallery.is-pinned .mf-gallery__viewport{overflow:hidden;scroll-snap-type:none}
.mf-gallery.is-pinned .mf-gallery__row{will-change:transform}
.mf-gallery.is-pinned .mf-gallery__card{width:clamp(300px,46vw,680px)}
.mf-gallery__equipment{padding-block:36px}
@media(max-width:700px){
 .mf-gallery__heading{display:block}.mf-gallery__skip{display:inline-block;margin-top:16px}
 .mf-gallery__card{width:84vw}
 .mf-gallery__footer{align-items:start}.mf-gallery__footer p{max-width:23ch}
}
@media(prefers-reduced-motion:reduce){.mf-gallery__viewport{scroll-behavior:auto}}

/* Celular y tablet: la fila se desliza con el dedo, así que las fotos se muestran
   enteras desde el principio; el barrido de entrada las dejaba vacías al deslizar. */
@media (max-width:1023px){html.js .mf-gallery__card.clip img{clip-path:none!important}}