.project-item{position:relative;display:flex;height:100%;flex-direction:column;align-items:stretch;border-radius:.375rem;padding:1.75rem;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width:576px){.project-item{padding:.75rem}}.project-item__inner{position:relative;z-index:30;display:block;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.project-item__image>img{height:auto;width:100%;border-radius:3px}.project-item__content{margin-top:1.25rem;margin-bottom:.25rem;padding-left:.25rem;padding-right:.25rem}@media (min-width:576px){.project-item__content{margin-top:.75rem}}.project-item__title{margin-bottom:0;display:flex;align-items:center;font-size:1rem;line-height:1.5rem;font-weight:600;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity))}.project-item__title:is(.dark *){--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity))}.project-item__title>svg{margin-left:.25rem;height:.75rem;width:.75rem;--tw-translate-y:0.25rem;--tw-translate-x:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));color:transparent;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.project-item__description{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity))}.project-item__description:is(.dark *){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.project-item__inline{z-index:20;border:1px dashed transparent;background-color:transparent}.project-item__inline,.project-item__outline{position:absolute;inset:0;display:block;height:100%;width:100%;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.project-item__outline{z-index:10;border-radius:.375rem;border-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity))}.project-item__outline:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity))}.project-item__link{position:absolute;inset:0;z-index:40;display:block;height:100%;width:100%}.project-item:hover .project-item__inner{--tw-translate-x:-0.25rem;--tw-translate-y:-0.25rem}.project-item:hover .project-item__inner,.project-item:hover .project-item__title>svg{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.project-item:hover .project-item__title>svg{--tw-translate-x:0px;--tw-translate-y:0px;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.project-item:hover .project-item__inline{--tw-translate-x:-0.25rem;--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.375rem;border-width:1px;border-style:dashed;--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.project-item:hover .project-item__inline:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity))}.project-item:hover .project-item__outline{--tw-translate-x:0.25rem;--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loading-image{animation:shimmer 1s linear infinite alternate;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:200% 100%}@keyframes shimmer{0%{background-position:0 0}to{background-position:-200% 0}}