.blogs-content-hub__filter{display:flex;flex-direction:column;gap:8px;padding:64px 48px 12px}@media (max-width: 991px){.blogs-content-hub__filter{padding:48px 16px 12px}}.blogs-content-hub__filter-group{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.blogs-content-hub__filter-pill{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:12px 16px;background-color:#f1f1f1;color:#2e103b;font-family:haffersemibold,sans-serif;font-size:11px;line-height:1.1;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;border:none;cursor:pointer;transition:background-color .28s cubic-bezier(.65,0,.35,1)}.blogs-content-hub__filter-pill:hover{background-color:#bbee04}.blogs-content-hub__filter-pill:focus-visible{outline:2px solid #2E103B;outline-offset:2px}.blogs-content-hub__filter-pill--active{background-color:#cfff00}.blogs-content-hub__filter-pill-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:0;height:24px;margin-right:0;overflow:hidden;background-color:#2e103b;color:#fff;opacity:0;transform:scale(.6);transition:width .32s cubic-bezier(.65,0,.35,1),margin-right .32s cubic-bezier(.65,0,.35,1),opacity .22s ease-out,transform .32s cubic-bezier(.65,0,.35,1)}.blogs-content-hub__filter-pill-check svg{flex-shrink:0}.blogs-content-hub__filter-pill--active .blogs-content-hub__filter-pill-check{width:24px;margin-right:8px;opacity:1;transform:scale(1)}.blogs-content-hub__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:96px 48px;margin:48px;background-color:#f1f1f1;color:#2e103b}@media (max-width: 767px){.blogs-content-hub__empty{padding:64px 16px;margin:24px}}.blogs-content-hub__empty-title{margin:0;font-family:hafferlight,sans-serif;font-size:clamp(1.5rem,1.25rem + 1vw,2rem);line-height:1.1;color:#2e103b;font-feature-settings:"ss02" 1,"ss03" 1,"ss04" 1,"ss05" 1,"ss06" 1}.blogs-content-hub__empty-text{margin:0;max-width:520px;font-family:hafferregular,sans-serif;font-size:1rem;line-height:1.5;color:#2e103b}.blogs-content-hub__empty-reset{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:12px 24px;margin-top:12px;background-color:#cfff00;color:#2e103b;font-family:haffersemibold,sans-serif;font-size:11px;line-height:1.1;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;border:none;cursor:pointer;transition:background-color .28s cubic-bezier(.65,0,.35,1)}.blogs-content-hub__empty-reset:hover{background-color:#bbee04}.blogs-content-hub__empty-reset:focus-visible{outline:2px solid #2E103B;outline-offset:2px}.cases-grid--container{display:flow-root;padding-top:64px;background-color:#fff}@media screen and (max-width: 1200px){.cases-grid--container .ratio{aspect-ratio:auto}}.cases-grid--container a{text-decoration:none}.cases-grid .odd-card{background-color:#2e103b}.cases-grid--main{padding:48px}@media screen and (max-width: 768px){.cases-grid--main{padding:24px}}.cases-grid--card{position:relative;z-index:0;display:flex;flex-direction:row;height:100%;min-height:540px;width:100%;color:#fff;text-decoration:none}@media screen and (max-width: 768px){.cases-grid--card{flex-direction:column;min-height:420px}}.cases-grid--card:before{content:"";width:100%;height:420px;position:absolute;bottom:0;left:0}@media screen and (max-width: 768px){.cases-grid--card:before{height:420px}}.cases-grid--image{flex:2 1 0;min-width:0;height:100%;position:relative;display:flex;align-items:stretch}.cases-grid--content{flex:1 1 0;min-width:0;height:100%;padding:48px 24px 24px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 768px){.cases-grid--content{padding:24px}}.cases-grid--content p{margin:0}.cases-grid--heading{position:relative}.cases-grid--heading h2{font-size:2rem;margin-bottom:48px}@media screen and (max-width: 576px){.cases-grid--heading h2{font-size:1.5rem}}.cases-grid--heading .title{color:#fff;margin:0}.cases-grid--heading--subtitle{column-gap:24px;flex-wrap:wrap}.cases-grid--footer{position:relative;display:flex;justify-content:end;align-items:end}.cases-grid--footer .button--icon{cursor:pointer}.cases-grid--text{max-width:600px}.cases-grid--text p{margin:0}.cases-grid--pagination{padding-bottom:64px}@media screen and (max-width: 768px){.cases-grid--pagination{padding-bottom:16px}}.cases-grid--pagination .btn{background:transparent;border:none;padding:12px 16px;font-family:hafferregular;font-style:normal;font-weight:300;line-height:110%;letter-spacing:2.2px;text-transform:uppercase;color:#000}.cases-grid--pagination .btn.active{background:#f1f1f1}.cases-grid--pagination .btn:hover{background:#f8f7f7;cursor:pointer}.content-grid{row-gap:96px;padding:48px}@media screen and (max-width: 768px){.content-grid{row-gap:32px;padding:24px}}.content-grid--card{position:relative;z-index:0;display:flex;flex-direction:column;height:100%;min-height:520px;width:100%;background-color:#f1f1f1;color:#000;text-decoration:none}@media screen and (max-width: 768px){.content-grid--card{min-height:420px}}.content-grid--card:before{content:"";width:100%;height:520px;position:absolute;bottom:0;left:0}@media screen and (max-width: 768px){.content-grid--card:before{height:420px}}.content-grid--image{min-width:0;height:100%;position:relative;display:flex;align-items:stretch}@media screen and (max-width: 768px){.content-grid--image{flex:2 1 0}}.content-grid--content{padding:24px;min-width:0;height:100%}@media screen and (max-width: 768px){.content-grid--content{padding:32px 16px;flex:1 1 0}}.content-grid--content p{margin:0}.content-grid--heading{position:relative}.content-grid--heading--subtitle{column-gap:24px;flex-wrap:wrap}.content-grid--heading h2{font-size:2rem;margin-bottom:48px}@media screen and (max-width: 768px){.content-grid--heading h2{font-size:1.5rem}}.content-grid--heading .title{color:#000;margin:0}.content-grid--footer{position:relative;display:flex;justify-content:end;align-items:end}.content-grid--footer .button--icon{cursor:pointer}@media screen and (min-width: 768px){.content-grid--footer .button--icon{width:70px;height:70px}.content-grid--footer .button--icon .button--circle{clip-path:inset(8px 8px 8px calc(100% - 80px) round 100px)}}.content-grid--text{max-width:600px}.content-grid--text p{margin:0}
