.work-hero{margin-bottom:15rem;padding-top:13rem;position:relative}@media (min-width:1024px){.work-hero{margin-bottom:7.63889vw;padding-top:11.80556vw}}.work-hero__list{display:flex;flex-wrap:wrap}@media (hover:hover){.work-hero__list:has(.work-hero__btn:hover) .work-hero__btn:hover{opacity:1}.work-hero__list:has(.work-hero__btn:hover) .work-hero__btn{opacity:.5}}.work-hero__filter{display:flex}.work-hero__btn{opacity:.5;transition:opacity .8s cubic-bezier(.14,1,.34,1)}.work-hero__filter--active .work-hero__btn{opacity:1}@media (max-width:767px){.work-hero__btn.h1{font-size:3.2rem}}.work-hero__filter-slash{opacity:.5}@media (max-width:767px){.work-hero__filter-slash{padding-left:.1em;padding-right:.1em}.work-hero__filter-slash.h1{font-size:3.2rem}}.work-hero__accordion-wrapper{height:.1rem;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .8rem)}@media (min-width:1024px){.work-hero__accordion-wrapper{top:calc(100% + 1.11111vw)}}.work-hero__sub-list{-moz-column-gap:2rem;column-gap:2rem;display:flex;flex-wrap:wrap;opacity:0;padding-bottom:1.4rem;padding-top:1.4rem;row-gap:1rem;transition:opacity .8s cubic-bezier(.14,1,.34,1)}.work-hero__sub-list--visible{opacity:1}@media (min-width:1024px){.work-hero__sub-list{-moz-column-gap:1.38889vw;column-gap:1.38889vw;padding-bottom:1.38889vw;padding-left:.69444vw;padding-top:1.38889vw}}.work-hero__sub-filter{color:#fff;position:relative;transition:color .6s cubic-bezier(.14,1,.34,1),opacity .6s cubic-bezier(.14,1,.34,1)}.work-hero__sub-filter:before{background-color:#fff;border-radius:4.4rem;content:"";top:-.4rem;right:-1rem;bottom:-.4rem;left:-1rem;opacity:0;position:absolute;transform:scale(.4);transition:transform .6s cubic-bezier(.14,1,.34,1),opacity .6s cubic-bezier(.14,1,.34,1)}@media (min-width:1024px){.work-hero__sub-filter:before{border-radius:3.05556vw;top:-.27778vw;right:-.69444vw;bottom:-.27778vw;left:-.69444vw;transform:scale(.4)}}.work-hero__sub-filter--active{color:#000}.work-hero__sub-filter--active:before{opacity:1;transform:scale(1)}@media (hover:hover){.work-hero__sub-filter:hover{opacity:.8}.work-hero__sub-filter:hover.work-hero__sub-filter--active{opacity:1}}.work-hero__sub-filter-label{position:relative;z-index:1}