@layer components{.c-archive-project{--archive-project-grid-margin:12.5rem;--api-archive-grid-gap:60px}.c-archive-project__banner{--archive-banner-title-opacity:0;--archive-banner-transition-duration:300ms;--api-title-underline-transition-duration:400ms;--api-title-eyebrow-color:#fff;--api-title-color:#fff;--api-title-underline-color:var(--brand-bronze);--api-filter-button-color:#fff;--api-bg-color:var(--brand-slate);--api-archive-project-banner-color:#fff;--api-archive-filter-chips-color:#fff;background:var(--api-bg-color);color:var(--api-archive-project-banner-color);margin:0;overflow:hidden;padding:5rem 0 var(--archive-project-grid-margin);width:100%}.c-archive-project__banner:has(.is-visible){--archive-banner-title-opacity:1;--archive-banner-title-transform:translateY(0)}.c-archive-project__banner--pewter{--api-bg-color:var(--brand-pewter);--api-title-color:var(--brand-black);--api-archive-project-banner-color:var(--body-color);--api-filter-button-color:var(--body-color);--api-archive-filter-chips-color:var(--body-color)}.c-archive-project__banner__main{display:flex;gap:2.5rem var(--grid-padding);padding:0 var(--grid-browser-gutter);position:relative}.c-archive-project__banner__content{flex:1}.c-archive-project__banner__eyebrow{margin-bottom:.75rem}.c-archive-project__banner__blurb{line-height:1.88;margin-top:2.75rem;max-width:50%;padding-left:8.33333%}.c-archive-project__banner__blurb,.c-archive-project__banner__eyebrow{opacity:var(--archive-banner-title-opacity,0);position:relative;transform:var(--archive-banner-title-transform,translateY(20px));transition-delay:calc(var(--api-title-underline-transition-duration) + var(--archive-banner-transition-duration));transition-duration:var(--archive-banner-transition-duration);transition-property:opacity,transform;transition-timing-function:ease}.c-archive-project__banner__col:nth-of-type(2){margin-top:1.25rem}.c-archive-project__filters{display:flex;gap:20px;margin-bottom:2rem;margin-top:5rem}.c-archive-project__filters__toggle{--api-filter-button-color:inherit;--api-filter-button-font-size:15px}.c-archive-project__filters__chips{color:var(--api-archive-filter-chips-color);margin:0}.c-archive-project__archive{margin-top:calc(var(--archive-project-grid-margin)*-1)}@media only screen and (max-width:800px){.c-archive-project{--archive-project-grid-margin:0}.c-archive-project__banner{padding:4rem var(--grid-browser-gutter) 1.5rem}.c-archive-project__banner__main{flex-direction:column;padding:0}.c-archive-project__banner__blurb{margin-top:1.25rem;max-width:100%;padding-left:0;padding-right:0}.c-archive-project__filters{flex-direction:column;margin-bottom:0;margin-top:2.5rem}.c-archive-project__filters__toggle{margin-right:auto;--api-filter-button-font-size:15px}.c-archive-project__archive{padding:0 0 var(--content-blocks-margin)}.c-archive-project__grid{gap:14px}}}