:root{
  --motion-ease-out:cubic-bezier(.23,1,.32,1);
  --motion-ease-in-out:cubic-bezier(.77,0,.175,1);
}

.folio.rv::after{clip-path:inset(0 100% 0 0);transition:clip-path .9s var(--motion-ease-in-out) .15s}
.folio.rv.in::after{clip-path:inset(0 0 0 0)}
.rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--motion-ease-out),transform .8s var(--motion-ease-out)}
.rv.in{opacity:1;transform:none}
.rv:focus-within{opacity:1;transform:none;transition:none}
.rv-media{opacity:.55;clip-path:inset(0 0 12% 0);transition:opacity .9s var(--motion-ease-out),clip-path 1.1s var(--motion-ease-in-out)}
.rv-media.in{opacity:1;clip-path:inset(0 0 0 0)}

@media (prefers-reduced-motion:reduce){
  .rv,.rv-media{opacity:1;transform:none;clip-path:none;transition:none!important}
  .folio.rv::after{clip-path:none;transition:none!important}
}