.case-study-listings{overflow:hidden;position:relative;.wrapper{margin:0 auto;max-width:1376px;padding:150px 16px 120px;position:relative;z-index:2;@media (min-width:991px){padding-bottom:120px;padding-left:16px;padding-right:16px;padding-top:200px}.circle{background-color:var(--color-teal);border-radius:50%;height:8px;width:8px}}.decor{height:clamp(440px,23.6vw,800px);pointer-events:none;position:absolute;right:0;top:0;transform:translateY(100px)}.case-study-listings__heading{padding:0 0 32px;text-align:center}.case-study-listings__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0 0 8px;@media (min-width:516px){gap:8px}@media (min-width:1200px){gap:16px}@media (max-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){grid-template-columns:1fr}}.listing-card{width:100%;.listing-card__link{display:block;text-decoration:none;&:focus-visible .listing-card__media:before,&:hover .listing-card__media:before{opacity:1}&:focus-visible .listing-card__hover,&:hover .listing-card__hover{opacity:1}&:focus-visible .listing-card__tags,&:hover .listing-card__tags{opacity:0;visibility:hidden}}.listing-card__media{border:1px solid #dfe3e5;border-radius:24px;height:clamp(360px,36.458vw,525px);overflow:hidden;position:relative;&:before{background:linear-gradient(180deg,rgba(42,195,203,.75),rgba(42,195,203,.75));content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:2}}.listing-card__static{height:100%;position:relative;width:100%}.listing-card__image{display:block;height:100%;object-fit:cover;width:100%}.listing-card__tags{bottom:16px;display:flex;flex-wrap:wrap;gap:4px;left:16px;list-style:none;margin:0;opacity:1;overflow:hidden;padding:0;position:absolute;transition:opacity .2s ease,visibility .2s ease;visibility:visible;white-space:nowrap;z-index:2}.listing-card__tag{background-color:#fff;border-radius:6px;color:var(--color-navy);flex:0 0 auto;font-family:var(--font-headings);font-size:12px;font-weight:600;padding:12px}.listing-card__hover{color:#000;font-family:var(--font-headings);inset:0;opacity:0;padding:32px;pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:3;&:before{background:#fff;border-radius:14px;content:"";inset:8px;position:absolute;z-index:-1}}.listing-card__hover-excerpt,.listing-card__hover-location{position:relative;z-index:1}.listing-card__hover-excerpt{font-size:clamp(24px,2.8vw,32px);font-weight:400;line-height:1;padding-bottom:16px;p{font-size:clamp(24px,2.8vw,32px);font-weight:400;line-height:1;padding-bottom:16px}}.listing-card__body{color:var(--color-navy);padding:24px 0;h3{padding:0 0 8px}}}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:24px;padding:32px 0}.filters-bar-desktop{display:none;@media (min-width:768px){display:flex}}.filters-bar-mobile{@media (min-width:768px){display:none}.trigger{align-items:center;display:flex;gap:16px;padding:32px 0;.filter-button-trigger{align-items:center;background-color:transparent;border-width:0;display:flex;font-size:20px;gap:10px}}&.is-filters-open .filters-mobile{height:auto;padding-bottom:32px;visibility:visible}&.is-filters-open .filter-button-trigger img{transform:rotate(180deg)}.filters-mobile{align-items:center;display:flex;flex-wrap:wrap;gap:8px;height:0;visibility:hidden;.filter-button-mobile{align-items:center;background:var(--color-gray,#dde1e4);border-radius:8px;color:var(--color-navy);display:flex;font-family:Inter;font-style:normal;font-weight:600;gap:12px;letter-spacing:-.32px;line-height:200%;padding:6px 12px;text-decoration:none;.icon{display:none;height:12px;width:12px}}.is-active{background-color:var(--color-teal);.icon{display:block!important}}}}.filters-bar__left{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filter-button{color:var(--color-navy);flex:0 0 auto;font-family:Inter,sans-serif;font-size:18px;letter-spacing:-.8px;text-decoration:none;transition:0s;white-space:nowrap}.filter-button:hover{transition:0s}.filter-button.is-active,.filter-button:hover{border-bottom:4px solid var(--color-teal);margin-bottom:-4px}@media (max-width:640px){.filters-bar{gap:16px}}.case-study-listings__empty{padding:0 0 500px}}