.case-studies-filter{max-width:100vw;padding-inline:var(--edge);margin-block:var(--space-xlg) 0;position:relative;display:flex;flex-direction:column;gap:.625rem;z-index:100}@media only screen and (min-width: 40em){.case-studies-filter{flex-flow:row wrap}}@media only screen and (min-width: 80em){.case-studies-filter{position:sticky;top:6rem}}.case-studies-filter:before,.case-studies-filter:after{width:3rem;height:100%;content:"";position:absolute;top:0;opacity:0;pointer-events:none;transition:opacity .35s ease-out}.case-studies-filter:before{left:var(--edge);background:linear-gradient(90deg,rgba(25,25,25,.4) 0%,rgba(25,25,25,.1) 50%,rgba(25,25,25,0) 100%);border-top-left-radius:3.125rem;border-bottom-left-radius:3.125rem}.case-studies-filter:after{right:var(--edge);background:linear-gradient(90deg,rgba(25,25,25,0) 0%,rgba(25,25,25,.1) 50%,rgba(25,21,21,.4) 100%);border-top-right-radius:3.125rem;border-bottom-right-radius:3.125rem}@media only screen and (min-width: 40em){.case-studies-filter:after{right:14.5rem}}@media only screen and (min-width: 64em){.case-studies-filter:after{right:18.8rem}}.case-studies-filter.scrolled-from-start:before,.case-studies-filter:not(.scrolled-to-end):after{opacity:1}.case-studies-filter__list{flex:1;background-color:var(--white);border-radius:3.125rem;overflow-x:auto}.case-studies-filter__list-wrapper{padding-block:var(--space-xs);padding-inline:var(--space-sm);display:inline-flex;gap:1rem;border-radius:3.125rem}.case-studies-filter__list-wrapper-item{padding-block:var(--space-xs);padding-inline:var(--space-md);position:relative;display:inline-block;white-space:nowrap}@media only screen and (min-width: 64em){.case-studies-filter__list-wrapper-item{padding-block:var(--space-sm)}}.case-studies-filter__list-wrapper-item:before{width:100%;height:100%;content:"";position:absolute;top:0;left:0;background:var(--bluepink);border-radius:3.125rem;opacity:0;transition:opacity .2s ease}.case-studies-filter__list-wrapper-item:hover:before{opacity:.275}.case-studies-filter__list-wrapper-item.active{background:var(--lightbluepink);border-radius:3.125rem}.case-studies-filter__menu{position:relative}@media only screen and (max-width: 39.999em){.case-studies-filter__menu{align-self:end}}.case-studies-filter__menu-btn{padding-block:var(--space-sm);padding-inline:var(--space-md) 2.5rem;position:relative;text-align:right;color:var(--white);background:transparent}@media only screen and (min-width: 40em){.case-studies-filter__menu-btn{min-width:12rem;height:100%;padding-inline:var(--space-md) var(--space-xlg);text-align:left;color:var(--black);background:linear-gradient(90deg,var(--light-blue) 0%,var(--light-pink) 100%);border-radius:3.125rem}}@media only screen and (max-width: 39.999em){.case-studies-filter__menu-btn:before{width:calc(100% - 2.5rem);height:.0625rem;content:"";position:absolute;right:1rem;bottom:.625rem;background:var(--bluepink)}}.case-studies-filter__menu-nav{position:absolute;top:3.5rem;right:.75rem;font-size:var(--font-size-h5);background:var(--bluepink);color:var(--white);border-radius:var(--card-border-radius);transform-origin:top right;animation:growBounce-u968b86 .35s ease-out}@keyframes growBounce-u968b86{0%{transform:scale(0) translateY(-3.5rem) translate(3.5rem);opacity:0}80%{transform:scale(1.075) translate(0) translateY(0);opacity:1}to{transform:scale(1) translateY(0)}}@media only screen and (min-width: 40em){.case-studies-filter__menu-nav{top:5.5rem;right:0rem}}.case-studies-filter__menu-nav-item{padding-block:var(--space-sm);padding-inline:var(--space-md);display:block}.case-studies-filter__menu-nav-item.active{background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.case-studies-filter__menu-nav nav{min-width:18rem;max-width:calc(100vw - 1.75rem);padding-block:var(--space-sm);margin:.0625rem;background-color:var(--black);border-radius:var(--card-border-radius)}.case-studies-filter__menu-nav nav li:hover a{background:var(--bluepink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}