.project-categories-nav::-webkit-scrollbar{height:4px}.project-categories-nav::-webkit-scrollbar-track{background:0 0}.project-categories-nav::-webkit-scrollbar-thumb{background:var(--color-secondary-text);opacity:.3;border-radius:2px}.project-categories-nav::-webkit-scrollbar-thumb:hover{background:var(--color-hover);opacity:.6}
.card.card-wrapper{grid-template-columns:1fr;grid-template-areas:"thumbnail""title""tags""content""actions";grid-template-rows:repeat(auto,3)1fr auto;transition:box-shadow .3s}.card.card-wrapper .card-thumb-wrapper{grid-area:thumbnail}.card.card-wrapper .card-title{grid-area:title}.card.card-wrapper .card-tags{grid-area:tags;align-items:flex-start;height:fit-content}.card.card-wrapper .card-content{grid-area:content}.card.card-wrapper .card-actions{grid-area:actions}.card.card-wrapper{transition:all .3s ease-in-out}.card.card-wrapper img{filter:saturate(.8)brightness(.6)}.card.card-wrapper *{transition:all .3s linear}.card.card-wrapper[data-hover-animation=true]:has(.card-actions .cta-btn:focus) img{filter:saturate()brightness()}.card.card-wrapper[data-hover-animation=true]:has(.card-actions .cta-btn:focus){border-radius:0}.card.card-wrapper[data-hover-animation=true]:hover img{filter:saturate()brightness()}.card.card-wrapper[data-hover-animation=true]:hover{border-radius:0}.card{position:relative}.card .card-link:after{content:"";position:absolute;inset:0}.card .card-link:focus{color:var(--clr-brand-primary);outline:none}@support (text-box-trim){.card-tags.tag { text-box-trim: both; }}