:root{--blog-blue:#165dff;--blog-ink:#10243f;--blog-muted:#657489;--blog-line:#e6edf4;--blog-paper:#fff;--blog-soft:#f5f8fc}*{box-sizing:border-box}.blogPage{background:var(--blog-paper);color:var(--blog-ink)}.blogHeader{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--blog-line);backdrop-filter:blur(14px)}.blogNav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.blogBrand{display:flex;align-items:center;gap:10px;font-weight:800}.blogBrand img{width:38px;height:38px;object-fit:contain}.blogNavLinks{display:flex;align-items:center;gap:18px;color:var(--blog-muted);font-size:13px;font-weight:700}.blogNavLinks a:hover{color:var(--blog-blue)}.blogShell{max-width:1180px;margin:auto;padding:64px 24px 90px}.blogHero{display:grid;grid-template-columns:1fr auto;align:end;gap:30px;margin-bottom:34px}.blogEyebrow{color:var(--blog-blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.blogHero h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,76px);line-height:1;margin:10px 0 14px}.blogHero p{color:var(--blog-muted);max-width:660px;margin:0}.blogControls{display:flex;gap:10px;flex-wrap:wrap}.blogSearch,.blogSelect{height:44px;border:1px solid var(--blog-line);border-radius:12px;background:#fff;padding:0 13px;color:var(--blog-ink)}.blogSearch{width:230px}.blogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blogCard{border:1px solid var(--blog-line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(16,36,63,.07);transition:.2s}.blogCard:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,36,63,.11)}.blogCover{width:100%;height:220px;object-fit:cover;background:linear-gradient(135deg,#dbe9ff,#edf8f7)}.blogCardBody{padding:20px}.blogMeta{display:flex;justify-content:space-between;gap:12px;color:#8290a0;font-size:11px}.blogCategory{color:var(--blog-blue)!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.blogCard h2{font-family:Georgia,serif;font-size:25px;line-height:1.14;margin:12px 0 8px}.blogExcerpt{color:var(--blog-muted);font-size:14px;line-height:1.55;margin:0 0 16px}.blogRead{color:var(--blog-blue);font-size:13px;font-weight:800}.blogEmpty{text-align:center;border:1px dashed var(--blog-line);border-radius:20px;padding:60px 20px;color:var(--blog-muted);grid-column:1/-1}.blogArticle{max-width:820px;margin:auto;padding:54px 24px 90px}.blogArticleHero{border-radius:24px;overflow:hidden;margin-bottom:36px}.blogArticleHero img{width:100%;max-height:480px;object-fit:cover;display:block}.blogArticle h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,68px);line-height:1.05;margin:14px 0}.blogArticle .blogContent{font-size:17px;line-height:1.82;color:#405268}.blogArticle .blogContent p{margin:0 0 18px}.blogArticle .blogContent h2,.blogArticle .blogContent h3{color:var(--blog-ink);font-family:Georgia,serif}.blogFooter{text-align:center;border-top:1px solid var(--blog-line);padding:30px;color:var(--blog-muted)}@media(max-width:900px){.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.blogHero{grid-template-columns:1fr}}@media(max-width:620px){.blogNav{height:auto;min-height:74px;padding:10px 0}.blogNavLinks a:not(.blogPrimaryLink){display:none}.blogShell{padding:44px 18px 70px}.blogGrid{grid-template-columns:1fr}.blogHero{display:block}.blogControls{margin-top:20px}.blogSearch{width:100%}.blogArticle{padding:38px 18px 70px}.blogCard h2{font-size:23px}}html[data-theme="dark"] .blogHeader,html[data-theme="dark"] .blogCard,html[data-theme="dark"] .blogSearch,html[data-theme="dark"] .blogSelect{background:#142334;border-color:#293b4d;color:#e9f0f7}html[data-theme="dark"] .blogPage,html[data-theme="dark"] .blogArticle{background:#0c1622;color:#e9f0f7}html[data-theme="dark"] .blogHero p,html[data-theme="dark"] .blogArticle .blogContent,html[data-theme="dark"] .blogExcerpt,html[data-theme="dark"] .blogMeta,html[data-theme="dark"] .blogFooter{color:#b7c5d4}.blogHero h1 em{font-style:normal;color:#ff684a}.blogCardFeatured{grid-column:span 2}.blogCardFeatured .blogCover{height:300px}.blogCoverLink{display:block}.blogCard h2 a:hover{color:#165dff}.articleDek{max-width:720px;color:#657489;font-size:20px;line-height:1.55;margin:12px 0 28px}.articleMeta{margin-top:24px}.articleShare{display:flex;align-items:center;gap:10px;border-top:1px solid #e6edf4;margin-top:38px;padding-top:22px}.articleShare a,.articleShare button{border:1px solid #dfe6ee;border-radius:999px;background:#fff;color:#10243f;padding:8px 13px;font-size:12px;font-weight:800}.relatedSection{background:#f5f8fc;border-top:1px solid #e6edf4}.relatedShell{padding-top:54px;padding-bottom:54px}.relatedShell h2{font-family:Georgia,serif;font-size:42px;margin:8px 0 24px}.blogEmpty strong{display:block;font-size:18px;color:#10243f}@media(max-width:900px){.blogCardFeatured{grid-column:auto}.blogCardFeatured .blogCover{height:220px}}html[data-theme="dark"] .relatedSection{background:#111f2d;border-color:#293b4d}html[data-theme="dark"] .articleShare a,html[data-theme="dark"] .articleShare button{background:#142334;border-color:#293b4d;color:#e9f0f7}html[data-theme="dark"] .articleDek,html[data-theme="dark"] .blogEmpty p{color:#b7c5d4}html[data-theme="dark"] .blogEmpty strong{color:#e9f0f7}

/* Homepage-compatible branding */
.blogBrand .blogLogo{width:210px;height:54px;object-fit:contain;display:block}.blogLogoText{display:none}
.blogHeader{background:rgba(255,255,255,.96)}
.blogNavLinks a{white-space:nowrap}
.blogCard{border-radius:20px}.blogCardFeatured{max-width:none}

.blogLoading{text-align:center;color:var(--blog-muted);padding:48px 20px}

/* Editorial styling aligned with the main Fluent Firm site */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--blog-blue:#10243f;--blog-ink:#10243f;--blog-muted:#657489;--blog-line:#e4eaf1;--blog-paper:#f8fafc;--blog-soft:#f1f5f9;--blog-gold:#d5a438}
.blogPage{font-family:'DM Sans',system-ui,sans-serif;background:var(--blog-paper)}
.blogHeader{background:rgba(255,255,255,.94);border-color:var(--blog-line)}
.blogNav{min-height:74px}
.blogBrand{gap:11px;color:var(--blog-ink)}
.blogBrand .blogLogo{width:40px;height:40px;object-fit:contain}
.blogLogoText{display:flex;flex-direction:column;gap:1px;white-space:nowrap;font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:700;line-height:1.05}
.blogLogoText small{font:800 8px/1.5 'DM Sans',sans-serif;color:var(--blog-gold);letter-spacing:.17em;text-transform:uppercase}
.blogNavLinks{gap:clamp(10px,1.7vw,22px);font-size:12px;color:#53647a}
.blogNavLinks a{transition:color .2s ease,background .2s ease}
.blogNavLinks .blogCurrentLink{color:var(--blog-ink);font-weight:800}
.blogNavLinks .blogPrimaryLink{background:var(--blog-ink);border:1px solid var(--blog-gold);border-radius:999px;color:#fff;padding:9px 14px}
.blogShell{max-width:1180px;padding:58px 24px 82px}
.blogHero{align-items:end;padding:30px 0 26px;border-bottom:1px solid var(--blog-line);margin-bottom:28px}
.blogEyebrow{color:#a87920;font-size:10px;letter-spacing:.18em}
.blogHero h1,.blogArticle h1,.blogCard h2,.relatedShell h2{font-family:'Playfair Display',Georgia,serif;color:var(--blog-ink)}
.blogHero h1{font-size:clamp(46px,6vw,72px);letter-spacing:-.045em}
.blogHero h1 em{color:#a87920}
.blogHero p{font-size:15px;line-height:1.7}
.blogSearch,.blogSelect{border-radius:12px;border-color:#dfe6ee;box-shadow:0 5px 16px rgba(16,36,63,.04);font:500 13px 'DM Sans',sans-serif}
.blogSearch:focus,.blogSelect:focus{outline:3px solid rgba(213,164,56,.25);border-color:var(--blog-gold)}
.blogGrid{gap:18px}
.blogCard{border-radius:20px;border-color:var(--blog-line);box-shadow:0 10px 26px rgba(16,36,63,.06);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.blogCard:hover{transform:translateY(-4px);border-color:#d3b46f;box-shadow:0 18px 36px rgba(16,36,63,.12)}
.blogCover{height:225px;background:linear-gradient(135deg,#e9eef5,#f8fafc)}
.blogCardFeatured .blogCover{height:300px}
.blogCardBody{padding:21px}
.blogCategory{color:#a87920!important;font-size:9px;letter-spacing:.13em}
.blogCard h2{font-size:23px;line-height:1.15;letter-spacing:-.02em}
.blogCard h2 a:hover,.blogRead:hover{color:#a87920}
.blogRead{color:var(--blog-ink)}
.blogArticle{max-width:900px;padding:52px 24px 78px}
.blogArticle h1{font-size:clamp(40px,6vw,68px);letter-spacing:-.035em}
.blogArticleHero{border-radius:22px;box-shadow:0 18px 42px rgba(16,36,63,.12)}
.articleDek{color:#657489;max-width:740px}
.blogArticle .blogContent{color:#43546a;font-size:17px;line-height:1.85}
.articleShare{border-color:var(--blog-line)}
.articleShare a,.articleShare button{border-color:var(--blog-line);border-radius:999px;color:var(--blog-ink);font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.articleShare a:hover,.articleShare button:hover{border-color:var(--blog-gold);background:#fffaf0}
.relatedSection{background:#f1f5f9;border-color:var(--blog-line)}
.relatedShell h2{font-size:38px;letter-spacing:-.03em}
.blogFooter{background:#fff;border-color:var(--blog-line);font-size:12px}
.blogHero h1,.blogArticle h1{animation:blog-title-wave 5.8s ease-in-out infinite}
@keyframes blog-title-wave{0%,100%{transform:translateY(0)}48%{transform:translateY(-2px)}66%{transform:translateY(1px)}}
html[data-theme="dark"] .blogPage{background:#0c1622}
html[data-theme="dark"] .blogNavLinks .blogPrimaryLink{background:#17283a;color:#f5f7fa;border-color:#d5a438}
html[data-theme="dark"] .blogHero{border-color:#293b4d}
html[data-theme="dark"] .blogHero h1,html[data-theme="dark"] .blogArticle h1,html[data-theme="dark"] .blogCard h2,html[data-theme="dark"] .relatedShell h2{color:#f1f5f9}
html[data-theme="dark"] .blogArticle .blogContent{color:#c5d0dc}
html[data-theme="dark"] .blogArticle .blogContent h2,html[data-theme="dark"] .blogArticle .blogContent h3{color:#f1f5f9}
html[data-theme="dark"] .articleShare a:hover,html[data-theme="dark"] .articleShare button:hover{background:#2b2a22}
@media(max-width:900px){.blogNav{gap:10px}.blogNavLinks{gap:10px}.blogGrid{gap:14px}}
@media(max-width:620px){.blogNav{flex-wrap:wrap}.blogBrand .blogLogo{width:34px;height:34px}.blogLogoText{font-size:17px}.blogNavLinks{display:flex;width:100%;overflow-x:auto;gap:8px;padding:4px 0 8px;scrollbar-width:none}.blogNavLinks::-webkit-scrollbar{display:none}.blogNavLinks a{flex:0 0 auto;padding:7px 10px;border:1px solid var(--blog-line);border-radius:999px;background:#fff}.blogNavLinks .blogPrimaryLink{background:var(--blog-ink)}.blogShell{padding:32px 18px 58px}.blogHero{padding-top:16px}.blogHero h1{font-size:46px}.blogControls{display:grid;grid-template-columns:1fr 1fr}.blogSearch{width:100%;grid-column:1/-1}.blogSelect{width:100%}.blogCardFeatured .blogCover,.blogCover{height:210px}.blogArticle{padding-top:34px}.blogArticle h1{font-size:42px}.articleDek{font-size:17px}.articleShare{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.blogHero h1,.blogArticle h1{animation:none}}

/* Blog landing opening follows the main site hero composition */
.blogLandingHero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(34px,6vw,86px);min-height:540px;padding:34px 0 54px}
.blogLandingCopy{max-width:590px}
.blogLandingCopy h1{font:700 clamp(52px,6.6vw,86px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.055em;color:#10243f;margin:20px 0 22px}
.blogLandingCopy h1 em{font-style:normal;color:#ff684a}
.blogLandingCopy p{max-width:560px;color:#657489;font-size:17px;line-height:1.7;margin:0}
.blogExploreLink{display:inline-flex;align-items:center;gap:9px;margin-top:25px;padding:13px 18px;border:1px solid #d5a438;border-radius:12px;background:#10243f;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 24px rgba(16,36,63,.14);transition:transform .2s ease,box-shadow .2s ease}
.blogExploreLink:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(16,36,63,.2)}
.blogLandingVisual{position:relative;min-height:420px;height:min(48vw,500px);max-height:500px;border-radius:28px;overflow:hidden;background:#e8edf3;box-shadow:0 24px 60px rgba(16,36,63,.16)}
.blogLandingVisual::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,28,50,.62));pointer-events:none}
.blogLandingVisual img{width:100%;height:100%;display:block;object-fit:cover}
.blogLandingCaption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:grid;gap:3px;color:#fff;font-size:13px}.blogLandingCaption b{color:#ffd37a;font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.blogLatest{padding:28px 0 10px;border-top:1px solid var(--blog-line)}
.blogLatestHead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.blogLatestHead h2{font:700 38px/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.035em;color:#10243f;margin:8px 0 0}
.blogLatest .blogGrid{margin-top:0}
.blogCardFeatured{grid-column:span 1}.blogCardFeatured .blogCover{height:225px}
@media(max-width:900px){.blogLandingHero{grid-template-columns:1fr 1fr;gap:28px;min-height:460px}.blogLandingVisual{min-height:360px;height:42vw}.blogLandingCopy h1{font-size:clamp(48px,7vw,68px)}.blogLatestHead{align-items:flex-start;flex-direction:column}.blogLatestHead .blogControls{width:100%}}
@media(max-width:620px){.blogLandingHero{grid-template-columns:1fr;gap:24px;min-height:0;padding:27px 0 36px}.blogLandingCopy h1{font-size:clamp(48px,13vw,66px);margin:15px 0}.blogLandingCopy p{font-size:15px}.blogLandingVisual{height:320px;min-height:280px;border-radius:22px}.blogLatest{padding-top:23px}.blogLatestHead h2{font-size:32px}.blogLatestHead .blogControls{display:grid;grid-template-columns:1fr 1fr}.blogLatestHead .blogSearch{grid-column:1/-1;width:100%}.blogCardFeatured{grid-column:auto}}
html[data-theme="dark"] .blogLandingCopy h1,html[data-theme="dark"] .blogLatestHead h2{color:#f2f5f9}

/* Match the homepage navigation header */
.siteHeader.blogHeader{position:sticky;top:0;z-index:100;width:100%;background:rgba(255,255,255,.96);border-bottom:1px solid #e6edf4;backdrop-filter:blur(14px)}
.siteHeader .nav.blogNav{width:100%;max-width:1180px;min-height:88px;height:88px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.blogHeader .brandLogo{display:flex;align-items:center;gap:12px;min-width:285px;color:#10243f;letter-spacing:0}
.blogHeader .brandLogo .markWrap{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto}
.blogHeader .brandLogo .markWrap img{width:52px;height:52px;display:block;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(180,126,20,.15))}
.blogHeader .wordmark{display:flex;flex-direction:column;line-height:1}
.blogHeader .wordmarkMain{font:800 29px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;color:#10243f}
.blogHeader .wordmarkSub{display:block;margin-top:5px;font:800 8px/1.2 'DM Sans',sans-serif;letter-spacing:.2em;color:#9a6b10;text-transform:uppercase}
.blogHeader .navlinks{display:flex;align-items:center;gap:clamp(10px,1.35vw,20px);white-space:nowrap;color:#5c6c80;font:600 12px 'DM Sans',sans-serif}
.blogHeader .navlinks a{color:inherit}.blogHeader .navlinks a:hover,.blogHeader .navlinks a[aria-current="page"]{color:#10243f}
.blogHeader .navActions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.blogHeader .navCta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:14px 16px;border-radius:12px;background:#f3b83f;color:#132337;font:800 12px 'DM Sans',sans-serif;text-decoration:none}
.blogHeader .navCta:hover{background:#ffd36b}
@media(max-width:1100px){.siteHeader .nav.blogNav{gap:12px}.blogHeader .brandLogo{min-width:245px}.blogHeader .brandLogo .markWrap,.blogHeader .brandLogo .markWrap img{width:46px;height:46px}.blogHeader .wordmarkMain{font-size:26px}.blogHeader .navlinks{gap:10px;font-size:11px}.blogHeader .navCta{padding:12px 12px;font-size:11px}}
@media(max-width:980px){.siteHeader .nav.blogNav{height:auto;min-height:76px;flex-wrap:wrap;padding:8px 20px}.blogHeader .brandLogo{min-width:0;margin-right:auto}.blogHeader .navlinks{order:3;flex:0 0 100%;overflow-x:auto;padding:4px 0 7px;scrollbar-width:none}.blogHeader .navlinks::-webkit-scrollbar{display:none}.blogHeader .navlinks a{flex:0 0 auto}.blogHeader .navCta{display:none}}
@media(max-width:620px){.siteHeader .nav.blogNav{padding:8px 17px}.blogHeader .brandLogo{gap:8px}.blogHeader .brandLogo .markWrap,.blogHeader .brandLogo .markWrap img{width:40px;height:40px}.blogHeader .wordmarkMain{font-size:23px}.blogHeader .wordmarkSub{font-size:7px}.blogHeader .navlinks{gap:8px}.blogHeader .navlinks a{padding:7px 10px;border:1px solid #e4eaf1;border-radius:999px;background:#fff}}
html[data-theme="dark"] .siteHeader.blogHeader{background:rgba(12,22,34,.96)}
html[data-theme="dark"] .blogHeader .brandLogo .wordmarkMain{color:#f0f4f8}
html[data-theme="dark"] .blogHeader .brandLogo .wordmarkSub{color:#e3b651}
html[data-theme="dark"] .blogHeader .navlinks,html[data-theme="dark"] .blogHeader .navlinks a{color:#b7c5d4}
html[data-theme="dark"] .blogHeader .navlinks a[aria-current="page"]{color:#fff}
html[data-theme="dark"] .blogHeader .navlinks a{background:transparent;border-color:#293b4d}

.blogPage a{text-decoration:none}
.blogPage a:hover{text-decoration:none}


.section#blog{padding:0;background:#fff}