@layer components{.projects-section{padding-bottom:var(--section)}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:max(2.5rem,min(5vw,4rem));display:flex}.filter{border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;background:0 0;min-height:2.6rem;padding:.5rem 1.15rem;font-size:.9375rem;transition:background-color .3s,color .3s,border-color .3s}.filter:hover{border-color:var(--fg)}.filter[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.proj-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:max(3rem,min(6vw,5rem)) max(1rem,min(2vw,2rem));display:grid}.proj{text-decoration:none;display:block}.proj .ph{aspect-ratio:4/3}.proj .ph img{transition:transform 1.2s var(--ease)}.proj:hover .ph img{transform:scale(1.035)}.proj:focus-visible .ph img{transform:scale(1.035)}.proj-meta{justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1rem;display:flex}.proj-meta .h3{font-weight:400}.proj-meta span{font-size:var(--text-small);color:var(--fg-soft);white-space:nowrap}.proj-tag{font-size:var(--text-small);color:var(--fg-soft);margin-top:.4rem;display:inline-block}.proj-tag b{color:var(--fg);font-weight:500}.proj[data-slot="1"]{grid-column:1/span 7}.proj[data-slot="2"]{grid-column:9/span 4;margin-top:8rem}.proj[data-slot="2"] .ph{aspect-ratio:4/5}.proj[data-slot="3"]{grid-column:2/span 5}.proj[data-slot="3"] .ph{aspect-ratio:4/5}.proj[data-slot="4"]{grid-column:7/span 6;margin-top:10rem}.proj-empty{color:var(--fg-soft);grid-column:1/-1}.r-outro .grid{align-items:start;row-gap:2rem}.r-outro .h2{grid-column:1/span 6}.r-outro .r-text{grid-column:8/span 5}.r-outro .r-text p{color:var(--fg-soft)}.r-outro .r-links{flex-wrap:wrap;gap:.75rem 1.75rem;display:flex}@media not all and (min-width:1081px){.r-outro .h2,.r-outro .r-text{grid-column:1/-1}}@media not all and (min-width:761px){.proj[data-slot]{grid-column:1/-1;margin-top:0}.proj[data-slot] .ph{aspect-ratio:4/3}}}