:root{--ink:#0B1F3A;
--ink-2:#13294B;
--paper:#FFFFFF;
--paper-2:#F5F7FA;
--line:#E3E8EF;
--body-text:#3A4A61;
--muted-text:#6B7C93;
--on-dark:#FFFFFF;
--on-dark-muted:#A9BAD0;
--amber:#E9A13B;  
--amber-deep:#A96A0E;  
--amber-wash:rgba(233, 161, 59, 0.10);
--risk:#C62828;  
--verified:#0F7B4F;
--r-sm:6px;      
--r-md:12px;     
--r-lg:16px;     
--shadow-hover:0 8px 24px rgba(11, 31, 58, 0.08);
--s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px;
--s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px;
--s-9:80px; --s-10:96px; --s-11:128px;
--section-lg:128px;
--section:96px;
--section-sm:64px;
--font-sans:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
--font-mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
--bg:var(--paper);
--bg-light:var(--paper-2);
--bg-lighter:var(--paper-2);
--bg-dark:var(--ink);
--bg-dark-light:var(--ink-2);
--text:var(--ink);
--text-light:var(--body-text);
--text-muted:var(--muted-text);
--accent:var(--amber);
--accent-dark:var(--amber-deep);
--accent-light:var(--amber);
--accent-dim:var(--amber-wash);
--accent-soft:var(--paper-2);
--muted:var(--muted-text);
--muted-dark:var(--body-text);
--border:var(--line);
--white:#FFFFFF;
--brand-navy:var(--ink);
--brand-purple:var(--amber);
--success:var(--verified)}
@media (max-width:900px){:root{--section-lg:88px; --section:72px; --section-sm:48px}
}
@media (max-width:600px){:root{--section-lg:64px; --section:56px; --section-sm:40px}
}
body{font-family:var(--font-sans);
color:var(--body-text);
background:var(--paper)}
h1, h2, h3, h4, h5, h6{color:var(--ink); font-family:var(--font-sans)}
h1, .u-display{font-size:clamp(2.25rem, 4.5vw, 3.5rem);
line-height:1.05;
letter-spacing:-0.025em;
font-weight:800}
.u-display-xl{font-size:clamp(2.75rem, 6vw, 4.5rem);
line-height:1.02;
letter-spacing:-0.03em;
font-weight:800}
h2{font-size:clamp(1.875rem, 3.5vw, 2.75rem);
line-height:1.1;
letter-spacing:-0.02em;
font-weight:700}
h3{font-size:1.375rem; line-height:1.25; letter-spacing:-0.01em; font-weight:700}
h4{font-size:1.125rem; line-height:1.35; font-weight:600}
p{line-height:1.7}
.u-body-lg{font-size:1.125rem; line-height:1.65}
.u-small{font-size:0.875rem; line-height:1.6}
.post-content, .entry-content, .cs-s-content-body, .sv-deep-dive-content{max-width:720px}
.eyebrow,
.sv-eyebrow, .ap-eyebrow, .cs-s-eyebrow, .pt-eyebrow,
.linkedin-eyebrow, .youtube-eyebrow, .blog-preview-eyebrow,
.final-cta-eyebrow, .section-eyebrow{font-family:var(--font-mono) !important;
font-size:0.6875rem !important;
font-weight:500 !important;
letter-spacing:0.14em !important;
text-transform:uppercase;
color:var(--amber-deep) !important;
background:none !important;
border:0 !important;
padding:0 !important;
border-radius:0 !important;
display:inline-flex;
align-items:center;
gap:var(--s-2);
line-height:1}
.sv-hero .sv-eyebrow, .ap-hero .ap-eyebrow, .cs-s-hero .cs-s-eyebrow,
.final-cta .final-cta-eyebrow, .hero .eyebrow,
[class*="-hero"] .eyebrow, [class*="-hero"] [class*="-eyebrow"]{color:var(--amber) !important}
.eyebrow--rule::before{content:"";
width:24px; height:2px;
background:var(--amber);
display:inline-block}
.rto-chip{display:inline-flex;
align-items:center;
gap:var(--s-2);
font-family:var(--font-mono);
font-size:0.75rem;
font-weight:500;
letter-spacing:0.04em;
color:var(--ink);
background:var(--paper-2);
border:1px solid var(--line);
border-left:2px solid var(--amber);
border-radius:var(--r-sm);
padding:6px 10px;
white-space:nowrap}
.rto-chip::before{content:"✓";
color:var(--verified);
font-weight:700}
.rto-chip--dark{color:var(--on-dark);
background:rgba(255, 255, 255, 0.06);
border-color:rgba(255, 255, 255, 0.16);
border-left-color:var(--amber)}
.rto-chip--dark::before{color:var(--amber)}
.rto-chip-row{display:flex;
flex-wrap:wrap;
gap:var(--s-3);
align-items:center}
.btn, .nav-cta, [class*="-btn-primary"], [class*="-cta-btn"]{border-radius:var(--r-sm);
font-weight:600;
letter-spacing:0;
transition:background .18s ease, border-color .18s ease, transform .18s ease}
.btn-primary,
.nav-cta,
.ap-btn-primary,
.sv-btn-primary,
.svh-btn-primary,
.service-hero-btn-primary,
.final-cta-btn,
.pt-tier-btn,
.sp-cta-btn,
.sp-hero-cta,
.ty-share-btn,
.svh-free-btn,
.ct-booking-bar-btn,
.blog-preview-all-btn,
.linkedin-cta-btn{background:var(--amber) !important;
color:var(--ink) !important;
border:1px solid var(--amber) !important;
box-shadow:none !important}
.btn-primary:hover,
.nav-cta:hover,
.ap-btn-primary:hover,
.sv-btn-primary:hover,
.svh-btn-primary:hover,
.service-hero-btn-primary:hover,
.final-cta-btn:hover,
.pt-tier-btn:hover,
.sp-cta-btn:hover,
.sp-hero-cta:hover,
.ty-share-btn:hover,
.svh-free-btn:hover,
.ct-booking-bar-btn:hover,
.blog-preview-all-btn:hover,
.linkedin-cta-btn:hover{background:#D68F2C !important;
border-color:#D68F2C !important;
transform:translateY(-1px)}
.btn-outline, .btn-outline-dark, .btn-secondary{background:transparent !important;
color:var(--ink) !important;
border:1px solid var(--ink) !important}
.btn-outline:hover, .btn-outline-dark:hover, .btn-secondary:hover{background:var(--ink) !important;
color:var(--on-dark) !important}
.btn-outline-light, .btn-outline-white, .btn-white,
.sv-btn-light, .ap-btn-light, .svh-btn-light{background:transparent !important;
color:var(--on-dark) !important;
border:1px solid rgba(255, 255, 255, 0.25) !important}
.btn-outline-light:hover, .btn-outline-white:hover, .btn-white:hover,
.sv-btn-light:hover, .ap-btn-light:hover, .svh-btn-light:hover{background:rgba(255, 255, 255, 0.10) !important;
border-color:rgba(255, 255, 255, 0.55) !important}
.site-header{background:transparent; box-shadow:none}
.site-header .header-inner{background:rgba(11, 31, 58, 0.95);
border-bottom:1px solid rgba(255, 255, 255, 0.08)}
.site-header.scrolled .header-inner{background:var(--ink);
box-shadow:0 8px 32px rgba(0, 0, 0, 0.28)}
.site-header .nav-links > li > a,
.site-header .nav-links a{color:var(--on-dark);
font-weight:500}
.site-header .nav-links a:hover,
.site-header .nav-links .current-menu-item > a,
.site-header .nav-links .current-page-ancestor > a,
.site-header .nav-links .current_page_item > a{color:var(--amber)}
.site-header .sub-menu{background:var(--paper);
border:1px solid var(--line);
border-radius:var(--r-md);
box-shadow:var(--shadow-hover)}
.site-header .sub-menu a{color:var(--ink)}
.site-header .sub-menu a:hover{color:var(--amber-deep); background:var(--paper-2)}
.nav-cta{padding:10px 20px}
.site-header .nav-links.open{background:var(--ink)}
.site-topbar{background:var(--ink);
border-bottom:1px solid rgba(255, 255, 255, 0.08)}
.site-topbar .topbar-text{font-family:var(--font-mono);
font-size:0.75rem;
letter-spacing:0.04em;
color:var(--on-dark-muted)}
.site-topbar .topbar-text:hover{color:var(--amber)}
.hero .btn-outline,        .hero .btn-outline-dark,        .hero .btn-secondary,
.final-cta .btn-outline,   .final-cta .btn-outline-dark,   .final-cta .btn-secondary,
.jw-stat-band .btn-outline,
.site-footer .btn-outline,
[class*="-hero"] .btn-outline,
[class*="-hero"] .btn-outline-dark,
[class*="-hero"] .btn-secondary,
.post-header .btn-outline,
.post-header .btn-outline-dark{background:transparent !important;
color:var(--on-dark) !important;
border:1px solid rgba(255, 255, 255, 0.35) !important}
.hero .btn-outline:hover,        .hero .btn-outline-dark:hover,        .hero .btn-secondary:hover,
.final-cta .btn-outline:hover,   .final-cta .btn-outline-dark:hover,   .final-cta .btn-secondary:hover,
.jw-stat-band .btn-outline:hover,
.site-footer .btn-outline:hover,
[class*="-hero"] .btn-outline:hover,
[class*="-hero"] .btn-outline-dark:hover,
[class*="-hero"] .btn-secondary:hover,
.post-header .btn-outline:hover,
.post-header .btn-outline-dark:hover{background:rgba(255, 255, 255, 0.12) !important;
color:var(--on-dark) !important;
border-color:rgba(255, 255, 255, 0.75) !important}
.site-footer{background:var(--ink);
color:var(--on-dark-muted);
border-top:0}
.site-footer h4{font-family:var(--font-mono);
font-size:0.6875rem;
font-weight:500;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--on-dark)}
.site-footer a{color:var(--on-dark-muted)}
.site-footer a:hover{color:var(--amber)}
.site-footer .footer-bottom{border-top:1px solid rgba(255, 255, 255, 0.10);
color:var(--on-dark-muted)}
.site-footer .social-links a{border:1px solid rgba(255, 255, 255, 0.18);
border-radius:var(--r-sm);
color:var(--on-dark)}
.site-footer .social-links a:hover{border-color:var(--amber);
color:var(--amber);
background:transparent}
.jw-card,
.post-card, .blog-card, .blog-preview-card,
.cs-card, .cs-s-related-card,
.youtube-card, .linkedin-card,
.service-card, .pt-feature-card, .sv-inc-card{background:var(--paper);
border:1px solid var(--line);
border-radius:var(--r-md);
box-shadow:none;
transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease}
.jw-card:hover,
.post-card:hover, .blog-card:hover, .blog-preview-card:hover,
.cs-card:hover, .cs-s-related-card:hover,
.youtube-card:hover, .linkedin-card:hover,
.service-card:hover{box-shadow:var(--shadow-hover);
border-color:#CFD8E3;
transform:translateY(-2px)}
.jw-card-meta,
.post-card-meta, .blog-card-meta, .blog-preview-card-meta{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.08em;
text-transform:uppercase;
color:var(--muted-text);
display:flex;
align-items:center;
gap:var(--s-2)}
.jw-tag,
.post-card-cat, .blog-card-cat, .blog-preview-category-pill{font-family:var(--font-mono) !important;
font-size:0.625rem !important;
font-weight:500 !important;
letter-spacing:0.08em !important;
text-transform:uppercase;
color:var(--ink) !important;
background:var(--paper-2) !important;
border:1px solid var(--line) !important;
border-radius:var(--r-sm) !important;
padding:4px 8px !important}
.jw-stat-band{background:var(--ink);
color:var(--on-dark);
padding:var(--section-sm) 0}
.jw-stat-band .jw-stat-grid{display:grid;
grid-template-columns:repeat(4, 1fr);
gap:var(--s-6)}
.jw-stat-value,
.hero-stat-val, .sv-hero-stat-val, .ap-stat-value{font-size:clamp(2rem, 4vw, 3rem);
font-weight:800;
letter-spacing:-0.02em;
line-height:1;
color:inherit}
.jw-stat-label,
.hero-stat-lbl, .sv-hero-stat-lbl, .ap-stat-label{font-family:var(--font-mono);
font-size:0.6875rem;
font-weight:500;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted-text);
line-height:1.3}
.jw-stat-band .jw-stat-label,
[class*="-hero"] .hero-stat-lbl,
[class*="-hero"] .sv-hero-stat-lbl{color:var(--on-dark-muted)}
@media (max-width:700px){.jw-stat-band .jw-stat-grid{grid-template-columns:repeat(2, 1fr); gap:var(--s-5)}
}
.final-cta, .service-final-cta, .about-final-cta, .book-final-cta,
.contact-final-cta, .cs-hub-final-cta, .csh-final-cta,
.resources-final-cta, .services-hub-final-cta, .cs-s-final-cta{background:var(--ink) !important;
color:var(--on-dark)}
.final-cta .final-cta-title, .final-cta h2{color:var(--on-dark)}
.final-cta .final-cta-subtitle, .final-cta p{color:var(--on-dark-muted)}
.jw-risk{border-left:3px solid var(--risk);
background:rgba(198, 40, 40, 0.05);
border-radius:var(--r-sm);
padding:var(--s-4) var(--s-5)}
.jw-risk-label{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--risk);
font-weight:500}
.jw-takeaway{border-left:3px solid var(--amber);
background:var(--amber-wash);
border-radius:var(--r-sm);
padding:var(--s-5);
margin:var(--s-6) 0}
.jw-takeaway-label{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--amber-deep);
font-weight:500;
display:block;
margin-bottom:var(--s-3)}
.youtube-section, .linkedin-section, .blog-preview-section,
.sv-problem, .sv-solution, .sv-included, .sv-process, .sv-pricing, .sv-faq,
.ap-story, .ap-journey, .ap-clients, .ap-credentials,
.cs-s-psw, .cs-s-built, .cs-s-gallery, .cs-s-related{padding-top:var(--section);
padding-bottom:var(--section)}
a:focus-visible, button:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible,
summary:focus-visible, [tabindex]:focus-visible{outline:2px solid var(--amber);
outline-offset:2px;
border-radius:var(--r-sm)}
.skip-to-content:focus{position:fixed;
top:12px; left:12px;
z-index:100000;
background:var(--ink);
color:var(--on-dark);
padding:12px 18px;
border-radius:var(--r-sm);
width:auto; height:auto;
clip:auto; clip-path:none}
@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;
animation-iteration-count:1 !important;
transition-duration:0.01ms !important;
scroll-behavior:auto !important}
}
.hero-qualifier{margin-top:var(--s-6);
padding-top:var(--s-5);
border-top:1px solid rgba(255, 255, 255, 0.12)}
.hero-qualifier-label{font-family:var(--font-mono);
font-size:0.6875rem;
font-weight:500;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--on-dark-muted);
margin:0 0 var(--s-3)}
.hero-qualifier-chips{display:flex;
flex-wrap:wrap;
gap:var(--s-2)}
.hero-qualifier-chip{display:inline-flex;
align-items:center;
padding:8px 14px;
border:1px solid rgba(255, 255, 255, 0.22);
border-radius:var(--r-sm);
color:var(--on-dark);
font-size:0.875rem;
font-weight:500;
text-decoration:none;
background:rgba(255, 255, 255, 0.04);
transition:border-color .18s ease, background .18s ease, color .18s ease}
.hero-qualifier-chip:hover{border-color:var(--amber);
background:var(--amber);
color:var(--ink)}
.hero-qualifier-chip--unsure{border-style:dashed;
color:var(--on-dark-muted)}
.hero-qualifier-chip--unsure:hover{color:var(--ink)}
.trust-bar{background:var(--paper-2);
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
padding:var(--s-5) 0}
.trust-bar-inner{display:flex;
align-items:center;
gap:var(--s-6);
flex-wrap:wrap}
.trust-label{font-family:var(--font-mono);
font-size:0.6875rem;
font-weight:500;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--muted-text);
white-space:nowrap}
a.rto-chip{text-decoration:none; transition:border-color .18s ease, background .18s ease}
a.rto-chip:hover{border-color:var(--amber); background:var(--paper)}
@media (max-width:700px){.trust-bar-inner{gap:var(--s-4)}
.rto-chip-row{gap:var(--s-2)}
.rto-chip{font-size:0.6875rem; padding:5px 8px}
}
h1, h2, h3, h4, h5, h6,
[class*="-title"], [class*="-headline"], [class*="_title"]{font-family:var(--font-sans) !important;
text-wrap:balance}
h1,
.hero h1,
[class*="-hero"] h1,
[class*="-hero-title"]{line-height:1.25 !important;
letter-spacing:0 !important;
font-weight:700 !important}
.hero h1{font-size:clamp(2rem, 5.4vw, 4.25rem) !important}
h2,
[class*="-section-title"],
.cta h2, .page-cta h2, .final-cta h2{line-height:1.2 !important;
letter-spacing:0 !important;
font-weight:700 !important}
h3, [class*="-card-title"], .article-title{line-height:1.3 !important;
letter-spacing:0 !important;
font-weight:600 !important}
h4{line-height:1.4 !important; letter-spacing:0 !important; font-weight:600 !important}
.jw-stat-value, .hero-stat h3, [class*="-stat-val"], [class*="-stat-value"],
.rto-chip, [class*="-metric"]{font-variant-numeric:tabular-nums;
font-feature-settings:"tnum" 1}
.eyebrow,
.sv-eyebrow, .ap-eyebrow, .cs-s-eyebrow, .pt-eyebrow,
.linkedin-eyebrow, .youtube-eyebrow, .blog-preview-eyebrow,
.final-cta-eyebrow, .section-eyebrow, .section-label,
.post-card-category, .jw-tag, .post-card-readtime, .post-card-date,
.jw-stat-label, [class*="-stat-lbl"], .jw-card-meta, [class*="-card-meta"],
.toc-label, .author-box-label, .author-box .author-role, .post-meta-top,
.trust-label, .hero-qualifier-label, .posts-grid-cta-eyebrow,
.site-footer h4{font-family:var(--font-sans) !important;
font-size:0.8125rem !important;
font-weight:500 !important;
letter-spacing:0.05em !important}
.rto-chip{font-family:var(--font-mono) !important; letter-spacing:0.04em !important}
body{font-size:18px;          
line-height:1.6667;      
font-weight:400;         
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
p{font-size:1rem}
.u-lead, .hero-text, [class*="-hero-subtitle"], [class*="-section-subtitle"]{font-size:1.125rem !important;
line-height:1.6 !important;
font-weight:400}
.jw-highlight{--hl-bottom:6px;   
--hl-height:10px;  
display:inline;
background-image:linear-gradient(
to bottom,
transparent calc(100% - var(--hl-bottom) - var(--hl-height)),
var(--amber) calc(100% - var(--hl-bottom) - var(--hl-height)),
var(--amber) calc(100% - var(--hl-bottom)),
transparent calc(100% - var(--hl-bottom))
);
background-repeat:no-repeat;
background-size:0 100%;
box-decoration-break:clone;
-webkit-box-decoration-break:clone;
transition:background-size 1.4s cubic-bezier(0.22, 1, 0.36, 1)}
.jw-highlight.is-revealed{background-size:100% 100%}
h1 .jw-highlight, .hero h1 .jw-highlight{--hl-bottom:10px; --hl-height:14px}
h2 .jw-highlight{--hl-bottom:8px; --hl-height:11px}
[class*="-hero"] .jw-highlight, .final-cta .jw-highlight{--hl-opacity:1}
@media (prefers-reduced-motion:reduce){.jw-highlight{transition:none; background-size:100% 100%}
}
.post-card{display:flex; flex-direction:column; overflow:hidden}
.post-card .post-card-image{display:block; aspect-ratio:16 / 9; background:var(--paper-2)}
.post-card .post-card-body{display:flex;
flex-direction:column;
flex:1;
padding:var(--s-5);
gap:var(--s-3)}
.post-card .post-card-meta{display:flex;
align-items:center;
justify-content:space-between;
gap:var(--s-3);
margin:0}
.post-card-category{font-family:var(--font-mono);
font-size:0.6875rem;
font-weight:500;
letter-spacing:0.08em;
text-transform:uppercase;
color:var(--muted-text);
text-decoration:none;
background:none;
border:0;
padding:0}
.post-card-category:hover{color:var(--amber-deep)}
.post-card-readtime{display:inline-flex;
align-items:center;
gap:5px;
font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.04em;
color:var(--muted-text);
white-space:nowrap}
.post-card h3{margin:0;
font-size:1.375rem;      
line-height:1.27;        
font-weight:600}
.post-card h3 a{color:var(--ink); text-decoration:none}
.post-card h3 a:hover{color:var(--amber-deep)}
.post-card-excerpt{color:var(--body-text);
font-size:1rem;
line-height:1.65;
margin:0 0 var(--s-4);
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden}
.post-card-footer{margin-top:auto;
padding-top:var(--s-4);
border-top:2px solid var(--line);
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--s-3)}
.post-card-author{display:flex; align-items:center; gap:var(--s-3); min-width:0}
.post-card-avatar,
.post-card-author img{width:44px;
height:44px;
border-radius:50%;
border:2px solid var(--line);
object-fit:cover;
flex-shrink:0}
.post-card-author-details{display:flex; flex-direction:column; min-width:0}
.post-card-author-name{font-size:1.125rem;      
font-weight:600;
color:var(--ink);
line-height:1.2}
.post-card-author-role{font-size:0.75rem;
color:var(--muted-text);
line-height:1.3;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.post-card-date{display:inline-flex;
align-items:center;
gap:5px;
font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.03em;
color:var(--muted-text);
white-space:nowrap;
flex-shrink:0}
@media (max-width:600px){.post-card .post-card-body{padding:var(--s-4)}
.post-card-author-role{display:none}
}
.hero h1 span.hero-accent-hl,
.hero h1 span.hero-accent-hl.jw-highlight{color:var(--on-dark) !important;
-webkit-text-fill-color:var(--on-dark)}
.blog-listing-header{background:var(--ink);
color:var(--on-dark);
padding:var(--section-sm) 0 var(--s-7);
text-align:center}
.blog-listing-header h1{color:var(--on-dark); margin:0 0 var(--s-3)}
.blog-listing-header .section-subtitle{color:var(--on-dark-muted) !important;
max-width:620px;
margin:0 auto}
.blog-listing-header .section-label{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--amber);
display:inline-block;
margin-bottom:var(--s-3);
background:none;
padding:0}
.blog-filter{background:var(--paper);
border-bottom:1px solid var(--line);
padding:var(--s-5) 0;
position:sticky;
top:64px;
z-index:20}
.blog-filter-list{display:flex;
flex-wrap:wrap;
gap:var(--s-2);
justify-content:center}
.blog-filter-pill{display:inline-flex;
align-items:center;
padding:8px 14px;
border:1px solid var(--line);
border-radius:var(--r-sm);
background:var(--paper);
color:var(--body-text);
font-size:0.875rem;
font-weight:500;
text-decoration:none;
white-space:nowrap;
transition:border-color .18s ease, background .18s ease, color .18s ease}
.blog-filter-pill:hover{border-color:var(--amber); color:var(--ink)}
.blog-filter-pill.is-active{background:var(--amber);
border-color:var(--amber);
color:var(--ink);
font-weight:600}
.blog-filter-toggle{display:none}
.blog-listing-grid--full{display:block}
.blog-listing-grid--full .blog-listing-main{max-width:100%}
.blog-sidebar--legacy{margin-top:var(--section-sm)}
.posts-grid{display:grid;
grid-template-columns:repeat(3, 1fr);
gap:var(--s-5);
align-items:stretch}
.posts-grid-cta{display:flex;
flex-direction:column;
justify-content:center;
background:var(--ink);
color:var(--on-dark);
border:1px solid var(--ink);
border-radius:var(--r-md);
padding:var(--s-6);
gap:var(--s-3)}
.posts-grid-cta-eyebrow{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--amber);
margin:0}
.posts-grid-cta-title{color:var(--on-dark);
font-size:1.375rem;
line-height:1.25;
margin:0}
.posts-grid-cta-text{color:var(--on-dark-muted);
font-size:0.9375rem;
line-height:1.6;
margin:0}
.posts-grid-cta-btn{align-self:flex-start; margin-top:var(--s-2)}
@media (max-width:1100px){.posts-grid{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:900px){.blog-filter{position:static; padding:var(--s-4) 0}
.blog-filter-toggle{display:flex;
align-items:center;
justify-content:space-between;
width:100%;
padding:12px 0;
background:none;
border:0;
color:var(--ink);
font-size:1rem;
font-weight:600;
cursor:pointer}
.blog-filter-toggle svg{transition:transform .2s ease}
.blog-filter-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.blog-filter-list{display:none;
grid-template-columns:repeat(2, 1fr);
justify-content:stretch;
padding-top:var(--s-3)}
.blog-filter-list.is-open{display:grid}
.blog-filter-pill{justify-content:center; text-align:center}
}
@media (max-width:700px){.posts-grid{grid-template-columns:1fr}
.posts-grid-cta{padding:var(--s-5)}
}
.post-header--editorial{background:var(--paper);
color:var(--ink);
padding:var(--s-7) 0 var(--s-6);
border-bottom:0}
.post-header--editorial .post-header-inner{max-width:860px;
margin:0;
text-align:left}
.post-header--editorial h1{color:var(--ink);
font-size:clamp(2rem, 4.6vw, 3.25rem);
line-height:1.15;
margin:0 0 var(--s-4)}
.post-header--editorial .post-excerpt{color:var(--body-text);
margin:0 0 var(--s-5);
max-width:70ch}
.post-header--editorial .post-breadcrumb a{color:var(--amber-deep)}
.post-header--editorial .author-info strong{color:var(--ink)}
.post-header--editorial .author-info span,
.post-header--editorial .post-byline-meta{color:var(--muted-text)}
.post-header--editorial .post-byline{border-top:1px solid var(--line)}
.post-header--editorial .author-avatar{border-color:var(--line)}
.post-header--hero{background:var(--ink); color:var(--on-dark); padding:var(--section-sm) 0 var(--s-7)}
.post-header--hero h1{color:var(--on-dark)}
.post-header--hero .post-header-inner{max-width:860px; margin:0 auto; text-align:center}
.post-header--hero .post-excerpt{color:var(--on-dark-muted); margin-left:auto; margin-right:auto}
.post-header--hero .post-breadcrumb{justify-content:center}
.post-header--hero .post-breadcrumb a{color:var(--amber)}
.post-header--hero .post-byline{border-top:1px solid rgba(255,255,255,0.12); justify-content:center}
.post-header--hero .author-info strong{color:var(--on-dark)}
.post-header--hero .author-info span,
.post-header--hero .post-byline-meta{color:var(--on-dark-muted)}
.post-breadcrumb{display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--s-2);
font-size:0.8125rem;
color:var(--muted-text);
margin-bottom:var(--s-5)}
.post-breadcrumb a{text-decoration:none}
.post-breadcrumb a:hover{text-decoration:underline}
.post-byline{display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:var(--s-4);
padding-top:var(--s-5);
margin-top:var(--s-5)}
.post-author-bar{display:inline-flex;
align-items:center;
gap:var(--s-3);
margin:0;
padding:0;
border:0}
.post-author-bar .author-avatar{width:52px; height:52px;
border-radius:50%;
border:2px solid;
object-fit:cover}
.post-author-bar .author-info{display:flex; flex-direction:column}
.post-author-bar .author-info strong{font-size:1rem; font-weight:600}
.post-author-bar .author-info span{font-size:0.875rem}
.post-byline-meta{display:flex;
flex-direction:column;
align-items:flex-end;
gap:2px;
font-size:0.8125rem}
@media (max-width:620px){.post-byline{justify-content:flex-start}
.post-byline-meta{align-items:flex-start; flex-direction:row; gap:var(--s-3)}
}
.post-featured-image-wrap{border-radius:var(--r-lg);
overflow:hidden;
margin:0}
.post-featured-image-wrap img{display:block; width:100%; height:auto}
.post-body{padding:var(--section) 0}
.post-content, .post-content.page-content-body{max-width:720px}
.post-content p{font-size:1.0625rem; line-height:1.75}
.post-content h2{margin-top:var(--s-8);
margin-bottom:var(--s-4);
scroll-margin-top:100px}
.post-content h3{margin-top:var(--s-6);
margin-bottom:var(--s-3);
scroll-margin-top:100px}
.post-content a{color:var(--amber-deep); text-decoration:underline; text-underline-offset:2px}
.post-content blockquote{border-left:3px solid var(--amber);
background:var(--paper-2);
border-radius:var(--r-sm);
padding:var(--s-5);
margin:var(--s-6) 0;
font-style:normal}
.post-content img{border-radius:var(--r-md)}
.toc-box{position:sticky;
top:100px;
border:1px solid var(--line);
border-radius:var(--r-md);
padding:var(--s-5);
background:var(--paper)}
.toc-label{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--muted-text);
margin:0 0 var(--s-3)}
.toc-nav{display:flex; flex-direction:column; gap:2px}
.toc-link{color:var(--body-text);
text-decoration:none;
font-size:0.875rem;
line-height:1.45;
padding:6px 0 6px 12px;
border-left:2px solid var(--line);
transition:color .15s ease, border-color .15s ease}
.toc-link:hover, .toc-link.is-active{color:var(--ink);
border-left-color:var(--amber)}
.toc-level-3{padding-left:24px; font-size:0.8125rem}
.author-box{max-width:720px;
border:1px solid var(--line);
border-radius:var(--r-md);
padding:var(--s-6);
background:var(--paper-2)}
.author-box img{border-radius:50%; border:2px solid var(--paper)}
.author-box .author-role{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.1em;
text-transform:uppercase;
color:var(--muted-text)}
@media (max-width:900px){.toc-sidebar{display:none}
.post-header-inner{text-align:left}
.post-meta-top{justify-content:flex-start}
.post-excerpt{margin-left:0}
}
.author-box{display:grid;
grid-template-columns:260px 1fr;
gap:var(--s-6);
align-items:start;
max-width:860px;
padding:var(--s-6);
background:var(--paper);
border:1px solid var(--line);
border-radius:var(--r-md)}
.author-box-media{line-height:0}
.author-box .author-box-avatar,
.author-box-media img{width:100%;
height:auto;
aspect-ratio:4 / 5;
object-fit:cover;
border-radius:var(--r-md);
border:0;
display:block;
background:var(--paper-2)}
.author-box-label{font-family:var(--font-mono);
font-size:0.6875rem;
letter-spacing:0.14em;
text-transform:uppercase;
color:var(--muted-text);
margin:0 0 var(--s-2)}
.author-box h4{font-size:clamp(1.5rem, 2.4vw, 2rem);
line-height:1.1;
letter-spacing:-0.02em;
font-weight:800;
color:var(--amber-deep);
margin:0 0 var(--s-2)}
.author-box .author-role{font-family:var(--font-mono);
font-size:0.75rem;
letter-spacing:0.08em;
text-transform:uppercase;
color:var(--body-text);
margin:0 0 var(--s-4)}
.author-box-content > p:not(.author-role):not(.author-box-label){font-size:1rem;
line-height:1.7;
color:var(--body-text);
margin:0 0 var(--s-5)}
.author-box-links{display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--s-3)}
.author-social-link{display:inline-flex;
align-items:center;
gap:7px;
font-size:0.875rem;
font-weight:500;
color:var(--body-text);
text-decoration:none;
padding:8px 12px;
border:1px solid var(--line);
border-radius:var(--r-sm)}
.author-social-link:hover{border-color:var(--amber); color:var(--ink)}
@media (max-width:760px){.author-box{grid-template-columns:1fr; gap:var(--s-5)}
.author-box-media{max-width:180px}
.author-box .author-box-avatar,
.author-box-media img{aspect-ratio:1 / 1; border-radius:var(--r-md)}
}
:root{--body-weight:400}
body, p, li, .post-card-excerpt, .article-excerpt{font-weight:var(--body-weight)}
.btn, button, input, select, textarea, label,
.eyebrow, [class*="-eyebrow"], .rto-chip, .post-card-category,
th, strong, b{font-weight:revert}