#main .project-filters{width:var(--portfolio-content);margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
#main .project-filters[hidden],#main [hidden]{display:none!important}
.project-filters [role=group]{display:flex;gap:8px}
.project-filters button{font:400 13px/1.4 var(--nd-font-sans);border:1px solid var(--theme-line, #d3d3ce);border-radius:999px;background:var(--theme-surface, #fff);color:var(--theme-ink, #252522);padding:11px 18px;min-height:44px;cursor:pointer}
.project-filters button[aria-pressed=true]{background:var(--theme-ink, #252522);color:var(--theme-surface, #fff);border-color:var(--theme-ink, #252522)}
.project-filters button:focus-visible{outline:2px solid var(--theme-muted, #656560);outline-offset:3px}
.project-filter-status{font:400 12px/1.4 var(--nd-font-sans);color:var(--theme-muted, #656560);margin:0}
#main .project-image-placeholder{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:12px!important;background:var(--theme-placeholder, #e9e9e4)!important;color:var(--theme-muted, #656560);text-align:center;padding:24px;box-sizing:border-box}
.project-image-placeholder span{font:400 20px/1.3 var(--nd-font-sans);max-width:320px}
.project-image-placeholder small{font:400 11px/1.4 var(--nd-font-sans);letter-spacing:.04em}
#main .project-sector{font:400 11px/1.4 var(--nd-font-sans);color:var(--theme-muted, #656560);display:block;margin-top:8px}
#main .project-role-skills{font:400 12px/1.6 var(--nd-font-sans)!important;color:var(--theme-muted, #656560)!important;margin-top:18px!important}
@media(max-width:700px){#main .project-filters{align-items:flex-start;flex-direction:column;gap:12px}.project-image-placeholder span{font-size:18px}}
#main .featured-card>.featured-media.project-image-placeholder,#main [data-framer-name="Project Carousel Window"] .project-image-placeholder{background:var(--theme-placeholder, #e9e9e4)!important}
.project-filters [role=group]{flex-wrap:wrap}
#main .featured-project-heading{flex-wrap:wrap}
#main .featured-project-heading .project-sector{flex-basis:100%;margin-top:0}
#main .project-filter-status{flex-shrink:0}
@media(max-width:1000px){#main .project-filters{flex-direction:column;align-items:flex-start}}