.project-card{overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(46 46 46/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.5s}@media not all and (min-width:768px){.project-card{aspect-ratio:1/1}}.project-card{animation-timing-function:cubic-bezier(.03,.98,.52,.99);background-repeat:no-repeat;background-size:cover}.project-card:hover{background-position-x:-30px}.project-card .card-body-wrapper{bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;position:absolute;right:0}.project-card .card-body-wrapper .card-bg{aspect-ratio:1/1;left:-5rem;position:absolute;top:1.25rem;width:100%;--tw-scale-y:1.1;--tw-scale-x:1.5;border-radius:9999px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(46 46 46/var(--tw-bg-opacity,1));--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);transition-duration:.2s}.project-card .card-body-wrapper .card-header{align-items:flex-end;background-color:#2e2e2e33;display:flex;font-size:.875rem;justify-content:flex-end;line-height:1.25rem;padding:1.5rem 1rem;position:relative;text-align:left;--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-duration:.2s}@media(min-width:640px){.project-card .card-body-wrapper .card-header{opacity:0}}.project-card .card-body-wrapper .card-header .arrow-link{--tw-translate-y:10%;--tw-scale-x:.6;--tw-scale-y:.6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.project-card .card-body-wrapper .card-body{margin:1.5rem;min-height:4rem;position:relative}.project-card .card-body-wrapper .card-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.project-card .card-body-wrapper .card-body h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:700;-webkit-line-clamp:1;line-height:1.75rem}.project-card .card-body-wrapper .card-body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:.875rem;-webkit-line-clamp:2;line-height:1.25rem;max-width:70%}.project-card .card-body-wrapper .card-body .stack{--tw-text-opacity:1;color:rgb(125 125 125/var(--tw-text-opacity,1))}.project-card:hover>.card-body-wrapper .card-bg{--tw-bg-opacity:1;background-color:rgb(48 194 150/var(--tw-bg-opacity,1))}.project-card:hover>.card-body-wrapper .card-header{background-color:#30c29633;opacity:1}