/* V Capital research article brand layer. Source of truth: V_CAPITAL_BRAND_SOURCE_OF_TRUTH.md. Loads after brand-tokens.css and after each page's own CSS. */
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-400italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-500italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/fonts/cormorant-garamond-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{--_navy:var(--vc-navy);--_deep:var(--vc-navy-deep);--_ivory:var(--vc-ivory);--_white:var(--vc-white);--_gold:var(--vc-gold);--_muted:var(--vc-muted);--_border:var(--vc-border);--_champ:var(--vc-champagne);--_pos:var(--vc-positive);--_neg:var(--vc-negative)}
/* every legacy token family used by the article templates, mapped to the locked tokens; re-evaluated inside .vc-ivory so components flip with the scope */
:root,.vc-ivory{
  --bg:var(--vc-navy) !important;--bg2:var(--vc-navy-deep) !important;--ob:var(--vc-navy) !important;--ob1:var(--vc-navy-deep) !important;
  --black:var(--vc-navy) !important;--black-2:var(--vc-navy-deep) !important;--black-3:var(--vc-navy-deep) !important;
  --surface:var(--vc-navy-deep) !important;--surface-2:var(--vc-navy-deep) !important;
  --gold:var(--vc-gold) !important;--gold-light:var(--vc-champagne) !important;--gold-dark:var(--vc-gold) !important;
  --gold-dim:color-mix(in srgb,var(--vc-gold) 78%,transparent) !important;
  --gold-faint:color-mix(in srgb,var(--vc-gold) 10%,transparent) !important;--gold-soft:color-mix(in srgb,var(--vc-gold) 10%,transparent) !important;
  --gold-rule:color-mix(in srgb,var(--vc-gold) 28%,transparent) !important;--rule-gold:color-mix(in srgb,var(--vc-gold) 28%,transparent) !important;
  --white:var(--vc-white) !important;--chalk:var(--vc-white) !important;--t1:var(--vc-white) !important;
  --white-dim:color-mix(in srgb,var(--vc-white) 70%,transparent) !important;--chalk-dim:color-mix(in srgb,var(--vc-white) 74%,transparent) !important;--chalk2:color-mix(in srgb,var(--vc-white) 74%,transparent) !important;
  --chalk-muted:color-mix(in srgb,var(--vc-white) 68%,transparent) !important;
  --white-faint:color-mix(in srgb,var(--vc-white) 55%,transparent) !important;--chalk-faint:color-mix(in srgb,var(--vc-white) 55%,transparent) !important;--chalk3:color-mix(in srgb,var(--vc-white) 55%,transparent) !important;
  --border:var(--vc-border) !important;--border2:var(--vc-border) !important;--rule:var(--vc-border) !important;
  --font-display:var(--vc-font-display) !important;--fd:var(--vc-font-display) !important;
  --font-body:var(--vc-font-ui) !important;--fb:var(--vc-font-ui) !important;--fs:var(--vc-font-ui) !important;--font-mono:var(--vc-font-ui) !important;--fm:var(--vc-font-ui) !important;
  --green-yield:var(--vc-positive) !important;--bull:var(--vc-positive) !important;--amber-yield:var(--vc-champagne) !important;--bear:var(--vc-negative) !important;
}
/* ivory editorial scope */
.vc-ivory{background:var(--_ivory);color:var(--vc-muted);
  --vc-navy:var(--_ivory);--vc-navy-deep:var(--_white);--vc-white:var(--_navy);--vc-gold:var(--_navy);--vc-champagne:color-mix(in srgb,var(--_navy) 70%,var(--_ivory));
  --vc-muted:color-mix(in srgb,var(--_navy) 74%,var(--_ivory));--vc-border:color-mix(in srgb,var(--_navy) 16%,transparent)}
