section.u5m-blog-listing{--cols:3;--gap:30px;.resource-tag{align-items:center;background:var(--white);border:1px solid var(--action1);border-radius:999px;color:var(--action1);display:inline-flex;font-family:"Manrope",var(--font1);font-size:12px;font-weight:500;line-height:1.6;padding:2px 12px}.btn-text.is-stretched-only{background:none;border:0;font-size:0;line-height:0;margin:0;min-height:0;padding:0;position:static;a{position:static;&:after{display:none}&:before{z-index:2}}}.button-group .resource-tag{pointer-events:none;position:relative;z-index:1}.hero{background:linear-gradient(180deg,var(--cf-logo-purple,#272a68) 18.86%,var(--pc-primary-purple,#3d2266) 100%);color:var(--white);margin:0;overflow:hidden;padding:calc(var(--section-padding-y) + 100px) 0 var(--section-padding-y);position:relative;@media (max-width:580px){padding:calc(var(--section-padding-y) + 72px) 0 var(--section-padding-y)}.hero-bg{inset:0;isolation:isolate;pointer-events:none;position:absolute;z-index:0}.hero-bg-base,.hero-bg-gradient,.hero-bg-mask{display:block;height:100%;inset:0;max-width:none;position:absolute;width:100%}.hero-bg-gradient{background:linear-gradient(180deg,var(--cf-logo-purple,#272a68) 18.86%,var(--pc-primary-purple,#3d2266) 100%)}.hero-bg-base{mix-blend-mode:darken;object-fit:cover;object-position:right center;opacity:.95}.hero-bg-mask{mix-blend-mode:soft-light;object-fit:cover;object-position:right top;opacity:.85}.section-inner.center{max-width:820px;position:relative;text-align:center;z-index:1}h1.heading{color:var(--white);margin:0 auto;max-width:900px;span{color:var(--white)}}.description{color:var(--white);font-size:18px;line-height:1.6;margin:20px auto 0;max-width:720px;opacity:.95}}&.has-featured .hero{padding-bottom:calc(var(--section-padding-y) + 180px);@media (max-width:767px){padding-bottom:calc(var(--section-padding-y) + 100px)}@media (max-width:580px){padding-bottom:calc(var(--section-padding-y) + 60px)}}.featured-content-wrap{display:flex;margin:-198px -16px 50px;overflow:visible;padding:16px;position:relative;z-index:2;@media (max-width:767px){margin-bottom:40px;margin-top:-100px}@media (max-width:580px){margin-bottom:40px;margin-top:-60px}.featured-blog-card{background:var(--logo-purple-turned-gray,#f8f8fc);border:1px solid var(--logo-purple-gray,#dadbf1);flex:1 1 100%;max-width:100%;overflow:hidden;width:100%;&:after{background-color:var(--action4);content:"";height:3px;inset:auto 0 0;position:absolute}&:focus-within,&:hover{border:1px solid var(--action1)}@media (min-width:768px){gap:80px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px;.media.image{aspect-ratio:570/327;flex:0 0 46%;width:46%}.content{flex:1 1 0;min-width:0;padding:0 60px 0 0;width:auto}}@media (max-width:767px){.media.image{aspect-ratio:570/327;border-radius:var(--border3) var(--border3) 0 0;width:100%}}.content{.content-upper{.title{color:var(--cf-logo-purple,#272a68);font-family:var(--font2);font-size:40px;font-weight:400;line-height:1.1;margin:0;@media (max-width:1024px){font-size:32px}@media (max-width:580px){font-size:28px}}.read-time{font-size:14px;margin:10px 0 0;opacity:.8}.description{color:var(--black);display:block;margin-top:12px}}.button-group{margin-top:20px}}}}.listing-body{max-width:1180px}.blog-hub-body{align-items:flex-start;display:flex;flex-direction:row;gap:80px;padding:50px 0 var(--section-padding-y);@media (max-width:1024px){display:grid;gap:40px;grid-template-areas:"filters" "main" "subscribe";grid-template-columns:1fr;.filters{grid-area:filters}.blog-main{grid-area:main}.subscribe-card{grid-area:subscribe}.featured-list-card{display:none}}}&.has-featured .blog-hub-body{padding-top:0}.blog-sidebar{display:flex;flex:0 0 320px;flex-direction:column;gap:30px;max-width:100%;width:320px;@media (max-width:1024px){display:contents}}.blog-main{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;width:100%}.sidebar-heading{color:var(--cf-logo-purple,#272a68);font-family:var(--font2);font-size:30px;font-weight:400;line-height:1.1;margin:0}.featured-list-card,.filters{background:var(--white);border:1px solid var(--logo-purple-gray,var(--gray1));border-radius:var(--border3);overflow:hidden;.sidebar-heading{align-items:center;background:var(--card-fill,#fbfcff);border-bottom:1px solid var(--logo-purple-gray,var(--gray1));display:flex;min-height:80px;padding:0 30px}}.filters{.filter-pills{display:flex;flex-wrap:wrap;gap:9px 10px;justify-content:flex-start;padding:30px}.filter-pill{align-items:center;background:var(--white);border:1px solid var(--action1);border-radius:999px;color:var(--action1);display:inline-flex;font-family:"Manrope",var(--font1);font-size:12px;font-weight:500;line-height:1.6;margin:0;padding:2px 12px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease;&:focus,&:hover{background:color-mix(in srgb,var(--action1) 8%,#fff)}&.active,&:focus,&:hover{border-color:var(--action1)}&.active{background:var(--action1);color:var(--white);pointer-events:none}}}.featured-list-card{.featured-list{display:flex;flex-direction:column}.featured-list-item{align-items:flex-start;border-top:1px solid var(--logo-purple-gray,var(--gray1));color:inherit;display:flex;flex-direction:column;gap:6px;padding:20px 30px;text-decoration:none;transition:background-color var(--animation2);&:first-child{border-top:0}&:focus-visible,&:hover{background:var(--card-fill,#fbfcff)}.title{color:var(--cf-logo-purple,#272a68);font-family:"Manrope",var(--font1);font-size:14px;font-weight:800;line-height:1.4}.read-time{color:var(--black);font-size:12px;font-weight:400;margin:0;opacity:.8}.resource-tag{letter-spacing:.32px;margin:0 0 2px}}}.subscribe-card{background:var(--gradient1,linear-gradient(180deg,var(--cf-logo-purple,#272a68) 0,var(--pc-primary-dark-purple,#191b43) 100%));border:1px solid var(--logo-purple-gray,var(--gray1));border-radius:var(--border3);color:var(--white);overflow:hidden;position:relative;.subscribe-cloud{display:block;height:104px;line-height:0;overflow:hidden;pointer-events:none;width:100%;img{display:block;height:104px;width:100%}}.subscribe-content{display:flex;flex-direction:column;gap:16px;margin-top:-32px;padding:0 40px 40px}.subscribe-heading{color:var(--white);font-family:var(--font2);font-size:40px;font-weight:600;letter-spacing:-1.1px;line-height:1.1;margin:0;.accent{color:var(--accent-light,#a7a9fe);display:block}@media (max-width:580px){font-size:32px}}.subscribe-description{color:var(--white);font-size:15px;line-height:1.7;margin:0;opacity:.95}.subscribe-form-wrap{width:100%;form{background:transparent;border:0;display:flex;flex-direction:column;gap:15px;max-width:none;overflow:visible;padding:0}.hs-form-field{margin:0}label{color:var(--white);font-size:13px;font-weight:700;letter-spacing:.5px;line-height:1.7;text-transform:uppercase}.hs-input,input[type=email],input[type=text]{background:var(--white);border:0;border-radius:8px;color:var(--black);min-height:54px;padding:14px 16px;width:100%}.hs-button,input[type=submit]{align-self:flex-start;background:var(--action1);border:0;border-radius:8px;color:var(--white);cursor:pointer;font-size:18px;font-weight:600;margin:0;padding:15px 30px;transition:background-color var(--animation2),color var(--animation2);width:auto;&:focus,&:hover{background-color:var(--accent-light);color:var(--action2)}}.submitted-message{color:var(--white);text-align:left;p{color:var(--white);margin:0}}}}.author{background-color:var(--light-gray);border-radius:var(--border3);margin-bottom:40px;padding:30px;.inner{align-items:flex-start;display:flex;gap:30px;@media (max-width:580px){align-items:center;flex-direction:column;text-align:center}}.avatar{border-radius:var(--border3);flex:0 0 120px;height:120px;overflow:hidden;width:120px;img{height:100%;object-fit:cover;width:100%}}.blog-author-text{h2.header{font-size:20px;font-weight:600}.social{align-items:center;display:flex;gap:10px;@media (max-width:580px){justify-content:center}a{display:flex;svg path{fill:var(--black);transition:var(--animation1)}&:hover svg path{fill:var(--action1)}}}}}.posts{display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:flex-start;--cols:2;--gap:30px;@media (max-width:580px){--cols:1}.card{background:var(--logo-purple-turned-gray,#f8f8fc);border-color:var(--logo-purple-gray,#dadbf1);.media.image{aspect-ratio:353/199;&.is-placeholder{background:var(--light-gray,var(--card-fill,#fbfcff));border-top-left-radius:inherit;border-top-right-radius:inherit}}.content{padding:30px;.content-upper{.title{color:var(--cf-logo-purple,#272a68);font-family:"Manrope",var(--font1);font-size:20px;font-weight:800;line-height:1.4;margin:0}.read-time{font-size:14px;margin:10px 0 0;opacity:.8}}.button-group{margin-top:30px}}}}}