.page-project .project-card{height:100%;position:relative}.page-project .project-card em{border-bottom-left-radius:0;box-shadow:0 0 1em var(--hovered-bg-dark);left:-1em;padding-left:1.5em;padding-right:1em;position:absolute;top:1em;z-index:2}.page-project .project-card em:before{border-bottom:.5em solid transparent;border-left:.5em solid transparent;border-right:.5em solid transparent;border-right-color:var(--red);border-top:.5em solid transparent;border-top-color:var(--red);content:"";filter:brightness(.8);left:0;position:absolute;top:2em}.page-project .project-card em.blue:before{border-right-color:var(--blue);border-top-color:var(--blue)}.page-project .project-card .card-image{background-color:#666;background-color:color-mix(in srgb,color-mix(in srgb,var(--background-color,#aaa) 70%,#000) 30%,#fff);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);container-name:project-card-image;container-type:inline-size;overflow:hidden;padding-left:25%;padding-right:1em;padding-top:2em;position:relative}.page-project .project-card .card-image .image{aspect-ratio:4/3;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.page-project .project-card .card-image .image-icon{align-items:center;background-color:var(--background-color);background-color:color-mix(in srgb,var(--background-color,#aaa) 90%,#000);border-radius:var(--radius);bottom:10%;color:#fff;display:flex;font-size:2em;font-weight:700;height:40cqw;justify-content:center;left:1rem;padding:5%;position:absolute;text-align:center;width:40cqw;z-index:1}.page-project .project-card .card-image .image-icon img{filter:drop-shadow(5px 5px rgba(0,0,0,.2));width:2.5em}.page-project .project-card .card-image .image-icon img,.page-project .project-card .card-image .image-icon span{position:relative}.page-project .project-card .card-image .image-icon span{font-size:clamp(12px,20cqw,25px)}.page-project .project-card .card-image .image-link{align-items:center;background-color:#0009;content:"";display:flex;justify-content:center;inset:0;opacity:0;padding:1em;position:absolute;text-align:center;transition:opacity .3s;z-index:1}.page-project .project-card .card-image .image-link a{color:var(--text-light);display:block;font-size:2.5em;margin:.25em;padding:.25em;transition:transform .3s}.page-project .project-card .card-image .image-link a:hover{transform:scale(1.2)}.page-project .project-card .card-image:hover .image-link{opacity:1}.page-project .project-card .card-info{padding:var(--padding)}.page-project .project-card p{opacity:.5}.dark-theme .project-card .card-image{background-color:color-mix(in srgb,color-mix(in srgb,var(--background-color,#aaa) 70%,#fff) 30%,#000)}