.vc-ivory{--white-faint:color-mix(in srgb,var(--_navy) 64%,var(--_ivory));--chalk-faint:color-mix(in srgb,var(--_navy) 64%,var(--_ivory));--chalk3:color-mix(in srgb,var(--_navy) 64%,var(--_ivory))}
.vc-ivory p,.vc-ivory li,.vc-ivory td{color:inherit}
html{background:var(--_navy);overflow-x:clip}
body{background:var(--_navy)!important;font-family:var(--vc-font-ui);overflow-x:clip}
h1,h2{font-family:var(--vc-font-display)!important;font-weight:500!important}
h3,h4{font-family:var(--vc-font-ui)!important;font-weight:600!important}
/* full-bleed ivory body */
.vc-ivory-wrap,main.vc-ivory{position:relative;isolation:isolate;background:transparent}
.vc-ivory-wrap::before,main.vc-ivory::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:var(--_ivory)}
/* dark scope inside ivory (cards that must stay navy) */
.vc-dark{background:var(--_navy);--vc-navy:var(--_navy);--vc-navy-deep:var(--_deep);--vc-white:var(--_white);--vc-gold:var(--_gold);--vc-champagne:var(--_champ);--vc-muted:var(--_muted);--vc-border:var(--_border);color:var(--_muted)}
/* hero: full-bleed monochrome skyline graded to navy */
.art-hero{position:relative;isolation:isolate;background:transparent!important;border-bottom:0!important}
.art-hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:linear-gradient(to top,var(--_navy) 6%,transparent 55%),linear-gradient(color-mix(in srgb,var(--_navy) 64%,transparent),color-mix(in srgb,var(--_navy) 64%,transparent)),url('/assets/images/heroes/One%20Zabeel%20Monochrome.webp') 50% 40%/cover;
  filter:none}
/* closing block (dark sign-off, last element on every article) */
.vc-closing{position:relative;isolation:isolate;padding:56px 0 72px;margin-top:0;color:var(--_muted)}
.vc-closing::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:var(--_navy);border-top:1px solid var(--_border)}
.vc-closing-in{max-width:1200px;margin:0 auto;padding:0 22px}
.vc-closing .vc-cl-name{font-family:var(--vc-font-display);font-size:28px;font-weight:500;color:var(--_white);line-height:1.2;margin:0}
.vc-closing .vc-cl-role{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--_gold);margin:8px 0 18px}
.vc-closing .vc-cl-bio{font-size:15px;line-height:1.75;color:color-mix(in srgb,var(--_white) 82%,transparent);max-width:110ch;margin:0 0 16px}
.vc-closing .vc-cl-pub{font-size:13px;color:var(--_muted);margin:0 0 18px}
.vc-closing .vc-cl-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-bottom:28px}
.vc-closing .vc-cl-links a{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--_white);text-decoration:none;border-bottom:1px solid var(--_gold);padding-bottom:2px}
.vc-closing .vc-cl-links a:hover{color:var(--_gold)}
.vc-closing .vc-cl-tag{font-size:12px;letter-spacing:.06em;color:var(--_muted);margin:0;padding-top:20px;border-top:1px solid var(--_border)}
@media(max-width:560px){.vc-closing{padding:40px 0 56px}.vc-closing .vc-cl-name{font-size:24px}}
/* shared nav picks up the navy (full nav restyle belongs to the shared-nav phase) */
#main-nav{background:var(--_navy)!important;border-bottom:1px solid var(--_border)!important}

.vc-ivory-wrap{padding-top:40px}

/* direction colours need more weight on ivory (derived from the locked sage/clay, not new colours) */
.vc-ivory{--vc-positive:color-mix(in srgb,var(--_pos) 62%,var(--_navy));--vc-negative:color-mix(in srgb,var(--_neg) 70%,var(--_navy))}

