.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;flex:1;justify-content:center;align-items:center;height:4rem;line-height:1;display:flex}.work [class~=portfolio] [class~=portfolio-filter] ul li[class~=on]{border:2px solid var(--primary-color)}.work [class~=portfolio] [class~=portfolio-filter] ul li[class~=on] a{color:var(--primary-color);font-weight:700}.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]{padding-top:calc(4rem + 4px);position:relative}.work [class~=portfolio] [class~=portfolio-filter]{background:var(--bg-alt);z-index:4;width:100%;max-height:calc(4rem + 4px);position:absolute;top:0;overflow:hidden}.work [class~=portfolio] [class~=portfolio-filter][class~=open]{max-height:calc(30rem + 20px)}.work [class~=portfolio] [class~=portfolio-filter] ul{flex-direction:column}.work [class~=portfolio] [class~=portfolio-filter] ul li{min-height:4rem}}