.project-card[data-motion-card]{isolation:isolate;position:relative}.project-card[data-motion-card] .project-link:after{content:"";z-index:3;position:absolute;inset:0}.project-card[data-motion-card] .project-media{transform-origin:50% 80%;transform:perspective(1300px) rotateX(var(--hover-x,0deg)) rotateY(var(--hover-y,0deg));transition:transform var(--card-tilt-duration) var(--ease)}.project-card .project-secondary{clip-path:inset(100% 0 0);transition:clip-path var(--card-secondary-duration) var(--card-reveal-ease);position:absolute;inset:0}.project-card[data-motion-card] .project-index{z-index:2}.project-card[data-motion-card] .project-meta h3{transition:transform var(--card-title-duration) var(--ease)}.project-card[data-motion-card]:focus-within .project-meta h3{transform:translateX(var(--card-title-travel))}.project-card[data-motion-card]:focus-within .project-secondary{clip-path:inset(0)}.project-card[data-motion-card]:focus-within .project-arrow{transform:translate(var(--card-arrow-travel), calc(-1 * var(--card-arrow-travel)))}.project-card[data-motion-card] .project-link:focus-visible{outline-offset:7px}@media (hover:hover) and (pointer:fine){.project-card[data-motion-card]:hover .project-secondary{clip-path:inset(0)}.project-card[data-motion-card]:hover .project-meta h3{transform:translateX(var(--card-title-travel))}.project-card[data-motion-card]:hover .project-arrow{transform:translate(var(--card-arrow-travel), calc(-1 * var(--card-arrow-travel)))}}.motion-paused .project-card[data-motion-card] .project-media,.motion-paused .project-card[data-motion-card] h3,.motion-paused .project-card[data-motion-card] .project-arrow{transform:none}@media (prefers-reduced-motion:reduce){.project-card[data-motion-card] .project-media,.project-card[data-motion-card] .project-meta h3,.project-card[data-motion-card] .project-arrow{transform:none!important}}