main.frame{display:flex;flex-direction:column;padding-bottom:0}section.projects{padding-bottom:var(--spacing-3xl);flex:1}.project a{text-decoration:none;color:inherit}.project__title{margin-bottom:var(--spacing-sm)}.project__image{position:relative;width:100%}.project__image img{transition:filter .22s ease}.project__image .image__color-overlay{--_img-overlay-color: var(--color-iceblue);position:absolute;transition:opacity .22s ease;opacity:0;top:0;left:0;width:100%;height:100%;background-color:var(--_img-overlay-color);mix-blend-mode:screen}.project__image:hover img{filter:grayscale(100%) contrast(1.5)}.project__image:hover .image__color-overlay{opacity:1}.project__title-main{text-transform:uppercase}.project__title-sub{font-weight:var(--font-weight-normal)}.projects__filters-header{display:flex;align-items:center;gap:var(--spacing-sm)}.projects__filters-toggle{display:inline-flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm);background:transparent;cursor:pointer;font:inherit}.projects__filters-toggle .filters-arrow{transform:translateY(2px)}.projects__filters-clear{background:none;border:none;padding:var(--spacing-2xs) var(--spacing-sm);cursor:pointer;font:inherit;text-decoration:underline}.projects__filters{--_max-height: 300px;overflow:hidden;transition:height .15s ease-out,max-height .17s ease-out}@supports (interpolate-size: allow-keywords){.projects__filters{height:0}.projects__filters.open{height:auto}}@supports not (interpolate-size: allow-keywords){.projects__filters{max-height:0}.projects__filters.open{max-height:var(--_max-height)}}.projects__filter-title{margin-bottom:var(--spacing-xs)}.projects__filter-options{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-2xs)}.projects__filter-option label{display:inline-flex;align-items:center;gap:var(--spacing-2xs);cursor:pointer}.projects__filter-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.projects__filter-option span{position:relative;padding-left:1.6em;display:inline-block}.projects__filter-option span:before,.projects__filter-option span:after{--cirlce-size: 1.1em;content:"";position:absolute;left:0;top:50%;width:var(--cirlce-size);height:var(--cirlce-size);border-radius:50%;transform:translateY(-50%);transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.projects__filter-option span:before{border:1.5px solid currentColor;opacity:1}.projects__filter-option span:after{background:currentColor;transform:translateY(-50%) scale(0);opacity:.15}.projects__filter-option label:hover span:after{transform:translateY(-50%) scale(.35);opacity:.35}.projects__filter-option input[type=checkbox]:checked+span:after{transform:translateY(-50%) scale(.7);opacity:1}.projects__filter-option input[type=checkbox]:checked:hover+span:after{opacity:.35}.projects__filter-option input[type=checkbox]:checked+span:before{border-color:currentColor;opacity:1}.projects__archive-link a.button{background-color:var(--color-pink)}.project.is-hidden{display:none}.projects__filters-clear{font-size:var(--font-size-sm);text-decoration:none;color:var(--color-gray);margin-left:var(--spacing-sm)}.projects__filters-clear:hover{color:var(--color-black)}