.blog-listing-container{border-bottom:1px solid #d9d9d9;padding:96px;.container{display:grid;gap:48px}}.blog-tag-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.blog-tag-filter strong{color:#333;margin-right:1em}.blog-tag-filter a{background:#f8f9fa;border:1px solid #e9ecef;border-radius:24px;color:#83817f;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;letter-spacing:.1px;line-height:20px;padding:8px 16px;text-decoration:none}.blog-tag-filter a.active{background:#463a32;color:#fff}.blog-posts-grid{display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.blog-post-card{background:#fff;border-radius:16px;box-shadow:0 0 1px 0 rgba(9,30,66,.31),0 1px 1px 0 rgba(9,30,66,.25);display:grid;grid-template-rows:200px 1fr;height:fit-content;overflow:hidden;.lead-wrapper{display:grid;gap:24px;padding:32px}h3,h3 a{font-size:32px;font-style:normal;font-weight:700;line-height:40px;text-decoration:none}h3{margin-bottom:8px}.blog-post-summary{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-meta{align-items:center;display:flex;gap:8px}.blog-post-featured-image{height:100%;object-fit:cover;width:100%}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px}.avatar-placeholder{background-color:#463a32;border-radius:50%;color:#fff;font-size:12px;height:24px;line-height:24px;text-align:center;width:24px}.blog-post-author{align-items:center;display:flex;gap:8px;justify-content:center}.blog-post-author-name{font-size:18px;line-height:24px}.blog-post-tag{background:#f8f9fa;border:1px solid #e9ecef;border-radius:24px;color:#83817f;font-family:Inter;font-size:12px;font-style:normal;font-weight:600;letter-spacing:.1px;line-height:20px;padding:4px 12px;text-decoration:none}.blog-post-date{color:#83817f;font-size:18px}}.banner-content{display:grid;gap:32px;padding:80px 32px 40px;h1{max-width:884px}.banner-meta{align-items:center;display:flex;gap:8px}.avatar{background-color:#463a32;border-radius:50%;color:#fff;font-size:12px;height:24px;line-height:24px;text-align:center;width:24px}.blog-post-author{align-items:center;display:flex;gap:8px;justify-content:center}.author-name{color:#463a32}.published-date{color:#83817f}.post-tags{display:flex;flex-wrap:wrap;gap:16px}.tag-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:24px;color:#83817f;font-family:Inter;font-size:14px;font-style:normal;font-weight:600;letter-spacing:.1px;line-height:20px;padding:8px 16px;text-decoration:none}}.blog-post-banner{.featured-image{display:flex;padding:0 27px;img{width:100%}}}.blog-post-body{border-bottom:1px solid #d9d9d9;padding:60px 0 128px;.container{display:grid;gap:32px;grid-template-columns:362px 1fr}.sidebar-head{color:#463a32;font-family:var(--sfpro-font-stack);font-size:14px;font-style:normal;font-weight:700;line-height:20px;text-transform:uppercase}.blog-post-sidebar{display:flex;flex-direction:column;gap:16px;padding:0 27px}.blog-post-sidebar{align-self:flex-start;max-height:calc(100vh - 64px);overflow:auto;position:sticky;scrollbar-color:#e9ecef #fff;scrollbar-width:thin;top:96px;transition:scrollbar-color .3s,scrollbar-width .3s;z-index:2;&::-webkit-scrollbar{background:transparent;transition:background-color .3s;width:6px}&::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:8px;transition:background-color .3s}&:focus-within,&:hover{scrollbar-color:#bdbdbd #fff}&:focus-within::-webkit-scrollbar-thumb,&:hover::-webkit-scrollbar-thumb{background:#bdbdbd}&:not(:hover):not(:focus-within)::-webkit-scrollbar-thumb{background:transparent}}.sidebar-navigation{color:#83817f;display:flex;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:20px;text-decoration:none;&.active{color:#ff5e01}}.sidebar-sub-navigation{color:#83817f;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px;text-decoration:none;&.active{color:#ff5e01}}.sidebar-sub-navigation-wrapper{color:#83817f;margin:0;padding-left:26px;li{line-height:20px}}}.blog-post-content{.blog-post-summary{font-size:18px;line-height:28px;padding:0 27px}}.blog-post-about-author{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:16px;padding:32px 31px;.avatar{align-items:center;border:1px solid #e9ecef;border-radius:50%;font-size:24px;height:96px;min-width:96px;width:96px}.author-meta,.avatar{display:flex;justify-content:center}.author-meta{flex-direction:column}.author-name{color:var(--black-color);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.author-organization{color:#000;font-size:19px;line-height:150%;margin-top:8px}.author-organization,.author-summary{font-family:Inter;font-style:normal;font-weight:400}.author-summary{color:#463a32;font-size:16px;letter-spacing:-.16px;line-height:22px;margin-top:16px}}.blog-post-details{display:grid;gap:16px;padding:0 27px 64px;a{color:#ff5e01;text-decoration-line:underline;text-decoration-skip-ink:auto;text-decoration-style:solid;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}h2{margin-top:40px;&:first-child{margin-top:0}}h3{margin-top:24px}ul{margin:0;padding-left:28px}img{cursor:pointer;max-width:100%}}.blog-post-related{border-bottom:1px solid #d9d9d9;padding:96px 0;.container{display:grid;gap:32px}.section-head{margin-bottom:16px}}.blog-related-posts__list{display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width:992px){.blog-listing-container{padding:72px 24px}.blog-post-body{.container{grid-template-columns:262px 1fr}}}@media (max-width:800px){.blog-posts-grid{grid-template-columns:1fr}}@media (max-width:768px){.blog-listing-container{padding:60px 0}.blog-tag-filter{gap:8px;a{font-size:12px;padding:6px 12px}}.blog-post-card{.lead-wrapper{padding:24px}.blog-post-author-name,.blog-post-date{font-size:14px;line-height:22px}h3{margin-bottom:12px}h3,h3 a{font-size:28px;line-height:36px}}.blog-post-body{padding:48px 0 64px;.container{grid-template-columns:1fr}.blog-post-sidebar{display:none}}.blog-related-posts__list{grid-template-columns:1fr}.banner-content{padding:40px 0;.post-tags{gap:8px}.tag-item{font-size:12px;padding:6px 12px}}.blog-post-details{padding:0 0 48px}.blog-post-banner{.featured-image{padding:0}}.blog-post-about-author{padding:24px;.avatar{height:64px;min-width:64px;width:64px}.author-name,.avatar{font-size:18px}}.blog-post-related{padding:64px 0}}