.simple-page-hero{padding:68px 0 58px}.simple-page-hero .hero-box{border-radius:26px;padding:52px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.simple-page-hero h1{font-size:clamp(48px,5vw,72px);line-height:1;color:#fff;margin:14px 0 16px;max-width:850px;position:relative;z-index:2}.simple-page-hero p{color:#d5daea;max-width:700px;line-height:1.7;position:relative;z-index:2}
.blog-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.blog-hero h1{font-size:clamp(50px,5.2vw,76px);line-height:.98;color:var(--navy);margin:14px 0 18px}.blog-hero p{color:var(--muted);line-height:1.7}.featured-post{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid rgba(32,41,93,.1);border-radius:24px;overflow:hidden}.featured-post img{width:100%;height:100%;min-height:410px;object-fit:cover}.featured-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.post-tag{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}.featured-copy h2{font-size:38px;line-height:1.08;color:var(--navy);margin:12px 0}.featured-copy p,.post-card p{font-size:14px;line-height:1.65;color:var(--muted)}.post-meta{font-size:14px;color:var(--muted);margin-top:20px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid rgba(32,41,93,.1);border-radius:19px;overflow:hidden}.post-card img{width:100%;height:220px;object-fit:cover}.post-card-copy{padding:23px}.post-card h3{font-size:22px;line-height:1.15;color:var(--navy);margin:9px 0 10px}
.article-wrap{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:70px;align-items:start;justify-content:center}.article-head{padding:68px 0 38px;text-align:center}.article-head h1{font-size:clamp(46px,5vw,70px);line-height:1.02;color:var(--navy);max-width:980px;margin:14px auto 18px}.article-head p{max-width:760px;margin:auto;color:var(--muted);font-size:17px;line-height:1.65}.article-cover{height:500px;border-radius:25px;overflow:hidden;margin:0 auto 62px;max-width:1200px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-body{font-size:16px;line-height:1.8;color:#42485a}.article-body h2{font-size:34px;line-height:1.15;color:var(--navy);margin:42px 0 14px}.article-body p{margin-bottom:18px}.article-body ul{padding-left:22px;margin-bottom:22px}.article-aside{position:sticky;top:120px;background:#fff;border:1px solid rgba(32,41,93,.1);border-radius:17px;padding:22px}.article-aside strong{display:block;color:var(--navy);font:800 16px 'Manrope';margin-bottom:12px}.article-aside a{display:block;padding:8px 0;color:var(--muted);font-size:14px}
@media(max-width:900px){.blog-hero-grid,.featured-post,.article-wrap{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}.article-aside{position:static}}@media(max-width:620px){.simple-page-hero .hero-box{padding:34px 25px}.blog-grid{grid-template-columns:1fr}.featured-copy{padding:28px}.article-cover{height:300px}}

/* Header logo sizing lives solely in shared-nav-footer-lock.css now --
   this file used to duplicate it with slightly different (and at one
   breakpoint, self-contradictory) values, which is exactly what made the
   header render inconsistently between pages. */