.projects-list ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));container-type:inline-size}@media screen and not (min-width:48rem){.cat-filters{scrollbar-width:thin;scrollbar-color:var(--clr-brand-primary)var(--clr-brand-secondary)}.cat-filters::-webkit-scrollbar{width:.5rem;height:.5rem}.cat-filters::-webkit-scrollbar-track{background:var(--clr-brand-secondary)}.cat-filters::-webkit-scrollbar-thumb{background:var(--clr-brand-primary);border-radius:.25rem}}@media screen and (min-width:48rem){.cat-filters{scrollbar-width:auto;scrollbar-color:transparent transparent;min-height:4.2rem;margin-bottom:1rem;transition:scrollbar-color .4s}.cat-filters::-webkit-scrollbar{width:.5rem;height:.5rem}.cat-filters::-webkit-scrollbar-track{background:0 0;transition:background-color .4s}.cat-filters::-webkit-scrollbar-thumb{background:0 0;border-radius:.25rem;transition:background-color .4s}.cat-filters:hover{scrollbar-color:var(--clr-brand-primary)var(--clr-brand-secondary)}.cat-filters:hover::-webkit-scrollbar-track{background:var(--clr-brand-secondary)}.cat-filters:hover::-webkit-scrollbar-thumb{background:var(--clr-brand-primary)}}.page-breadcrumbs{color:var(--clr-brand-secondary,#0b2732);margin-bottom:1rem;font-size:.875rem}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{margin:0 .5rem}.breadcrumb-current{font-weight:500}.no-projects{text-align:center;color:var(--clr-brand-gray,#6b7280);padding:3rem 1rem}.back-to-projects{color:var(--clr-brand-primary,#3b82f6);margin-top:1rem;font-weight:500;text-decoration:none;display:inline-block}.back-to-projects:hover{text-decoration:underline}.deco-patterns{z-index:-3;background-image:var(--deco-patterns);opacity:.32;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;max-width:100%;height:100%;max-height:80svh;position:absolute;top:8rem;left:-24rem}.container:has(.deco-patterns){container-type:inline-size}@container (40rem<=width<=48rem){.container:has(.deco-patterns) .deco-patterns{left:unset;width:100%;top:6rem;right:-50%}}@container (20rem<=width<40rem){.container:has(.deco-patterns) .deco-patterns{left:unset;width:100%;top:0;right:-50%}}@container not (min-width:20rem){.container:has(.deco-patterns) .deco-patterns{display:none}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.page-subtitle b{color:var(--clr-brand-secondary)}.theme-dark .page-subtitle b{color:var(--clr-brand-primary)}.theme-dark .page-breadcrumbs{color:var(--clr-brand-gray)}