.portfolio-card{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width:768px){.portfolio-card{flex-direction:row}}.portfolio-card .portfolio-image{z-index:10;margin-left:1rem;margin-right:1rem;margin-bottom:-2.5rem;max-width:720px}@media (min-width:768px){.portfolio-card .portfolio-image{margin-left:0;margin-right:-89px;margin-bottom:0}}.portfolio-card .portfolio-image .image-frame{position:relative;border-radius:.75rem;padding:1rem}@media (min-width:768px){.portfolio-card .portfolio-image .image-frame{padding:1.75rem}}.portfolio-card .portfolio-image .image-frame{transition:box-shadow .4s ease;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 0 0 1px hsla(0,0%,100%,.06),0 8px 32px rgba(0,0,0,.4);background:linear-gradient(145deg,#1e293b,#263347)}.portfolio-card .portfolio-image .image-frame:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 0 0 1px rgba(74,144,217,.3),0 0 30px rgba(74,144,217,.15),0 12px 40px rgba(0,0,0,.5)}.portfolio-card .portfolio-image .image-frame:hover .frame-overlay{opacity:1}.portfolio-card .portfolio-image .image-frame .image-inner{position:relative;aspect-ratio:16/8;overflow:hidden;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(33 42 56/var(--tw-bg-opacity))}.portfolio-card .portfolio-image .image-frame .image-inner img{width:100%;height:100%;cursor:pointer;object-fit:cover;object-position:top;transition:transform .5s ease,opacity .3s ease}.portfolio-card .portfolio-image .image-frame .image-inner .frame-overlay{pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity .4s ease;background:linear-gradient(135deg,rgba(74,144,217,.08),transparent 50%,rgba(156,64,255,.06))}.portfolio-card .content-container{display:flex;flex-direction:column;padding:54px 1.25rem 1.25rem 1rem}@media (min-width:768px){.portfolio-card .content-container{height:485px;width:386px;padding-left:106px}}.portfolio-card .content-container{background:linear-gradient(152.37deg,#314259 2.86%,#354965 98.8%)}.portfolio-card .content-container .content-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.portfolio-card .content-container .content-header h4{font-size:1.125rem;line-height:1.75rem;font-weight:700;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.portfolio-card .content-container .content-header .year-badge{flex-shrink:0;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;border:1px solid rgba(74,144,217,.25);background:rgba(74,144,217,.15);color:#7bb8f0}.portfolio-card .content-container .role-tag{margin-top:.375rem;display:inline-block;width:fit-content;border-radius:calc(var(--radius) - 2px);padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;letter-spacing:.025em;border:1px solid rgba(243,236,25,.2);background:rgba(243,236,25,.1);color:#f3ec19}.portfolio-card .content-container p{margin-top:.75rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(184 196 212/var(--tw-text-opacity))}.portfolio-card .content-container .tech-stack{margin-top:1rem;display:flex;align-items:center;gap:.75rem}.portfolio-card .content-container .tech-stack img{width:1.25rem;height:1.25rem;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.portfolio-card .content-container .tech-stack img:hover{--tw-scale-x:1.25;--tw-scale-y:1.25;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))}.portfolio-card .content-container .content-footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:1rem}.portfolio-card .content-container .content-footer .detail-link{display:flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(184 196 212/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.06)}.portfolio-card .content-container .content-footer .detail-link:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transform:translateY(-1px);border-color:rgba(74,144,217,.4);background:rgba(74,144,217,.1)}.portfolio-card .content-container .content-footer .visit-link{display:flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s;box-shadow:0 2px 8px rgba(74,144,217,.3);background:linear-gradient(135deg,#4a90d9,#6c5ce7)}.portfolio-card .content-container .content-footer .visit-link:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(74,144,217,.5)}