/* ==========================================================================
   Vistara Perspectives publishing template (locked October 2026)
   Series label · Title · Standfirst · Meta · Key takeaways · Article ·
   About the author · Related perspectives. Loaded after article.css.
   ========================================================================== */
body.vx-article{--vp-gold:#D7AE58;--vp-gold-d:#8F6424;--vp-ink:#132235;--vp-ink2:#3C4E62;--vp-line:#E4DCCB;--vp-cream:#F7F4EC;--vp-slate:#8FAAC8}

/* ---------- Hero ---------- */
body.vx-article .hero.vp-hero{padding:clamp(72px,9vw,128px) 0 clamp(112px,11vw,148px)!important;
  background:
   radial-gradient(1100px 520px at 88% -10%,rgba(215,174,88,.20),transparent 60%),
   radial-gradient(700px 420px at -5% 110%,rgba(56,104,150,.28),transparent 65%),
   linear-gradient(135deg,#07111D 0%,#0B1929 45%,#12304C 100%)!important}
body.vx-article .hero.vp-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(215,174,88,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(215,174,88,.06) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%)}
body.vx-article .vp-hero .hero-inner{position:relative;z-index:1;max-width:1180px!important;margin:0 auto!important;padding:0 clamp(20px,4vw,40px)!important;
  display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
body.vx-article .vp-hero.vp-has-cover .hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
body.vx-article .vp-series{display:flex;align-items:center;gap:14px;margin:0 0 22px;font:500 11.5px/1.3 var(--vx-sans,"Hanken Grotesk",Arial,sans-serif);
  letter-spacing:.2em;text-transform:uppercase;color:var(--vp-gold)}
body.vx-article .vp-series:before{content:"";width:36px;height:1px;background:var(--vp-gold);flex:none}
body.vx-article .vp-hero h1{font-family:var(--vx-serif,"Newsreader",Georgia,serif)!important;font-weight:300!important;
  font-size:clamp(42px,5.4vw,72px)!important;line-height:1.02!important;letter-spacing:-.018em!important;color:#FAF7F0!important;margin:0 0 24px!important;max-width:15ch}
body.vx-article .vp-hero.vp-long h1{max-width:18ch}
body.vx-article .vp-hero .standfirst{font-family:var(--vx-serif,"Newsreader",Georgia,serif)!important;font-weight:300!important;font-size:clamp(20px,calc(1.7vw + 1px),24px)!important;
  line-height:1.45!important;color:#E8EDF3!important;max-width:40ch;margin:0 0 34px!important}
body.vx-article .vp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding-top:22px;border-top:1px solid rgba(215,174,88,.32);max-width:760px}
body.vx-article .vp-meta .vp-by{display:flex;flex-direction:column;line-height:1.35}
body.vx-article .vp-meta .vp-by strong{color:#FAF7F0!important;font-weight:600;font-size:15px}
body.vx-article .vp-meta .vp-by span{color:#AEBBC8;font-size:13.5px}
body.vx-article .vp-meta .vp-when{color:#AEBBC8;font-size:13.5px;padding-left:28px;border-left:1px solid rgba(255,255,255,.14)}
body.vx-article .vp-cover{margin:0;position:relative}
body.vx-article .vp-cover img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid rgba(215,174,88,.45);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.65),0 0 0 8px rgba(255,255,255,.03)}
body.vx-article .vp-cover:after{content:"";position:absolute;right:-14px;bottom:-14px;width:46%;height:46%;border-right:1px solid rgba(215,174,88,.5);border-bottom:1px solid rgba(215,174,88,.5);pointer-events:none}

/* ---------- Badges ---------- */
.vp-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 11px 5px;border-radius:2px;font:600 10.5px/1 "Hanken Grotesk",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;border:1px solid;white-space:nowrap}
.vp-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.vp-badge--exec{color:#E6C47A;background:rgba(215,174,88,.12);border-color:rgba(215,174,88,.6)}
.vp-badge--firm{color:#C9D8EA;background:rgba(143,170,200,.12);border-color:rgba(143,170,200,.6)}
.vp-badge--comm{color:#D5DCE3;background:rgba(255,255,255,.07);border-color:rgba(213,220,227,.45)}
.vp-light .vp-badge--exec,.vp-badge--exec.vp-on-light{color:#6F4A12;background:#F6EDD8;border-color:#E2CB93}
.vp-light .vp-badge--firm,.vp-badge--firm.vp-on-light{color:#23405F;background:#E6EDF5;border-color:#BCCCDD}
.vp-light .vp-badge--comm,.vp-badge--comm.vp-on-light{color:#3C4E62;background:#EEF0F3;border-color:#CBD2DA}

/* ---------- Key takeaways ---------- */
body.vx-article .article .vp-takeaways{position:relative;z-index:2;margin:-164px 0 56px!important;background:#fff;border-top:3px solid var(--vp-gold);
  box-shadow:0 24px 48px -18px rgba(11,25,41,.28),0 2px 6px rgba(11,25,41,.06);padding:30px clamp(22px,3.4vw,40px) 18px}
body.vx-article .vp-takeaways .vp-kt-label{font:600 11px/1 "Hanken Grotesk",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--vp-gold-d);margin:0 0 10px}
body.vx-article .vp-takeaways ol{list-style:none;margin:0;padding:0;counter-reset:kt}
body.vx-article .vp-takeaways li{counter-increment:kt;display:grid;grid-template-columns:44px 1fr;gap:6px;align-items:baseline;padding:14px 0;border-top:1px solid var(--vp-line);
  font-family:var(--vx-serif,"Newsreader",Georgia,serif)!important;font-size:19.5px!important;line-height:1.42!important;color:var(--vp-ink)!important;margin:0!important}
body.vx-article .vp-takeaways li:first-child{border-top:0}
body.vx-article .vp-takeaways li:before{content:counter(kt,decimal-leading-zero);font:500 13px/1 "Hanken Grotesk",Arial,sans-serif;letter-spacing:.08em;color:var(--vp-gold-d)!important;background:none!important;position:static!important;width:auto!important;height:auto!important}

/* ---------- About the author ---------- */
body.vx-article .vp-about{margin:64px 0 0;padding:30px 0 0;border-top:1px solid var(--vp-line);display:grid;grid-template-columns:160px 1fr;gap:24px}
body.vx-article .vp-about .vp-about-label{font:600 11px/1.4 "Hanken Grotesk",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--vp-gold-d)}
body.vx-article .vp-about p{font-size:16px!important;line-height:1.65!important;color:var(--vp-ink2)!important;margin:0!important}
body.vx-article .vp-about p strong{color:var(--vp-ink)!important}

/* ---------- Related perspectives ---------- */
.vp-related{background:var(--vp-cream,#F7F4EC);padding:clamp(64px,7vw,96px) 0;border-top:1px solid #E9E1CF}
.vp-related-inner{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.vp-related .vp-series{color:#8F6424!important;margin-bottom:14px}
.vp-related .vp-series:before{background:#C4963A!important}
.vp-related h2{font-family:"Newsreader",Georgia,serif!important;font-weight:300!important;font-size:clamp(30px,3.2vw,42px)!important;color:#132235!important;margin:0 0 36px!important;line-height:1.1!important}
.vp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.vp-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:#fff;border:1px solid #E6DFCF;border-top:3px solid #C4963A;padding:26px 26px 24px;
  text-decoration:none!important;color:inherit!important;transition:transform .25s ease,box-shadow .25s ease}
.vp-card.vp-card--comm{border-top-color:#8FA1B5}.vp-card.vp-card--firm{border-top-color:#6F8DB0}
.vp-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(11,25,41,.35)}
.vp-card .vp-card-series{font:500 11px/1.3 "Hanken Grotesk",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7A8796}
.vp-card strong{font-family:"Newsreader",Georgia,serif;font-weight:400;font-size:23px;line-height:1.18;color:#132235}
.vp-card p{font-size:15px!important;line-height:1.55!important;color:#3C4E62!important;margin:0!important;flex:1}
.vp-card .vp-card-cta{font:700 11.5px/1 "Hanken Grotesk",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8F6424}

/* ---------- Hub cards ---------- */
.article-cover .vp-badge{position:relative;z-index:2;align-self:flex-start;width:max-content;margin:0 0 12px;padding:5px 9px 4px;font-size:9.5px;background:rgba(11,25,41,.55)}

/* ---------- Minimal motion ---------- */
@media (prefers-reduced-motion:no-preference){
 body.vx-article .vp-hero .hero-inner>*{animation:vpUp .7s cubic-bezier(.22,1,.36,1) both}
 body.vx-article .vp-hero .vp-cover{animation-delay:.12s}
 body.vx-article .article .vp-takeaways{animation:vpUp .7s .18s cubic-bezier(.22,1,.36,1) both}
}
@keyframes vpUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:900px){
 body.vx-article .vp-hero.vp-has-cover .hero-inner{grid-template-columns:1fr;gap:36px}
 body.vx-article .vp-cover:after{display:none}
 .vp-cards{grid-template-columns:1fr}
 body.vx-article .vp-about{grid-template-columns:1fr;gap:10px}
}
@media (max-width:560px){
 body.vx-article .vp-meta .vp-when{padding-left:0;border-left:0}
 body.vx-article .article .vp-takeaways{margin-top:-140px!important}
 body.vx-article .vp-takeaways li{font-size:18px!important;grid-template-columns:34px 1fr}
}

body.vx-article .vp-related + .close,body.vx-article .vp-related + section{margin-top:0!important}
.vp-card p{align-self:stretch}
body.vx-article .vp-has-cover .vp-meta .vp-when{padding-left:0;border-left:0;flex-basis:100%;margin-top:-4px}

/* Desktop: keep focus on the title block */
@media (min-width:901px){
 body.vx-article .vp-cover img{filter:brightness(.86) contrast(.94) saturate(.92)}
 body.vx-article .vp-cover:before{content:"";position:absolute;inset:0;border-radius:4px;background:linear-gradient(180deg,rgba(7,17,29,.06),rgba(7,17,29,.18));pointer-events:none;z-index:1}
}

/* ---------- Phase 2: shared bands for executive, commentary and SteerCo layouts ---------- */
body.vx-article .vp-kt-band{position:relative;z-index:2;background:transparent;padding:0 clamp(20px,4vw,40px)}
body.vx-article .vp-kt-band .vp-takeaways,body.vx-article .article-wrap .vp-takeaways{position:relative;z-index:2;max-width:820px;margin:-88px auto 8px!important;background:#fff;border-top:3px solid var(--vp-gold);
  box-shadow:0 24px 48px -18px rgba(11,25,41,.28),0 2px 6px rgba(11,25,41,.06);padding:30px clamp(22px,3.4vw,40px) 18px}
body.vx-article .article-wrap .vp-takeaways{margin:-150px 0 48px!important}
body.vx-article .vp-about-band{padding:8px clamp(20px,4vw,40px) 56px;background:#fff}
body.vx-article .vp-about-band .vp-about{max-width:820px;margin:48px auto 0}
body.vx-article .cta .signature{margin-top:26px}
@media (prefers-reduced-motion:no-preference){body.vx-article .vp-kt-band .vp-takeaways,body.vx-article .article-wrap .vp-takeaways{animation:vpUp .7s .18s cubic-bezier(.22,1,.36,1) both}}
@media (max-width:560px){body.vx-article .vp-kt-band .vp-takeaways{margin-top:-72px!important}body.vx-article .article-wrap .vp-takeaways{margin-top:-120px!important}}
body.vx-article .cta-block .boundary{background:rgba(255,255,255,.05)!important;color:#AEBBC8!important;text-align:left!important;font-size:13px!important;line-height:1.6!important;border-left:2px solid var(--vp-gold)!important;padding:14px 18px!important;margin:14px 0 0!important}
body.vx-article .cta-block .signature{color:#C9D3DD!important;margin-top:18px}
body.vx-article .vp-hero.vp-long h1{max-width:20ch}
body.vx-article .vp-meta .vp-when{flex-basis:100%;padding-left:0;border-left:0;margin-top:-4px}