.card.card-wrapper{grid-template-areas:"thumbnail" "title" "tags" "content" "actions";grid-template-columns:1fr;grid-template-rows:repeat(auto,3) 1fr auto;transition:box-shadow .3s;.card-thumb-wrapper{grid-area:thumbnail}.card-title{grid-area:title}.card-tags{grid-area:tags;align-items:flex-start;height:fit-content}.card-content{grid-area:content}.card-actions{grid-area:actions}}.card.card-wrapper{transition:all .3s ease-out}.card.card-wrapper[data-hover-animation=true]:has(.card-actions .cta-btn:focus),.card.card-wrapper[data-hover-animation=true]:hover{h2{color:var(--clr-brand-primary)}border-radius:0}.card{position:relative}.card .card-link:after{content:"";position:absolute;inset:0}.card .card-link:focus{outline:none;color:var(--clr-brand-primary)}@support (text-box-trim){.card-tags .tag{text-box-trim:both}}.projects-list ul{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));container-type:inline-size}.deco-patterns{z-index:-3;position:absolute;background-image:var(--deco-patterns);background-size:contain;background-position:50%;background-repeat:no-repeat;top:8rem;left:-24rem;width:100%;max-width:100%;height:100%;max-height:80svh;opacity:.32;pointer-events:none}.container:has(.deco-patterns){container-type:inline-size;@container (40rem <= width <= 48rem){.deco-patterns{left:unset;top:6rem;right:-50%;width:100%}}@container (20rem <= width < 40rem){.deco-patterns{left:unset;top:0;right:-50%;width:100%}}@container (width < 20rem){.deco-patterns{display:none}}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}