@charset "UTF-8";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-wrapper{margin-bottom:var(--spacing-lg)}.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);transition:transform .22s ease}.projects__filters-toggle:hover .filters-arrow{transform:translateY(5px)}.projects__filters-toggle.open:hover .filters-arrow{transform:translateY(-1px)}.projects__filters{--_max-height: 300px;overflow:hidden;transition:height .22s ease,max-height .3s ease}@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__archive-link{display:flex;justify-content:end}.projects__archive-link a.button{background-color:var(--color-pink)}.projects__archive-link a.button:after{content:"→";font-family:var(--font-family-canon-s);font-size:var(--font-size-lg);margin-left:var(--spacing-2xs)}.projects__archive-link .link__inner{display:flex;flex-direction:column;align-items:end}