/* shared .divider rule must not paint table rows */
tr.divider{background:transparent!important;height:auto!important;width:auto!important;margin:0!important}
/* the shared global.css hard-codes the old gold with !important on heading emphasis; map it to the locked token */
h1 em,h1 i,h2 em,h2 i,.hero-title em,.art-hero h1 em,.section h2 em{color:var(--vc-gold)!important}
.vc-gold-line{color:var(--vc-gold)!important}
.vc-ivory .vc-gold-line,.vc-ivory h2 em,.vc-ivory h2 i{color:var(--vc-gold)!important}
.vc-ivory .art-hero h1 em,.vc-ivory .art-hero .vc-gold-line{color:var(--_gold)!important}
/* span-style copyright strip used by the legacy article template: match the <footer class="art-footer"> look */
div.art-footer{background:var(--_navy);border-top:1px solid var(--_border);padding:28px 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;text-align:center}
div.art-footer span{font-family:'Manrope',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--_muted)}
/* unified bottom CTA band (identical on every research article) */
.vc-cta-final{position:relative;background:var(--_deep);padding:72px 24px;text-align:center}
.vc-cta-final::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:var(--_deep);z-index:-1}
.vc-cta-final-in{max-width:1200px;margin:0 auto}
.vc-cf-eye{font:600 11px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--_gold);margin:0 0 18px}
.vc-cf-h{font:500 clamp(30px,4vw,42px)/1.15 'Cormorant Garamond',serif;color:var(--_white);margin:0 0 16px;border:0;padding:0}
.vc-cf-p{font:400 16px/1.7 Manrope,sans-serif;color:var(--_muted);max-width:820px;margin:0 auto 30px}
.vc-cf-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.vc-cf-primary,.vc-cf-secondary{font:700 12px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:16px 28px;text-decoration:none;border:1px solid var(--_gold)}
.vc-cf-primary{background:var(--_gold);color:var(--_navy)}
.vc-cf-secondary{color:var(--_gold);background:transparent}
/* CTA band inside an ivory <main>: keep dark-panel colours */
.vc-ivory .vc-cta-final .vc-cf-h{color:var(--_white)!important}
.vc-ivory .vc-cta-final .vc-cf-p{color:var(--_muted)!important}
.vc-ivory .vc-cta-final .vc-cf-eye,.vc-ivory .vc-cta-final .vc-cf-secondary{color:var(--_gold)!important}
.vc-ivory .vc-cta-final .vc-cf-primary{color:var(--_navy)!important;background:var(--_gold)!important}
/* standard article footer (<footer class="art-footer">) */
footer.art-footer{background:var(--_navy);border-top:1px solid var(--_border);padding:28px 24px;text-align:center}
footer.art-footer p{font-family:'Manrope',sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--_muted);margin:0}
/* newsroom: "V Capital News" newsletter band (replaces the advisory CTA on news articles) */
.vc-nl{position:relative;background:var(--_deep);padding:72px 24px;text-align:center}
.vc-nl::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:var(--_deep);z-index:-1}
.vc-nl-in{max-width:1200px;margin:0 auto}
.vc-nl-eye{font:600 11px/1 Manrope,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--_gold);margin:0 0 18px}
.vc-nl-h{font:500 clamp(30px,4vw,42px)/1.15 'Cormorant Garamond',serif;color:var(--_white)!important;margin:0 0 16px;border:0;padding:0}
.vc-nl-p{font:400 16px/1.7 Manrope,sans-serif;color:var(--_muted);max-width:720px;margin:0 auto 32px}
.vc-nl-form{max-width:820px;margin:0 auto;text-align:left}
.vc-nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:24px}
.vc-nl-wide{grid-column:1/-1}
.vc-nl-f label{display:block;font:600 11px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--_champ);margin-bottom:8px}
.vc-nl-f input,.vc-nl-f select{width:100%;box-sizing:border-box;font:400 15px/1.4 Manrope,sans-serif;color:var(--_white);background:var(--_navy);border:1px solid var(--_border);border-radius:2px;padding:14px 16px;appearance:none;-webkit-appearance:none}
.vc-nl-f select{background-image:linear-gradient(45deg,transparent 50%,var(--_gold) 50%),linear-gradient(135deg,var(--_gold) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.vc-nl-f input:focus,.vc-nl-f select:focus{outline:none;border-color:var(--_gold)}
.vc-nl-btn{display:block;margin:0 auto;font:700 12px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--_navy);background:var(--_gold);border:1px solid var(--_gold);padding:17px 34px;cursor:pointer}
.vc-nl-btn:disabled{opacity:.6;cursor:default}
.vc-nl-msg{margin-top:16px;text-align:center;font:500 14px/1.5 Manrope,sans-serif}
@media(max-width:640px){.vc-nl-grid{grid-template-columns:1fr}}
/* headings inside the ivory scope take the (flipped) token, not global.css's literal near-white */
.vc-ivory h1,.vc-ivory h2,.vc-ivory h3,.vc-ivory h4{color:var(--vc-white)}

/* ── Newsroom article hero: same structure as Market Intelligence (breadcrumb → full-bleed art-hero), single shared newsroom image ── */
.art-hero.ed-news-hero{padding:72px 0 60px}
.art-hero.ed-news-hero::before{background:linear-gradient(to top,var(--_navy) 4%,transparent 50%),linear-gradient(color-mix(in srgb,var(--_navy) 72%,transparent),color-mix(in srgb,var(--_navy) 72%,transparent)),url('/assets/images/news-article-bg-image.webp') 50% 40%/cover}
.ed-news-hero .ed-hero-in{max-width:860px;margin:0 auto;padding:0 1.5rem}
@media(max-width:768px){.art-hero.ed-news-hero{padding:48px 0 40px}}

/* newsroom breadcrumb row sits below the fixed navbar (same as Market Intelligence) */
.ed-nav{margin-top:69px}