.portfolio-filters{position:sticky;top:calc(var(--header-height) + 12px);z-index:20;margin-bottom:44px;padding:20px 22px;border:1px solid #334a5d;border-radius:16px;background:#0d1722;box-shadow:0 10px 40px #0004}
.portfolio-filters[hidden],.portfolio-ready>[hidden],[data-portfolio-extra][hidden],[data-portfolio-extra] [hidden]{display:none!important}
.portfolio-filters .eyebrow{display:block;font-size:11px;letter-spacing:.12em;color:#abc1d1;margin-bottom:14px}
.portfolio-filter-options{display:flex;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#45647b transparent;padding:3px 2px 7px}
.portfolio-filter-options button{flex:0 0 auto;white-space:nowrap;font:inherit;font-size:14px;line-height:1.4;padding:11px 18px;min-height:44px;border:1px solid #3a5366;border-radius:30px;background:transparent;color:#d7e5ef;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.portfolio-filter-options button:hover{border-color:#68d5f8;color:#fff}
.portfolio-filter-options button[aria-pressed=true]{background:var(--acid);border-color:var(--acid);color:#041823}
.portfolio-filter-options button:focus-visible{outline:2px solid #86e2ff;outline-offset:3px}
.portfolio-filter-options button:disabled{cursor:wait}
.portfolio-ready .project-offset{padding-top:0}
@media(min-width:701px){.portfolio-ready>[data-portfolio-offset]{padding-top:80px}}
@media(min-width:1600px){.portfolio-ready>[data-portfolio-offset]{padding-top:115px}}
@media(max-width:700px){.portfolio-filters{top:calc(var(--header-height) + 8px);margin-bottom:30px;padding:15px 12px 10px;border-radius:12px}.portfolio-filters .eyebrow{padding-left:4px;margin-bottom:9px}.portfolio-filter-options{gap:7px}.portfolio-filter-options button{padding:10px 15px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.portfolio-filter-options button{transition:none}}