.case-study-listings{overflow:hidden;position:relative;.wrapper{margin:0 auto;max-width:1376px;padding:200px 16px 120px;.heading-1{font-weight:300}.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:nowrap;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:14px;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{justify-content:space-between;padding:32px 0}.filters-bar,.filters-bar__left{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.filter-button{color:var(--color-navy);flex:0 0 auto;font-family:Inter,sans-serif;font-size:clamp(16px,1.39vw,20px);text-decoration:none;white-space:nowrap}.filter-button.is-active,.filter-button:hover{text-decoration:underline}.filter-button--toggle{align-items:center;background:none;border:none;display:inline-flex;gap:8px;line-height:1;padding:0}.filter-button--toggle .filter-button__icon{transition:transform .2s ease}.filter-button--toggle[aria-expanded=true] .filter-button__icon{transform:rotate(180deg)}.filters-bar__search{align-items:center;background:#fff;border:1px solid #d6dbe0;border-radius:8px;display:flex;min-width:280px;padding:0 12px 0 16px;position:relative;transition:border-color .2s ease;z-index:2}.filters-bar__search:focus-within{border-color:var(--color-navy)}.filters-bar__search input[type=search]{background:transparent;border:none;color:var(--color-navy);flex:1 1 auto;font-family:Inter,sans-serif;font-size:16px;min-width:0;outline:none;padding:12px 0}.filters-bar__search input[type=search]::placeholder{color:#98a2b3;opacity:1}.filters-bar__search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.filters-bar__search-submit{align-items:center;background:none;border:none;color:var(--color-navy);display:inline-flex;justify-content:center;padding:4px 0 4px 8px}.filters-bar__search-submit:hover{color:var(--color-teal)}@media (max-width:640px){.filters-bar{gap:16px}.filters-bar__search{min-width:0;width:100%}}.filters-active{align-items:center;display:flex;gap:8px;padding:32px 0 0;.filters-active__label{align-items:center;display:inline-flex;gap:8px}.filters-active__name{font-weight:600}.filters-active__count{font-family:Source Sans\ 3,sans-serif;font-size:32px}.filters-active__clear{align-items:center;background-color:var(--color-teal);display:inline-flex;font-size:12px;justify-content:center;line-height:1;padding:10px 12px;text-decoration:none}.filters-active__clear:hover{background-color:var(--color-navy);color:#fff;text-decoration:none}}.filters-active__label--search{margin-left:8px}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.filters-bar.is-searching .filters-bar__left .filter-button{opacity:.4;pointer-events:none}.case-study-listings__empty{padding:0 0 500px}.case-study-listings__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:48px 0 32px}.case-study-listings__pagination-list{align-items:center;display:flex;gap:4px;list-style:none;margin:0;padding:0}.case-study-listings__pagination-item{display:flex}.case-study-listings__pagination-link{align-items:center;border-radius:8px;color:var(--color-navy);display:inline-flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 12px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.case-study-listings__pagination-link:hover{background-color:rgba(3,37,62,.06);text-decoration:none}.case-study-listings__pagination-link.is-active{background-color:var(--color-teal);color:var(--color-navy);cursor:default;font-weight:600}.case-study-listings__pagination-link--next,.case-study-listings__pagination-link--prev{padding:0 16px}.case-study-listings__pagination-link--prev:before{content:"←";margin-right:8px}.case-study-listings__pagination-link--next:after{content:"→";margin-left:8px}@media (max-width:480px){.case-study-listings__pagination{gap:4px}.case-study-listings__pagination-link{font-size:14px;height:36px;min-width:36px;padding:0 10px}.case-study-listings__pagination-link--next,.case-study-listings__pagination-link--prev{padding:0 12px}.case-study-listings__pagination-link--prev{font-size:0}.case-study-listings__pagination-link--prev:before{font-size:16px;margin-right:0}.case-study-listings__pagination-link--next{font-size:0}.case-study-listings__pagination-link--next:after{font-size:16px;margin-left:0}}}.filters-modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000;&[hidden]{display:none}.filters-modal__backdrop{background:rgba(0,0,0,.5);inset:0;position:absolute;z-index:1}.filters-modal__panel{background:#fff;border-radius:16px;display:flex;flex-direction:column;height:min(640px,calc(100vh - 32px));overflow:hidden;position:relative;width:min(560px,calc(100vw - 32px));z-index:1}.filters-modal__header{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;padding:24px 24px 16px}.filters-modal__close{align-items:center;background:none;border:none;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;width:32px}.filters-modal__list{display:flex;flex:1 1 auto;flex-direction:column;gap:0;min-height:0;overflow-y:auto;padding:0;.filter-button{border-radius:0;color:var(--color-navy);display:block;font-family:Inter,sans-serif;padding:16px 24px;text-align:left;width:100%;&:nth-child(odd){background-color:rgba(0,0,0,.03)}&:nth-child(2n){background-color:transparent}&:focus-visible,&:hover{background-color:rgba(0,0,0,.06)}}}@media (max-width:640px){.filters-modal__panel{border-radius:0;height:100dvh;width:100vw}}}