/* Page module: article. Base: article module. */

.article-body-text h2 { font-family:'Playfair Display',serif; font-weight:300; font-size:clamp(22px,2.5vw,30px); line-height:1.15; margin:48px 0 16px; color:var(--navy); }
.article-body-text h2 em { font-style:italic; }
.article-body-text h3 { font-family:'Playfair Display',serif; font-weight:300; font-size:clamp(18px,2vw,22px); line-height:1.2; margin:36px 0 12px; color:var(--navy); }
.article-body-text p { font-size:15px; line-height:1.8; color:var(--slate); margin-bottom:20px; }
.article-body-text ul { margin:0 0 24px 0; padding-left:0; list-style:none; }
.article-body-text li { padding-left:16px; position:relative; font-size:15px; line-height:1.8; color:var(--slate); margin-bottom:6px; }
.article-body-text li::before { content:'•'; position:absolute; left:0; color:var(--slate); }
.article-body-text strong { color:var(--navy); font-weight:500; }
.article-body-text blockquote { margin:48px 0; padding:36px 40px; border-left:3px solid var(--blush); background:var(--cream); }
.article-body-text blockquote p { font-family:'Playfair Display',serif; font-style:italic; font-weight:300; font-size:clamp(18px,2vw,24px); line-height:1.5; color:var(--navy); margin-bottom:0; }
.article-body-text figure { margin:40px 0; }
.article-body-text figcaption { font-size:11px; color:var(--mist); margin-top:10px; letter-spacing:.04em; }
.article-body-text hr { border:none; border-top:1px solid var(--rule); margin:48px 0; }



.related-card .rc-img { height: 200px; overflow: hidden; }



:root {
	--navy:#031637;--slate:#5d636f;--mist:#a3b0b9;
	--forest:#395146;--mahogany:#53372f;--blush:#ba948d;
	--cream:#f7f7f7;--white:#ffffff;--rule:rgba(3,22,55,0.08);
	--content-w:720px;--wide-w:960px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--navy);font-weight:300;font-size:15px;line-height:1.65;overflow-x:hidden;}
