.projects__filter-buttons{display:flex;flex-wrap:wrap;gap:.625rem;padding-block:var(--s-page-padding-block)}.projects__filter-buttons button,.projects__filter-buttons .index-link{color:var(--c-text);cursor:pointer;padding:.2em .4em;border:var(--s-border-thicc);background-color:var(--c-background)}.projects__filter-buttons button:hover,.projects__filter-buttons .index-link:hover{color:var(--c-accent)}.projects__filter-buttons .index-link{text-decoration:none}@media screen and (min-width: 899px){.projects__filter-buttons .index-link{margin-left:auto}}.projects__filter-buttons .index-link.active,.projects__filter-buttons .index-link:focus-visible{color:var(--c-accent)}.projects__filter-buttons:has([data-active=true]) button{color:var(--c-text-disabled)}.projects__filter-buttons:has([data-active=true]) button[data-active=true]{color:var(--c-accent)}.projects__grid .grid{margin-inline:calc(-.5 * var(--s-gap-grid))}.projects__grid .grid-item{width:100%;text-decoration:none;padding-inline:calc(.5 * var(--s-gap-grid));padding-bottom:var(--s-gap-grid)}@media screen and (min-width: 899px){.projects__grid .grid-item{width:50%}}@media screen and (min-width: 1439px){.projects__grid .grid-item{width:33.3333333333%}}@media screen and (min-width: 1919px){.projects__grid .grid-item{width:33.3333333333%}}.projects__grid figure{position:relative}.projects__grid .figcaption{padding-block:calc(var(--s-page-padding-block) / 2);transition:opacity .2s ease-out;color:var(--c-text);font-feature-settings:"tnum"}@media screen and (max-width: 900px){.projects__grid .figcaption{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);font-size:30px;line-height:35px;letter-spacing:0em}}@media screen and (max-width: 900px) and (max-width: 900px){.projects__grid .figcaption{font-size:20px;line-height:25px;letter-spacing:0em}}@media screen and (max-width: 900px){.projects__grid .figcaption .project-number{grid-column:1/span 1}.projects__grid .figcaption .project-title{grid-column:2/span 3}}@media screen and (max-width: 420px){.projects__grid .figcaption{font-size:15px;line-height:18px;letter-spacing:0em}}@media screen and (min-width: 899px){.projects__grid .figcaption{font-size:30px;line-height:35px;letter-spacing:0em;position:absolute;top:0;right:0;bottom:0;left:0;padding:.8rem var(--s-page-padding);color:var(--c-text-inverted);opacity:0;background-color:#00000080;font-feature-settings:"tnum";margin-inline:calc(.5 * var(--s-gap-grid));margin-bottom:var(--s-gap-grid)}}@media screen and (min-width: 899px) and (max-width: 900px){.projects__grid .figcaption{font-size:20px;line-height:25px;letter-spacing:0em}}@media screen and (min-width: 899px){.projects__grid .figcaption:hover{opacity:1}}@layer tweak{figure.upset-image{aspect-ratio:1/1}figure.upset-image.portrait{aspect-ratio:3/4}figure.upset-image.landscape{aspect-ratio:4/3}}