.case-post{color:#0f1b36;margin:0 auto;overflow-x:clip;& .case-post__hero{background-color:#f0f2fa;margin:0 auto;max-width:var(--blog-width);padding:96px 24px 44px;position:relative;text-align:center;@media (min-width:960px){padding-bottom:44px;padding-top:96px}&:after,&:before{background-color:#f0f2fa;bottom:0;content:"";display:block;height:772px;pointer-events:none;position:absolute;top:0;width:100%}&:before{left:-100%}&:after{right:-100%}}& .case-post__title{color:#101830;font-family:var(--secondary-font);font-size:clamp(32px,5vw,70px);font-weight:700;line-height:1.05;margin:0 auto 20px;text-transform:uppercase;text-wrap:balance}& .case-post__meta{color:#d90b8a;display:flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:12px 28px;justify-content:center}& .case-post__meta-item{align-items:center;display:inline-flex;gap:8px;& i{color:#d90b8a}}& .case-post__feature{margin:0 auto 56px;max-width:calc(var(--blog-width) + 48px);padding:0 24px;position:relative}& .case-post__feature-image{aspect-ratio:16/9;background-color:#d9d9d9;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;& img{border-top-left-radius:10px;border-top-right-radius:10px;display:block;height:100%;object-fit:cover;width:100%}}& .case-post__stats{background:#d90b8a;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#fff;display:grid;grid-template-columns:1fr;margin:0;padding:24px;@media (min-width:600px){grid-template-columns:repeat(3,1fr)}}& .case-post__feature:not(:has(.case-post__feature-image)) .case-post__stats{margin:0}& .case-post__stat{padding:16px;position:relative;text-align:center;@media (min-width:600px){padding-bottom:8px;padding-top:8px;&:not(:last-child):after{background:#fff;bottom:14%;content:"";position:absolute;right:0;top:14%;width:1px}}}& .case-post__stat-value{color:#fff;font-size:34px;font-weight:800;line-height:1;margin:0 0 8px;@media (min-width:960px){font-size:70px}}& .case-post__stat-label{color:#fff;font-size:16px;font-weight:500;line-height:1.3;margin:0;@media (min-width:960px){font-size:20px}}& .case-post__body{display:grid;gap:40px;grid-template-columns:1fr;margin:0 auto 92px;max-width:calc(var(--blog-width) + 48px);padding:0 24px;@media (min-width:960px){gap:64px;grid-template-columns:minmax(0,1fr) 320px}}& .case-post__main{min-width:0}& .case-post__section{margin-bottom:56px;&:last-child{margin-bottom:0}}& .case-post__section-eyebrow{color:#d90b8a;font-size:18px;font-weight:700;letter-spacing:2.16px;margin:0 0 12px;text-transform:uppercase}& .case-post__section-headline{color:#101830;font-family:var(--primary-font);font-size:clamp(28px,3vw,26px);font-weight:700;line-height:1.05;margin:0 0 30px;text-transform:uppercase;text-wrap:balance}& .case-post__section-body{& p{font-size:16px;line-height:1.6;margin:0 0 16px}& p:last-child{margin-bottom:0}& h3{font-family:var(--secondary-font);font-size:20px;font-weight:700;line-height:1.2;margin:32px 0 12px;text-transform:uppercase}}& .case-post__post-cta{border-radius:18px;margin:0 auto 92px;max-width:var(--blog-width);overflow:hidden;padding:48px 32px;position:relative;text-align:center;width:calc(100% - 48px);@media (min-width:768px){padding-bottom:56px;padding-left:64px;padding-right:64px;padding-top:56px}}& .case-post__post-cta-star{height:auto;pointer-events:none;position:absolute;transform:translateY(-50%);width:290px;z-index:0;&.case-post__post-cta-star--left{left:-4%;opacity:.2;top:28%}&.case-post__post-cta-star--right{opacity:.2;right:-4%;top:55%}}& .case-post__post-cta-headline{color:inherit;font-family:var(--primary-font);font-size:clamp(24px,3.4vw,70px);font-weight:900;line-height:1.1;margin:0 0 20px;position:relative;text-transform:uppercase;text-wrap:pretty;z-index:1}& .case-post__post-cta-subhead{color:inherit;font-size:21px;line-height:1.5;margin:0 0 28px;position:relative;z-index:1}& .case-post__post-cta-button-wrap{display:inline-flex;position:relative;z-index:1}& .case-post__sidebar{display:flex;flex-direction:column;gap:32px}& .case-post__promo{border-radius:10px;margin-bottom:40px;overflow:hidden;padding:20px}& .case-post__promo-image{aspect-ratio:16/10;background:hsla(0,0%,100%,.1);margin:20px 0;overflow:hidden;& img{display:block;height:100%;object-fit:cover;width:100%}}& .case-post__promo-headline{font-family:var(--primary-font);font-size:22px;font-weight:900;line-height:1.15;margin:0 0 18px;text-transform:uppercase}& .case-post__promo-link{display:inline-flex;& .button{background-color:#d90b8a;border-color:#d90b8a;font-size:10px;line-height:10px;padding:5px 20px;text-transform:uppercase}}& .case-post__share{display:flex;flex-direction:column;gap:12px;@media (min-width:960px){align-self:start;position:sticky;top:24px}}& .case-post__share-label{align-items:center;border-bottom:1px solid #e5e5e5;color:#d90b8a;display:inline-flex;font-size:12px;font-weight:900;gap:8px;letter-spacing:.12em;margin:0 0 8px;padding-bottom:12px;text-transform:uppercase;& svg{height:20px;width:20px}}& .case-post__share-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0;& li{margin:0;padding:0}}& .case-post__share-link{align-items:center;color:#0f1b36;display:inline-flex;font-size:12px;font-weight:400;gap:12px;text-decoration:none;transition:color .2s ease;&:hover{color:#cf2f86}}& .case-post__share-icon{color:#0f1b36;font-size:16px;text-align:center;width:18px;&.case-post__share-icon--facebook{color:#1877f2}&.case-post__share-icon--linkedin{color:#0a66c2}&.case-post__share-icon--x{color:#000}}}.case-post__related{background:#0b0b3d;margin:0 auto;max-width:var(--blog-width);padding:80px 60px;position:relative;width:100%;@media (max-width:767px){padding-bottom:48px;padding-left:24px;padding-right:24px;padding-top:48px}&:before{left:-100%}&:after,&:before{background-color:#0b0b3d;content:"";display:block;height:772px;position:absolute;top:0;width:100%}&:after{right:-100%}& .case-post__related-track{display:grid;gap:35px;grid-auto-columns:calc(33.33333% - 23.33333px);grid-auto-flow:column;overflow-x:auto;padding:8px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}@media (max-width:900px){gap:24px;grid-auto-columns:calc(50% - 12px)}@media (max-width:600px){gap:16px;grid-auto-columns:82%;padding-right:24px}}& .case-post__related-card{background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;scroll-snap-align:start}& .case-post__related-card-image{aspect-ratio:16/10;background:#d9d9d9;display:block;overflow:hidden;& img{display:block;height:100%;object-fit:cover;object-position:left top;width:100%}}& .case-post__related-card-body{display:flex;flex:1;flex-direction:column;gap:24px;padding:22px 22px 24px}& .case-post__related-card-title{color:#0f1b36;font-size:24px;font-weight:700;line-height:1.3;margin:0;@media (max-width:600px){font-size:18px}& a{font-size:24px;font-weight:700;@media (max-width:600px){font-size:18px}color:inherit;text-decoration:none;&:hover{color:#cf2f86}}}& .case-post__related-card-meta{display:flex;flex-direction:column;gap:14px;margin-top:auto;@media (min-width:600px){align-items:center;flex-direction:row}}& .case-post__related-card-cta{align-items:center;border:1px solid #000;border-radius:999px;color:#000;display:inline-flex;font-size:14px;font-weight:400;letter-spacing:.08em;padding:6px 14px;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease;@media (max-width:599px){align-self:flex-start}&:hover{background:#0f1b36;color:#fff}}& .case-post__related-card-date{color:#8b8b8b;font-size:16px;font-weight:500;letter-spacing:.04em}& .case-post__related-nav{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:inline-flex;height:49px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s ease;width:19px;z-index:2;& svg{display:block}&:hover{opacity:.7}&:disabled{cursor:default;opacity:.3}@media (max-width:767px){display:none}&.case-post__related-nav--prev{left:16px}&.case-post__related-nav--next{right:16px}}}