.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-radius:16px;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,40px);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{gap:24px;padding:32px 0}.filters-bar,.filters-bar__left{align-items:center;display:flex;flex-wrap:wrap}.filters-bar__left{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}}