.dm-proj-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:-1.5rem 0 2.5rem}.dm-proj-filter__btn{align-items:flex-start;background:transparent;border:1px solid var(--rule);border-radius:999px;color:var(--fg-muted);display:inline-flex;font-size:.95rem;font-weight:500;gap:.3rem;padding:.65rem 1.1rem;transition:all .25s}.dm-proj-filter__btn sup{font-size:.62rem;line-height:1.2;top:0}.dm-proj-filter__btn:hover{border-color:var(--fg-muted);color:var(--fg)}.dm-proj-filter__btn.is-active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.dm-proj-grid{display:grid;gap:clamp(1rem,2vw,1.5rem)}@media (min-width:700px){.dm-proj-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dm-proj-grid--grid{grid-template-columns:repeat(3,1fr)}.dm-proj-grid--bento{grid-auto-rows:325px;grid-template-columns:repeat(12,1fr)}.dm-proj-grid--bento .dm-proj{grid-column:span 4;grid-row:span 1}.dm-proj-grid--bento .dm-proj:nth-child(6n+1){grid-column:span 7;grid-row:span 2}.dm-proj-grid--bento .dm-proj:nth-child(6n+2),.dm-proj-grid--bento .dm-proj:nth-child(6n+3){grid-column:span 5;grid-row:span 1}.dm-proj-grid--bento .dm-proj:nth-child(6n+4),.dm-proj-grid--bento .dm-proj:nth-child(6n+5),.dm-proj-grid--bento .dm-proj:nth-child(6n+6){grid-column:span 4}.dm-proj-grid.dm-proj-grid--bento.is-filtered .dm-proj{grid-column:span 4;grid-row:span 1}}.dm-proj{min-height:320px;position:relative}.dm-proj[hidden]{display:none}.dm-proj__inner{border-radius:var(--r-card);color:#f4f2ec;display:block;inset:0;overflow:hidden;position:absolute;text-decoration:none}.dm-proj-grid--grid .dm-proj{aspect-ratio:4/3.3;min-height:0}.dm-proj__media{border-radius:0;inset:0;position:absolute}.dm-proj__media img{transition:transform 1.1s var(--ease),filter .6s}.dm-proj__inner:after{background:linear-gradient(180deg,rgba(10,10,9,0) 35%,rgba(10,10,9,.82));content:"";inset:0;position:absolute;transition:opacity .5s}.dm-proj:hover .dm-proj__media img{transform:scale(1.06)}.dm-proj__no{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(10,10,9,.55);font-size:.7rem;left:1.25rem;letter-spacing:.12em;padding:.3rem .55rem;position:absolute;top:1.1rem;z-index:2}.dm-proj__info{bottom:0;display:grid;gap:.45rem;left:0;padding:clamp(1.25rem,2.5vw,1.75rem);position:absolute;right:0;z-index:2}.dm-proj__meta{color:hsla(45,27%,94%,.75);display:flex;flex-wrap:wrap;font-size:.68rem;gap:.5rem 1rem;letter-spacing:.1em;text-transform:uppercase}.dm-proj__cat{color:var(--c-accent);font-weight:600}.dm-proj__title{font-size:clamp(1.35rem,2.2vw,2rem);margin:0;padding-right:3.5rem}.dm-proj__detail{color:hsla(45,27%,94%,.7);font-size:.72rem;letter-spacing:.06em;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}.dm-proj:hover .dm-proj__detail{max-height:2rem;opacity:1}.dm-proj__arrow{background:var(--c-accent);border-radius:50%;bottom:clamp(1.25rem,2.5vw,1.75rem);color:var(--c-on-accent);display:grid;height:3rem;opacity:0;place-items:center;position:absolute;right:clamp(1.25rem,2.5vw,1.75rem);transform:scale(.6);transition:all .45s var(--ease);width:3rem}.dm-proj__arrow svg{height:1.1rem;width:1.1rem}.dm-proj:hover .dm-proj__arrow{opacity:1;transform:none}.dm-proj-more{display:flex;justify-content:center;margin-top:clamp(2.5rem,5vw,3.5rem)}