.blog-filters-wrap{& h2{color:var(--color-fluent-dark-navy);font-weight:500;margin-bottom:20px}& .blog-filters{display:none}}.blog-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:50px;margin-top:-5px;& .blog-filters__button{background:transparent;border:1px solid var(--color-fluent-shark);border-radius:4px;color:var(--color-fluent-shark)!important;cursor:pointer;font-size:12px;font-weight:700!important;line-height:1;padding:8px 12px;text-decoration:none;&.is-active,&.is-active:hover,&:hover{background:var(--color-fluent-dark-navy);border:1px solid var(--color-fluent-shark);color:var(--color-white)!important;text-decoration:none}}}.blog-listing{display:grid;gap:24px;&.blog-listing--card.blog-listing--3-col{grid-template-columns:repeat(3,1fr)}&.blog-listing--card.blog-listing--2-col{grid-template-columns:repeat(2,1fr)}&.blog-listing--card.blog-listing--1-col{grid-template-columns:1fr}@media (max-width:1024px){&.blog-listing--card.blog-listing--3-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){&.blog-listing--card.blog-listing--2-col,&.blog-listing--card.blog-listing--3-col{grid-template-columns:1fr}}&.blog-listing--overlay.blog-listing--card.blog-listing--3-col{grid-template-columns:repeat(6,1fr);&>.blog-listing__post--overlay{grid-column:span 2}&>.blog-listing__post--overlay:nth-child(8n+4),&>.blog-listing__post--overlay:nth-child(8n+5){grid-column:span 3}@media (max-width:1024px){grid-template-columns:repeat(2,1fr);&>.blog-listing__post--overlay,&>.blog-listing__post--overlay:nth-child(8n+4),&>.blog-listing__post--overlay:nth-child(8n+5){grid-column:span 1}}@media (max-width:767px){grid-template-columns:1fr}}}.blog-listing__post{border-radius:12px;display:flex;flex-direction:column;min-height:310px;overflow:hidden;position:relative;& .blog-listing__post-title-link:after{content:"";inset:0;position:absolute;z-index:1}& .blog-listing__post-author-name,& .blog-listing__post-tag{position:relative;z-index:2}&.card-shadow{box-shadow:0 4px 24px rgba(0,0,0,.12)}& .blog-listing__post-image-wrapper{display:block;overflow:hidden}& .blog-listing__post-image{display:block;height:100%;min-height:310px;object-fit:cover;transition:transform .3s ease;width:100%}&:hover .blog-listing__post-image{transform:scale(1.03)}& .blog-listing__post-content{display:flex;flex:1;flex-direction:column;padding:0}& .blog-listing__header{display:flex;flex:1;flex-direction:column;margin:0;padding:0 20px 20px}& .blog-listing__post-tags{margin-bottom:24px}& .blog-listing__post-tag{background-color:var(--color-fluent-dark-navy);border-radius:4px;color:var(--color-white);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:12px;padding:9px 8px 10px;text-decoration:none;text-transform:uppercase}& .blog-listing__post-title{margin-bottom:30px}& .blog-listing__post-title-link{line-height:1.3;text-decoration:none}& .blog-listing__post-author{align-items:center;display:flex;gap:10px;margin-bottom:8px}& .blog-listing__post-author-image{border-radius:50%;object-fit:cover}& .blog-listing__post-author-name{font-size:14px;font-weight:600;text-decoration:none}& .blog-listing__post-timestamp{font-size:13px;margin-bottom:16px;opacity:.7}& .blog-listing__post-button.button--simple{align-items:center;color:var(--color-blue-light);display:inline-flex;font-weight:800;margin-top:auto;text-decoration:none}}.blog-listing__post--overlay{border-radius:12px;display:block!important;flex:none!important;overflow:hidden;position:relative!important;& .blog-listing__post-image-wrapper{aspect-ratio:4/3;display:block;flex:none!important;min-height:100%;width:100%}& .blog-listing__post-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}&:hover .blog-listing__post-image{transform:scale(1.03)}& .blog-listing__post-content{background:linear-gradient(0deg,rgba(11,19,64,.92) 0,rgba(11,19,64,.7) 40%,rgba(11,19,64,0));display:flex;flex:none!important;flex-direction:column;inset:0;justify-content:flex-end;padding:0;position:absolute!important;transition:background .35s ease}&:hover .blog-listing__post-content{background:linear-gradient(0deg,rgba(11,19,64,.96) 0,rgba(11,19,64,.78) 55%,rgba(11,19,64,.1))}& .blog-listing__header{flex:none!important;height:auto!important;margin:0;padding:24px}& .blog-listing__post-tags{margin-bottom:6px}& .blog-listing__post-tag{align-items:center;color:var(--color-white)!important;display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.08em;margin-bottom:0!important;opacity:.85;text-decoration:none;text-transform:uppercase}& .blog-listing__post-title{margin:0}& .blog-listing__post-title-link{color:var(--color-white)!important;font-size:22px;font-weight:600;line-height:1.3;text-decoration:none}& .blog-listing__post-author,& .blog-listing__post-button,& .blog-listing__post-timestamp{display:none!important}& .blog-listing__post-cta{align-items:center;color:var(--color-fluent-berry);display:inline-flex;font-size:16px;font-style:normal;font-weight:600;gap:8px;margin-top:12px;max-height:0;opacity:0;overflow:hidden;pointer-events:none;text-decoration:none;transform:translateY(8px);transition:max-height .35s ease,opacity .3s ease,transform .35s ease,margin-top .35s ease}& .blog-listing__post-cta-arrow{color:var(--color-fluent-berry);flex:0 0 auto;height:10px;width:13px}&:focus-within .blog-listing__post-cta,&:hover .blog-listing__post-cta{max-height:40px;opacity:1;transform:translateY(0)}}.hs-content-name-blog-listing,.hs-content-path-case-studies{& .blog-listing__post:not(.blog-listing__post--overlay){& .blog-listing__post-content,& .blog-listing__post-image-wrapper{flex:1}& .blog-listing__header{display:flex;flex:1;flex-direction:column;height:100%;margin:0;padding:0 20px 20px}& .blog-listing__post-button.button--simple{color:var(--color-blue-light);font-weight:800;margin-top:auto}& h3{margin-bottom:30px}}}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:48px auto 0;& .blog-pagination__pages{display:flex;gap:6px;list-style:none;margin:0;padding:0}& .blog-pagination__page{align-items:center;background:transparent;border:1px solid rgba(11,19,64,.15);border-radius:6px;color:var(--color-fluent-dark-navy);display:inline-flex;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 10px;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;&.is-current,&:focus,&:hover{background:var(--color-fluent-dark-navy);border-color:var(--color-fluent-dark-navy);color:var(--color-white)}&.is-current{cursor:default}}& .blog-pagination__link{align-items:center;color:var(--color-fluent-dark-navy);display:inline-flex;font-size:14px;font-weight:600;gap:6px;text-decoration:none;&:focus,&:hover{text-decoration:underline}&.is-disabled{cursor:not-allowed;opacity:.35}}}