nav{position:fixed;top:0;left:0;right:0;z-index:500;background:var(--navy);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid rgba(255,255,255,0.06);}
.nav-links a{color:rgba(163,176,185,.55);text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:color .25s;font-weight:400;}
.nav-links a:hover,.nav-links a.active{color:var(--white);}
.nav-services>a::after{content:' \25be';font-size:7px;}
.nav-services:hover .nav-dropdown{display:block;}
.nav-services>a{padding-bottom:18px;margin-bottom:-18px;}
.nav-dropdown a{display:block;padding:9px 24px;font-size:10px;letter-spacing:.1em;white-space:nowrap;color:rgba(163,176,185,.55) !important;text-decoration:none;transition:all .2s;}
.nav-dropdown a:hover,.nav-dropdown a.active{background:rgba(255,255,255,.06);color:var(--white) !important;}
.section-title em{font-style:italic;}
.img-placeholder::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(163,176,185,.04) 20px,rgba(163,176,185,.04) 21px);}
.article-breadcrumb a{color:rgba(163,176,185,.4);text-decoration:none;transition:color .2s;}
.article-breadcrumb a:hover{color:var(--white);}
.article-breadcrumb span{color:rgba(163,176,185,.25);}
.article-h1 em{font-style:italic;color:rgba(163,176,185,.75);}
.author-avatar img{width:100%;height:100%;object-fit:cover;}
.article-content h2{font-family:'Playfair Display',serif;font-weight:300;font-size:clamp(24px,3vw,34px);line-height:1.15;margin:56px 0 20px;color:var(--navy);}
.article-content h2 em{font-style:italic;}
.article-content h3{font-family:'DM Sans',sans-serif;font-weight:600;font-size:16px;margin:40px 0 12px;color:var(--navy);letter-spacing:-.01em;}
.article-content p{font-size:16px;line-height:1.85;color:var(--slate);margin-bottom:24px;}
.article-content p strong{color:var(--navy);font-weight:500;}
.article-content ul,.article-content ol{margin:0 0 28px 24px;}
.article-content li{font-size:15px;line-height:1.8;color:var(--slate);margin-bottom:8px;}
.block-quote p{font-family:'Playfair Display',serif;font-style:italic;font-weight:300;font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--navy);margin-bottom:0;}
.block-quote cite{display:block;margin-top:14px;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);font-style:normal;}
.block-image-full .caption{font-size:11px;color:var(--mist);text-align:center;margin-top:12px;letter-spacing:.04em;}
.block-image-inline .caption{font-size:11px;color:var(--mist);margin-top:10px;letter-spacing:.04em;}
.block-image-duo .caption{font-size:11px;color:var(--mist);margin-top:10px;letter-spacing:.04em;}
.block-video .play-btn{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;position:relative;z-index:2;}
.block-video .play-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);}
.block-video .play-btn svg{margin-left:3px;}
.block-video .video-label{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);z-index:2;}
.block-highlight .hl-label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--blush);margin-bottom:10px;}
.block-highlight p{font-size:14px;line-height:1.75;color:var(--navy);margin-bottom:0;}
.block-takeaway .tk-label{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--blush);margin-bottom:14px;}
.block-takeaway ul{list-style:none;margin:0;padding:0;}
.block-takeaway li{font-size:14px;line-height:1.7;color:rgba(255,255,255,.65);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);padding-left:16px;position:relative;}
.block-takeaway li::before{content:'→';position:absolute;left:0;color:var(--blush);}
.block-takeaway li:last-child{border-bottom:none;}
.block-stat .stat{background:var(--cream);padding:28px;text-align:center;}
.block-stat .stat-num{font-family:'Playfair Display',serif;font-weight:300;font-size:36px;color:var(--navy);margin-bottom:6px;}
.block-stat .stat-label{font-size:11px;color:var(--mist);letter-spacing:.06em;}
.block-cta p{font-size:15px;color:var(--navy);font-weight:400;margin:0;}
.block-cta a{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-weight:500;text-decoration:none;border-bottom:1px solid var(--rule);padding-bottom:4px;transition:border-color .25s;}
.block-cta a:hover{border-color:var(--navy);}
.related-card .rc-img{height:180px;}
.related-card .rc-body{padding:24px;}
.cta-headline em{font-style:italic;}
.cta-action:hover .cta-action-arrow{transform:translateX(4px);}
footer{background:var(--navy);border-top:1px solid rgba(255,255,255,.06);padding:28px 72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
footer span,footer a{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);text-decoration:none;}
footer a:hover{color:var(--mist);}
@media (prefers-reduced-motion:no-preference){
	.fade-up{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease;}
	.fade-up.visible{opacity:1;transform:translateY(0);}
}
@media (max-width:960px){
	nav{padding:0 24px;}.nav-links{display:none;}
	.article-header{padding:100px 24px 0;}
	.article-body{padding:80px 24px 56px;}
	.article-layout{grid-template-columns:1fr;}
	.toc-sidebar{display:none;}
	.block-image-full{margin:40px 0;}
	.block-stat,.block-image-duo{grid-template-columns:1fr;}
	.related-grid{grid-template-columns:1fr;}
	.cta-grid{grid-template-columns:1fr;gap:24px;}
	footer{padding:24px;}
}
            @media (max-width: 991px) {
  .nav-dropdown {
    position: static;
    border: none;
    padding: 0px;
    margin-top: 0;
    min-width: unset;
    width: 100%;
    text-align: center;
  }
  .nav-dropdown a {
    text-align: center;
  }
}
  @media (max-width: 991px) {
  .nav-links {
    text-align: center;
  }
  .nav-links li {
    text-align: center;
  }
}
  @media(max-width:960px){#hero{min-height:auto;}}
.toc-link { padding-left: 14px; border-left: 2px solid transparent; }
.toc-link.active { border-left-color: var(--blush); font-weight: 500; color: var(--navy); }