:root{--bg:#f7f5f1;--bg-alt:#e4ded4;--ink:#22446f;--ink-soft:#595959;--green:#83aa70;--deep:#22446f;--gold:#b08d57;--line:#e3ded3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Work Sans',system-ui,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;padding:14px 28px;background:rgba(247,245,241,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--deep);color:#fff;font-family:'Work Sans',system-ui,Arial,sans-serif;font-size:15px}
.brand strong{font-family:'Work Sans',system-ui,Arial,sans-serif;font-weight:500;font-size:17px;display:block;line-height:1.1}
.brand small{color:var(--ink-soft);font-size:11.5px}
.site-header nav{display:flex;gap:22px;margin-left:auto;font-size:14.5px}
.site-header nav a{text-decoration:none;color:var(--ink-soft)}
.site-header nav a.active,.site-header nav a:hover{color:var(--deep)}
.header-cta{background:var(--deep);color:#fff;border-radius:999px;padding:11px 22px;font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.mobile-menu-toggle,nav.mobile-menu{display:none}
@media(max-width:820px){.site-header nav,.header-cta{display:none}.mobile-menu-toggle{display:flex;flex-direction:column;gap:4px;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer}.mobile-menu-toggle span{width:18px;height:2px;background:var(--ink)}.mobile-menu[aria-expanded="true"],.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 28px 20px}.mobile-menu a{padding:12px 0;text-decoration:none;color:var(--ink-soft);border-bottom:1px dashed var(--line)}.mobile-menu-cta{color:var(--deep);font-weight:700}}
main{min-height:60vh}
.blog-hero{background:var(--deep);color:#fff;text-align:center;padding:70px 24px 60px}
.blog-hero h1{font-family:'Work Sans',system-ui,Arial,sans-serif;font-weight:500;font-size:clamp(28px,4.5vw,42px);margin:0 0 12px;color:#fff}
.blog-hero p{color:#e7e1d5;max-width:560px;margin:0 auto;font-size:16px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px;max-width:1080px;margin:48px auto;padding:0 24px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 12px 40px rgba(34,68,111,.07);transition:transform .2s}
.blog-card:hover{transform:translateY(-3px)}
.blog-card-img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-alt)}
.blog-card-img img{width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:20px 20px 6px}
.blog-card-tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.blog-card h3{font-family:'Work Sans',system-ui,Arial,sans-serif;font-weight:500;font-size:19px;margin:10px 0;color:var(--ink);line-height:1.3}
.blog-card p{font-size:14px;color:var(--ink-soft);margin:0}
.blog-card-footer{padding:14px 20px 20px;font-size:13.5px;font-weight:700;color:var(--deep)}
.editorial-article .article-content h2{font-family:'Work Sans',system-ui,Arial,sans-serif;font-weight:500;font-size:26px;color:var(--ink);margin:2.2em 0 .6em}
.editorial-article .article-content h3{font-family:'Work Sans',system-ui,Arial,sans-serif;font-weight:500;font-size:20px;color:var(--ink);margin:1.8em 0 .5em}
.editorial-article .article-content a{color:var(--deep);font-weight:700}
.editorial-article .article-content blockquote{border-left:3px solid var(--gold);margin:1.5em 0;padding:.3em 0 .3em 20px;font-style:italic;color:var(--deep)}
footer{padding:40px 24px;background:#efeae1;border-top:1px solid var(--line);text-align:center;font-size:13.5px;color:var(--ink-soft)}
footer nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:10px}
footer a{color:var(--deep)}