.article-hero { padding: clamp(150px, 14vw, 210px) 0 90px; background: var(--charcoal); color: var(--bone); }
.article-hero-inner { max-width: 1180px; }
.article-back { display: inline-block; margin-bottom: 42px; padding-bottom: 5px; border-bottom: 1px solid rgba(243,239,231,.55); color: rgba(243,239,231,.8); font-size: 13px; }
.article-back:hover { color: var(--bone); }
.article-hero h1 { max-width: 980px; font-size: clamp(46px, 6vw, 86px); line-height: .98; letter-spacing: -.045em; }
.article-hero p { max-width: 760px; margin: 34px 0 0; color: rgba(243,239,231,.78); font-size: clamp(17px, 1.55vw, 21px); line-height: 1.58; }
.article-layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(0, 1fr); gap: clamp(60px, 8vw, 120px); padding-block: clamp(72px, 10vw, 128px); }
.article-body { min-width: 0; }
.investor-concierge-page .article-body ul { padding-left: 24px; margin: 0 0 28px; }
.investor-concierge-page .article-body li { padding-left: 6px; margin-bottom: 16px; color: #3d3a34; font-size: 16px; line-height: 1.78; }
.article-lede { margin: 0 0 76px; padding-bottom: 42px; border-bottom: 1px solid var(--rule-dark); font-size: clamp(20px, 2.2vw, 28px); line-height: 1.46; letter-spacing: -.015em; }
.article-body section { margin-bottom: 72px; }
.article-body section h2 { max-width: 720px; margin-bottom: 24px; font-size: clamp(32px, 3.4vw, 49px); line-height: 1.08; letter-spacing: -.035em; }
.article-body section p { max-width: 72ch; margin: 0 0 20px; color: #3d3a34; font-size: 16px; line-height: 1.78; }
.article-body section .article-source { margin-top: 28px; padding-top: 15px; border-top: 1px solid var(--rule-dark); color: #565047; font-size: 13px; line-height: 1.6; }
.article-source a { color: var(--copper-ink); text-decoration: underline; text-underline-offset: 3px; }
.article-source a:hover { color: var(--ink); }
.article-note { margin: 20px 0 82px; padding: 34px 38px; background: var(--limestone); }
.article-note h2 { margin: 0 0 12px; font-size: 17px; line-height: 1.3; letter-spacing: 0; }
.article-note p { margin: 0; font-size: 20px; line-height: 1.55; }
.article-end { padding-top: 32px; border-top: 1px solid var(--rule-dark); }
.article-end p { max-width: 65ch; margin: 0 0 26px; font-size: 17px; line-height: 1.65; }
@media (max-width: 900px) { .article-layout { grid-template-columns: minmax(0, 760px); } }
@media (max-width: 600px) { .article-hero { padding: 140px 0 70px; } .article-hero h1 { font-size: clamp(41px, 11vw, 58px); } .article-back { margin-bottom: 34px; } .article-layout { padding-block: 70px 90px; } .article-lede { margin-bottom: 60px; } .article-body section { margin-bottom: 58px; } .article-note { padding: 28px 24px; } }
