/* Editorial blog index: image-led reading list with a practical planning sidebar. */
.blog-index__grid{width:min(1180px,calc(100% - 48px))}
.blog-hero{padding:clamp(74px,9vw,120px) 0 clamp(60px,7vw,92px)}.blog-hero h1{max-width:790px}.blog-index{padding:clamp(52px,7vw,100px) 0;background:#fff}.blog-index__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,330px);gap:clamp(36px,6vw,84px);width:min(1320px,calc(100% - 64px));margin:auto}.blog-feed{min-width:0}.blog-post{padding-bottom:52px;margin-bottom:56px;border-bottom:1px solid #dce7e7}.blog-post__image{display:block;overflow:hidden;background:var(--navy)}.blog-post__image img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;transition:transform .45s ease,filter .45s ease}.blog-post__image:hover img{transform:scale(1.035);filter:saturate(1.05)}.blog-post__content{padding-top:28px}.blog-post__category,.sidebar-kicker{margin:0 0 10px;color:#6b7980;font:600 .85rem/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.blog-post h2{margin:0 0 14px;font-size:clamp(2.5rem,4vw,4.15rem);line-height:.92}.blog-post h2 a{color:var(--navy);text-decoration:none}.blog-post h2 a:hover{color:var(--blue)}.blog-post__content>p:not(.blog-post__category){max-width:860px;margin:0;color:#596b73;font-size:1.14rem;line-height:1.55}.blog-post__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:27px;padding-top:20px;border-top:1px solid #e1e9e9;color:#74848a;font:600 .88rem/1.2 "Barlow Condensed",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.blog-post__meta img{width:32px;height:32px;object-fit:contain;border-radius:50%;background:#edf9f8}.blog-post__meta span+span:before{content:"•";margin-right:14px;color:var(--teal)}.blog-post__meta a{margin-left:auto;color:var(--blue);text-decoration:none}.blog-post__meta a:hover{color:var(--navy)}.blog-more{display:flex;justify-content:center;padding:10px 0 24px}.blog-sidebar{display:grid;align-content:start;gap:46px}.sidebar-panel+.sidebar-panel{padding-top:35px;border-top:1px solid #dce7e7}.sidebar-panel--about img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:18px 0 20px}.sidebar-panel p:not(.sidebar-kicker){margin:0;color:#697a80;font-size:1.05rem;line-height:1.5}.sidebar-panel>a{display:inline-block;margin-top:18px;color:var(--blue);font:600 1rem "Barlow Condensed",Arial,sans-serif;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.sidebar-panel>a:hover{color:var(--navy)}.sidebar-links{display:grid;gap:13px;padding-top:8px}.sidebar-links a{color:var(--navy);font:600 1.08rem/1.2 "Barlow Condensed",Arial,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.sidebar-links a:hover{color:var(--teal)}.sidebar-posts{display:grid;gap:18px;padding-top:8px}.sidebar-posts a{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;color:var(--navy);text-decoration:none}.sidebar-posts img{width:80px;height:62px;object-fit:cover}.sidebar-posts b{display:block;font:600 1.25rem/.96 "Barlow Condensed",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.sidebar-posts small{display:block;margin-top:7px;color:#72858a;font:600 .78rem/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.sidebar-posts a:hover b{color:var(--blue)}.sidebar-panel--cta{padding:29px;background:linear-gradient(145deg,#edf9f8,#d9f5f3);border-top:5px solid var(--teal)}.sidebar-panel--cta h2{margin:6px 0 10px;font-size:2.65rem;line-height:.9}.sidebar-panel--cta .button{margin-top:22px}@media(max-width:920px){.blog-index__grid{grid-template-columns:1fr;width:min(900px,calc(100% - 48px))}.blog-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.sidebar-panel+.sidebar-panel{padding-top:0;border-top:0}.sidebar-panel--cta{grid-column:1/-1}.sidebar-panel--about img{aspect-ratio:16/8}}@media(max-width:620px){.blog-index{padding:52px 0}.blog-index__grid{width:min(100% - 40px,560px)}.blog-sidebar{grid-template-columns:1fr;gap:30px}.sidebar-panel+.sidebar-panel{padding-top:30px;border-top:1px solid #dce7e7}.blog-post{padding-bottom:36px;margin-bottom:42px}.blog-post__content{padding-top:20px}.blog-post h2{font-size:2.65rem}.blog-post__meta{gap:9px}.blog-post__meta span+span:before{margin-right:9px}.blog-post__meta a{width:100%;margin:4px 0 0}.blog-post__image img{aspect-ratio:4/3}}
