@media(min-width:768px)and (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.portfolio-cinematic .case-visual{overflow:hidden;view-timeline-name:--case-picture}.portfolio-cinematic .case-visual img{animation:portfolio-picture-depth 1s linear both;animation-timeline:--case-picture;animation-range:entry 0% exit 100%}@keyframes portfolio-picture-depth{0%{-o-object-position:50% 0%;object-position:50% 0%}to{-o-object-position:50% 4%;object-position:50% 4%}}}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.portfolio-cinematic :is(.case-links,.hero-actions) a svg{transition:translate .22s cubic-bezier(.22,1,.36,1)}.portfolio-cinematic :is(.case-links,.hero-actions) a:is(:hover,:focus-visible) svg{translate:2px -1px}}