.videos{background-color:var(--color-black);color:#fff;padding:clamp(9rem,11.8vw,20rem) 0}.videos__filters{display:flex;flex-flow:row wrap;gap:1rem;margin-bottom:clamp(6rem,4.8vw,8rem)}.videos__filters .button{touch-action:manipulation}.videos__filters .button:not(.is-active):is(:hover,:focus){color:var(--color-black)}.videos__filters .button.is-active{background-color:var(--color-cerise);border-color:transparent;color:#fff}.videos__list{display:grid;gap:4rem}.videos__item{--hover-radius:13.5vw;position:relative}.videos__item.fade-in{animation:fade-in .25s cubic-bezier(.39,.575,.565,1) both}.videos__item.fade-out{animation:fade-out .25s cubic-bezier(.39,.575,.565,1) both}.videos__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]) .videos__item:is(:hover,:focus-within) .videos__item-media{border-radius:var(--hover-radius)}.videos__item-media :is(img,video){display:block;height:100%;object-fit:cover;transition:transform .15s ease-out;width:100%}html:not([data-whatintent=touch]) .videos__item:is(:hover,:focus-within) .videos__item-media :is(img,video){transform:scale(1.1)}.videos__item-excerpt{align-items:end;bottom:0;color:#fcfbf9;cursor:pointer;display:flex;font-size:1.8rem;left:0;line-height:1.1;opacity:0;padding:10%;position:absolute;right:0;top:0;transition:opacity .4s ease}.videos__item:hover .videos__item-excerpt{opacity:1}.videos__item:hover .videos__item-excerpt-text{transform:translateY(0)}.videos__item-excerpt svg{background-color:hsla(0,0%,6%,.7);border-radius:50px;left:0;margin:0 auto;position:absolute;right:0;top:38%;transform:translateY(-50%)}@media (max-width:767px){.videos__item-excerpt svg{height:60px;width:60px}}.videos__item-title{--min-fs:2.3;--max-fs:5;margin:.54em 0 .25em}.videos__item-title a{color:inherit;text-decoration:none}.videos__item-title a:after{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.videos__item-tags{display:flex;flex-flow:row wrap;list-style:none;margin:0;padding:0}.videos__item-tags li{margin:0;padding:0}.videos__item-tags li:before{content:none}.videos__item-tags li:after{background:none;content:"/";margin:0 .5rem;position:static}.videos__item-tags li:last-child:after{content:none}@media (min-width:768px){.videos__list{gap:6rem 4rem;grid-template-columns:repeat(2,1fr)}.videos__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)}}