.work [class~=portfolio] a:before,.work [class~=portfolio] a:after{display:none}.work [class~=portfolio] [class~=portfolio-filter] ul{gap:1rem;padding:0;list-style-type:none;display:flex}.work [class~=portfolio] [class~=portfolio-filter] ul li{border:1px solid var(--secondary-color);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:48px;line-height:1;display:flex}.work [class~=portfolio] [class~=portfolio-filter] ul li a{text-align:center;justify-content:center;align-items:center;width:100%;min-height:48px;padding:10px 12px;line-height:1.4;display:flex}.work [class~=portfolio] [class~=portfolio-filter] ul li[class~=on]{border-color:var(--ds-secondary);background:var(--ds-surface)}.work [class~=portfolio] [class~=portfolio-filter] ul li[class~=on] a{color:var(--ds-secondary);font-weight:500}.work [class~=portfolio] [class~=portfolio-filter] ul li:hover{background-color:var(--secondary-color)}.work [class~=portfolio] [class~=portfolio-filter] ul li:hover a{color:var(--bg-color)}.work [class~=portfolio] [class~=portfolio-display]{margin-top:1rem}.work [class~=portfolio] [class~=portfolio-display] [class~=row]{column-gap:2rem}.work [class~=portfolio] [class~=portfolio-display] [class~=row] [class~=col]{flex-direction:column;gap:2rem;display:flex}.work [class~=portfolio] [class~=portfolio-display] [class~=row] [class~=col] a{width:100%}@media (width<=900px){.work [class~=portfolio]{position:relative}.work [class~=portfolio] [class~=portfolio-filter]{width:100%;position:static}.work [class~=portfolio] [class~=portfolio-filter] ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}}