@layer components{[name=ProjectArchive]{padding-block-start:calc(var(--space-section) * .5)}[name=ProjectArchive] .archive-title{color:var(--color-accent);margin-block:0}[name=ProjectArchive] .filter{margin-block:1.5rem 3rem}[name=ProjectArchive] .category-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:1.5rem;border:1px solid var(--color-text);border-radius:0;color:var(--color-text);cursor:pointer;font-size:1rem;line-height:1.5;margin-block-end:0;max-inline-size:17.5rem;padding-block:.75rem;padding-inline:.875rem 3rem}[name=ProjectArchive] .projects{display:grid;gap:1.3125rem;grid-template-columns:repeat(3,1fr)}@media screen and not (min-width:1024px){[name=ProjectArchive] .projects{grid-template-columns:repeat(2,1fr)}}@media screen and not (min-width:768px){[name=ProjectArchive] .projects{grid-template-columns:1fr}}[name=ProjectArchive] .pagination{margin-block-start:calc(var(--space-section) / 2);text-align:center}[name=ProjectArchive] .pagination .button-loadMore{margin-inline:auto}[name=ProjectArchive] .pagination .button-loadMore[hidden]{display:none}[name=ProjectArchive] .projects>[name=ProjectCard][hidden]{display:none}[name=ProjectArchive] .projects-empty[hidden]{display:none}}