.portfolio-filter{position:-webkit-sticky;position:sticky;top:100px;background:hsla(0,0%,100%,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid var(--border-subtle);padding:24px;max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:0 8px 32px var(--shadow-dark),inset 0 1px 0 hsla(0,0%,100%,.1)}.portfolio-filter__title{font-size:18px;font-weight:600;color:var(--white);margin-bottom:20px;letter-spacing:-.01em}.portfolio-filter__list{display:flex;flex-direction:column;gap:8px;list-style:none}.portfolio-filter__item{width:100%;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:var(--nav-text)}.portfolio-filter__item:hover{background:hsla(0,0%,100%,.05);color:var(--white)}.portfolio-filter__item--active{background:var(--accent-alpha-10);border:1px solid var(--accent);color:var(--accent);box-shadow:0 4px 12px var(--shadow-ghost)}.portfolio-filter__item--active .portfolio-filter__count{background:var(--accent);color:var(--white)}.portfolio-filter__label{font-size:15px;font-weight:500}.portfolio-filter__count{font-size:13px;font-weight:600;color:var(--nav-text);background:hsla(0,0%,100%,.05);padding:4px 10px;border-radius:8px;transition:all .3s ease;min-width:32px;text-align:center}.portfolio-filter__select-wrapper{display:none}@media(max-width:1024px){.portfolio-filter{position:static;padding:16px;max-height:none}.portfolio-filter__title{display:none}.portfolio-filter__list{flex-direction:row;overflow-x:auto;gap:12px;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.portfolio-filter__list::-webkit-scrollbar{display:none}.portfolio-filter__item{white-space:nowrap;flex-shrink:0;padding:10px 14px}.portfolio-filter__label{font-size:14px}.portfolio-filter__count{font-size:12px;padding:3px 8px}}@media(max-width:768px){.portfolio-filter{padding:12px 0;background:rgba(0,0,0,0);border:none;box-shadow:none}.portfolio-filter__list{display:none}.portfolio-filter__select-wrapper{display:block}.portfolio-filter__select{width:100%;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:12px;color:var(--white);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding:14px 40px 14px 16px}.portfolio-filter__select:hover{background-color:hsla(0,0%,100%,.08)}.portfolio-filter__select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha-10)}.portfolio-filter__select option{background:var(--back);color:var(--white);padding:12px}}