.work{background-color:var(--color-black);color:#fff;padding:clamp(9rem,11.8vw,20rem) 0}.work__filters{display:flex;flex-flow:row wrap;gap:1rem;margin-bottom:clamp(6rem,4.8vw,8rem)}.work__filters .button{touch-action:manipulation}.work__filters .button:not(.is-active):is(:hover,:focus){color:var(--color-black)}.work__filters .button.is-active{background-color:var(--color-cerise);border-color:transparent;color:#fff}.work__list{display:grid;gap:4rem}.work__item{--hover-radius:13.5vw;position:relative}.work__item.fade-in{animation:fade-in .25s cubic-bezier(.39,.575,.565,1) both}.work__item.fade-out{animation:fade-out .25s cubic-bezier(.39,.575,.565,1) both}.work__item-media{aspect-ratio:16/9;background-color:#000;border-radius:2rem;overflow:hidden;transition:border-radius .15s ease-out}html:not([data-whatintent=touch]) .work__item:is(:hover,:focus-within) .work__item-media{border-radius:var(--hover-radius)}.work__item-media :is(img,video){display:block;height:100%;object-fit:cover;transition:transform .15s ease-out;width:100%}html:not([data-whatintent=touch]) .work__item:is(:hover,:focus-within) .work__item-media :is(img,video){transform:scale(1.1)}.work__item-title{--min-fs:2.3;--max-fs:5;margin:.54em 0 .25em}.work__item-title a{color:inherit;text-decoration:none}.work__item-title a:after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.work__item-tags{display:flex;flex-flow:row wrap;list-style:none}.work__item-tags,.work__item-tags li{margin:0;padding:0}.work__item-tags li:before{content:none}.work__item-tags li:after{background:none;content:"/";margin:0 .5rem;position:static}.work__item-tags li:last-child:after{content:none}@media (min-width:768px){.work__list{gap:6rem 4rem;grid-template-columns:repeat(2,1fr)}.work__item{--hover-radius:min(6.7vw,12.5rem)}}@keyframes fade-in{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(3rem)}}