:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}.scroll-swap{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:8px;background:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35),inset 0 1px 0 0 var(--carve-dark),inset 0 -1px 0 0 var(--carve-lip)}.scroll-swap__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.js .scroll-swap{opacity:0;transform:translateY(22px);transition:opacity .5s cubic-bezier(.16,.84,.28,1),transform .5s cubic-bezier(.16,.84,.28,1)}.js .scroll-swap.is-in{opacity:1;transform:none}.js .scroll-swap .scroll-swap__frame{transition:opacity .45s ease,transform .55s cubic-bezier(.16,.84,.28,1)}.js .scroll-swap .scroll-swap__frame--up{opacity:0;transform:scale(1.04) translateY(10px)}.js .scroll-swap.scroll-swap--up .scroll-swap__frame--down{opacity:0;transform:scale(1.04) translateY(-10px)}.js .scroll-swap.scroll-swap--up .scroll-swap__frame--up{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .scroll-swap,.js .scroll-swap.is-in{opacity:1;transform:none;transition:none}.js .scroll-swap .scroll-swap__frame{transition:none}.js .scroll-swap .scroll-swap__frame--up,.js .scroll-swap.scroll-swap--up .scroll-swap__frame--up{opacity:0}.js .scroll-swap.scroll-swap--up .scroll-swap__frame--down{opacity:1;transform:none}}