.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-fill,minmax(280px,1fr));container-type:inline-size}.cat-filters{@media screen and (width < 48rem){scrollbar-width:thin;scrollbar-color:var(--clr-brand-primary) var(--clr-brand-secondary);&::-webkit-scrollbar{width:.5rem;height:.5rem}&::-webkit-scrollbar-track{background:var(--clr-brand-secondary)}&::-webkit-scrollbar-thumb{background:var(--clr-brand-primary);border-radius:.25rem}}@media screen and (width >= 48rem){min-height:4.2rem;margin-bottom:1rem;scrollbar-width:auto;scrollbar-color:transparent transparent;transition:scrollbar-color .4s ease;&::-webkit-scrollbar{width:.5rem;height:.5rem}&::-webkit-scrollbar-thumb,&::-webkit-scrollbar-track{background:transparent;transition:background-color .4s ease}&::-webkit-scrollbar-thumb{border-radius:.25rem}&:hover{scrollbar-color:var(--clr-brand-primary) var(--clr-brand-secondary);&::-webkit-scrollbar-track{background:var(--clr-brand-secondary)}&::-webkit-scrollbar-thumb{background:var(--clr-brand-primary)}}}}.page-breadcrumbs{margin-bottom:1rem;font-size:.875rem;color:var(--clr-brand-gray,#6b7280)}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{margin:0 .5rem}.breadcrumb-current{font-weight:500}.no-projects{text-align:center;padding:3rem 1rem;color:var(--clr-brand-gray,#6b7280)}.back-to-projects{display:inline-block;margin-top:1rem;color:var(--clr-brand-primary,#3b82f6);text-decoration:none;font-weight:500}.back-to-projects:hover{text-decoration:underline}.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}