.collection-archive-cards-wrapper{display:grid;padding:1rem}@media screen and (max-width:640px){.collection-archive-cards-wrapper{padding:0}}.catergory-archive-button-active{backdrop-filter:blur(10px);background:#e3440a;filter:brightness(1.1) drop-shadow(2px 4px 6px rgba(0,0,0,.2));transition:all .3s}.catergory-archive-button{backdrop-filter:blur(10px);background:var(--gradient-radial)}.filter-bar{position:sticky;top:0;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.05));backdrop-filter:blur(16px);z-index:1000;max-width:100%;width:100%;background:var(--gradient-radial);padding:.5rem;display:flex;flex-direction:row;overflow:auto;scale:1;transform-origin:top left;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow)}.filter-bar:before{content:"";position:absolute;inset:0;z-index:-1;background-image:url(/assets/svg/lines.svg);backdrop-filter:blur(16px);background-size:10px 10px;background-repeat:repeat;opacity:.05;filter:invert(1);pointer-events:none}.filter-bar .filter-bar-flexcol{justify-content:center}@media screen and (max-width:640px){.filter-bar{max-width:100vw;top:0;padding:.5rem 1rem}.filter-bar .filter-bar-flexcol{justify-content:start}}body.TopNavActive .filter-bar{top:0}.case-study-page .archive-card-grid,.search-page .archive-card-grid{margin:0 auto;width:-moz-fit-content;width:fit-content}@media(min-width:568px){.case-study-page .archive-card-grid,.search-page .archive-card-grid{margin-left:auto}}@media(max-width:567px){.case-study-page .archive-card-grid,.search-page .archive-card-grid{margin-left:0}}.archive-card-grid{margin:0 auto;width:-moz-fit-content;width:fit-content}@media(min-width:568px){.archive-card-grid{margin-left:auto}}@media(max-width:567px){.archive-card-grid{margin-left:-1rem}}.card-item{width:calc(33.333% - 1rem);min-width:275px}@media(min-width:640px){.card-item{width:calc(25% - 12px)}}@media(min-width:1024px){.card-item{width:calc(25% - 12px)}}@media(min-width:1921px){.archive-card-grid{margin:0 auto;width:-moz-fit-content;width:fit-content;max-width:1600px;justify-content:center;overflow:auto}.card-item{width:calc(33.333% - 1rem)}}@media(min-width:2560px){.archive-card-grid{max-width:1800px}.card-item{width:calc(20% - 1rem)}}