:root{
  --vj-articles-navy:#163d76;
  --vj-articles-navy-deep:#10315e;
  --vj-articles-pale:#eef5fd;
  --vj-articles-pale-2:#f6f8fb;
  --vj-articles-line:rgba(24,51,82,.13);
  --vj-articles-gold:#b96837;
}
.vj-articles-page--reference-v2{overflow:hidden;background:#fbfaf7;color:var(--vj-color-text-primary)}
.vj-articles-page--reference-v2 .vj-container{max-width:1240px}
.vj-articles-v2-hero{background:var(--vj-articles-navy);color:#fff;padding-block:clamp(4.5rem,8vw,7.5rem) clamp(3.5rem,6vw,5.5rem)}
.vj-articles-v2-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-template-areas:"copy feature";gap:clamp(2.5rem,6vw,6rem);align-items:center}
.vj-articles-v2-hero__copy{grid-area:copy;max-inline-size:720px}
.vj-articles-v2-eyebrow{margin:0 0 .8rem;color:var(--vj-articles-gold);font-size:.75rem;line-height:1.3;font-weight:800;letter-spacing:.08em}
.vj-articles-v2-hero h1{margin:0;max-inline-size:720px;font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.08;font-weight:740;letter-spacing:-.03em;text-wrap:balance;text-align:right}
.vj-articles-v2-hero__lead{margin:1.5rem 0 0;max-inline-size:670px;color:rgba(255,255,255,.78);font-size:1.05rem;line-height:1.95;text-align:right}
.vj-articles-v2-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-block-start:2rem}
.vj-articles-v2-link{color:#fff;text-decoration:none;font-weight:700}
.vj-articles-v2-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.vj-articles-v2-hero__feature{grid-area:feature;min-width:0}
.vj-articles-v2-feature-media{display:block;aspect-ratio:4/3;border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:0 22px 55px rgba(0,0,0,.2)}
.vj-articles-v2-feature-media img{display:block;width:100%;height:100%;object-fit:cover}
.vj-articles-v2-feature-media--empty{display:grid;place-items:center}
.vj-articles-v2-feature-empty{display:grid;place-items:center;gap:.5rem;height:100%;color:#fff}
.vj-articles-v2-feature-empty strong{font:800 6rem/1 Inter,Arial,sans-serif;letter-spacing:-.08em}
.vj-articles-v2-feature-copy{padding:.9rem .2rem 0}
.vj-articles-v2-meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;color:var(--vj-color-text-muted);font-size:.76rem;line-height:1.5}
.vj-articles-v2-meta span{color:var(--vj-articles-gold);font-weight:800}
.vj-articles-v2-feature-copy .vj-articles-v2-meta{color:rgba(255,255,255,.64)}
.vj-articles-v2-feature-copy h2{margin:.55rem 0 0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.38}
.vj-articles-v2-feature-copy h2 a{color:#fff;text-decoration:none}
.vj-articles-v2-feature-copy h2 a:hover{text-decoration:underline;text-underline-offset:5px}
.vj-articles-v2-stats{background:#fff;border-block-end:1px solid var(--vj-articles-line)}
.vj-articles-v2-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-inline-start:1px solid var(--vj-articles-line)}
.vj-articles-v2-stats__grid>div{padding:1.55rem 1.2rem 1.65rem;border-inline-end:1px solid var(--vj-articles-line);display:flex;flex-direction:column;gap:.4rem}
.vj-articles-v2-stats strong{font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1;color:var(--vj-articles-navy)}
.vj-articles-v2-stats span{font-size:.8rem;color:var(--vj-color-text-secondary)}
.vj-articles-v2-topics{padding-block:clamp(4rem,7vw,6.8rem)}
.vj-articles-v2-section-head{display:flex;justify-content:space-between;align-items:end;gap:2.5rem;margin-block-end:2rem}
.vj-articles-v2-section-head h2{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.18;text-wrap:balance}
.vj-articles-v2-section-head>p{margin:0;max-inline-size:560px;color:var(--vj-color-text-secondary);line-height:1.9}
.vj-articles-v2-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--vj-articles-line);border-radius:18px;overflow:hidden;background:#fff}
.vj-articles-v2-topic-card{min-block-size:118px;padding:1.35rem 1.45rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;border-inline-end:1px solid var(--vj-articles-line);border-block-end:1px solid var(--vj-articles-line);text-decoration:none;color:var(--vj-color-text-primary);background:#fff;transition:background-color .18s ease,color .18s ease}
.vj-articles-v2-topic-card:nth-child(3n){border-inline-end:0}
.vj-articles-v2-topic-card:nth-last-child(-n+3){border-block-end:0}
.vj-articles-v2-topic-card:hover{background:var(--vj-articles-navy);color:#fff}
.vj-articles-v2-topic-card strong{font-size:1.08rem}
.vj-articles-v2-topic-card__count{align-self:flex-start;color:var(--vj-articles-gold);font-size:.74rem;font-weight:800}
.vj-articles-v2-topic-card>span:last-child{color:var(--vj-articles-gold);font-size:1.1rem}
.vj-articles-v2-editorial{background:var(--vj-articles-pale);padding-block:clamp(4rem,7vw,6.5rem)}
.vj-articles-v2-editorial__grid{display:grid;grid-template-columns:minmax(290px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.vj-articles-v2-editorial__intro h2{margin:.15rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.18;text-wrap:balance}
.vj-articles-v2-editorial__intro>p:not(.vj-articles-v2-eyebrow){max-inline-size:520px;margin:0 0 1.5rem;color:var(--vj-color-text-secondary);line-height:1.9}
.vj-articles-v2-editorial__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.vj-articles-v2-editorial-card{background:#fff;border:1px solid var(--vj-articles-line);border-radius:16px;overflow:hidden;min-inline-size:0}
.vj-articles-v2-editorial-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#dce8f6}
.vj-articles-v2-editorial-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.vj-articles-v2-editorial-card:hover .vj-articles-v2-editorial-card__media img{transform:scale(1.025)}
.vj-articles-v2-editorial-card__body{padding:1rem 1.05rem 1.15rem}
.vj-articles-v2-editorial-card__body>span{font-size:.72rem;color:var(--vj-articles-gold);font-weight:800}
.vj-articles-v2-editorial-card__body h3{margin:.35rem 0 0;font-size:1rem;line-height:1.55}
.vj-articles-v2-editorial-card__body h3 a{color:inherit;text-decoration:none}
.vj-articles-v2-stream{padding-block:clamp(4rem,7vw,7rem)}
.vj-articles-v2-section-head--stream{margin-block-end:2.2rem}
.vj-articles-v2-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.vj-articles-v2-card{background:#fff;border:1px solid var(--vj-articles-line);border-radius:17px;overflow:hidden;min-inline-size:0;box-shadow:0 6px 24px rgba(18,48,90,.04);display:flex;flex-direction:column}
.vj-articles-v2-card:nth-child(7n+1){grid-column:span 6}
.vj-articles-v2-card:nth-child(7n+2),.vj-articles-v2-card:nth-child(7n+3),.vj-articles-v2-card:nth-child(7n+4){grid-column:span 3}
.vj-articles-v2-card:nth-child(7n+5),.vj-articles-v2-card:nth-child(7n+6),.vj-articles-v2-card:nth-child(7n+7){grid-column:span 4}
.vj-articles-v2-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--vj-articles-pale-2);text-decoration:none}
.vj-articles-v2-card:nth-child(7n+1) .vj-articles-v2-card__media{aspect-ratio:16/8.8}
.vj-articles-v2-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.vj-articles-v2-card:hover .vj-articles-v2-card__media img{transform:scale(1.025)}
.vj-articles-v2-card__badge{position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;padding:.35rem .55rem;border-radius:999px;background:rgba(15,41,79,.9);color:#fff;font-size:.68rem;line-height:1;font-weight:800}
.vj-articles-v2-card__body{display:flex;flex-direction:column;flex:1;padding:1.1rem 1.15rem 1.25rem}
.vj-articles-v2-card__body h3{margin:.35rem 0 .55rem;font-size:1.18rem;line-height:1.52}
.vj-articles-v2-card__body h3 a{color:inherit;text-decoration:none}
.vj-articles-v2-card__body h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.vj-articles-v2-card__body p{margin:0;color:var(--vj-color-text-secondary);font-size:.92rem;line-height:1.8}
.vj-articles-v2-card__link{margin-top:auto;padding-top:1rem;color:var(--vj-articles-navy);font-size:.83rem;font-weight:800;text-decoration:none}
.vj-articles-v2-card__link:hover{text-decoration:underline;text-underline-offset:4px}
.vj-articles-v2-media-fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#f3f6fa,#e5edf7);color:var(--vj-articles-navy);font-size:.9rem;font-weight:800}
.vj-articles-v2-media-fallback strong{font-size:.86rem}
.vj-articles-v2-pagination{margin-top:2rem}
.vj-articles-v2-pagination ul{display:flex;justify-content:center;align-items:center;gap:.45rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.vj-articles-v2-pagination li{margin:0}
.vj-articles-v2-pagination a,.vj-articles-v2-pagination span{display:grid;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .65rem;border:1px solid var(--vj-articles-line);border-radius:999px;text-decoration:none;color:var(--vj-color-text-primary);background:#fff;font-size:.85rem}
.vj-articles-v2-pagination .current{background:var(--vj-articles-navy);color:#fff;border-color:var(--vj-articles-navy)}
.vj-articles-v2-empty{padding:3rem 1.5rem;border:1px solid var(--vj-articles-line);background:#fff;border-radius:18px;text-align:center}
.vj-articles-v2-guides{background:var(--vj-articles-pale-2);padding-block:clamp(4rem,7vw,6.5rem)}
.vj-articles-v2-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.vj-articles-v2-guide-card{display:grid;grid-template-columns:42% minmax(0,1fr);background:#fff;border:1px solid var(--vj-articles-line);border-radius:16px;overflow:hidden;min-width:0}
.vj-articles-v2-guide-card__media{display:block;min-height:220px;background:#dce8f6;overflow:hidden}
.vj-articles-v2-guide-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.vj-articles-v2-guide-card__body{padding:1rem 1.05rem 1.1rem;min-width:0}
.vj-articles-v2-guide-card__body h3{margin:.4rem 0 .55rem;font-size:1.05rem;line-height:1.55}
.vj-articles-v2-guide-card__body h3 a{color:inherit;text-decoration:none}
.vj-articles-v2-guide-card__body p{margin:0;color:var(--vj-color-text-secondary);font-size:.9rem;line-height:1.75}
.vj-articles-v2-cta{background:var(--vj-articles-navy);color:#fff;padding-block:clamp(3.6rem,6vw,5.5rem)}
.vj-articles-v2-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}
.vj-articles-v2-cta h2{margin:.1rem 0 .8rem;max-inline-size:820px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.18;text-wrap:balance}
.vj-articles-v2-cta p:not(.vj-articles-v2-eyebrow){margin:0;max-inline-size:760px;color:rgba(255,255,255,.76);line-height:1.9}
html[lang^="en"] .vj-articles-page--reference-v2{direction:ltr}
html[lang^="en"] .vj-articles-page--reference-v2 .vj-articles-v2-hero h1,html[lang^="en"] .vj-articles-page--reference-v2 .vj-articles-v2-hero__lead{text-align:left}
html[lang^="en"] .vj-articles-v2-hero__grid{grid-template-areas:"copy feature"}
html[lang^="en"] .vj-articles-v2-cta__inner{direction:ltr}
.vj-articles-page--reference-v2 h1,.vj-articles-page--reference-v2 h2,.vj-articles-page--reference-v2 h3{hyphens:none}
@media (max-width:1080px){
  .vj-articles-v2-hero__grid{grid-template-columns:1fr;grid-template-areas:"copy" "feature"}
  .vj-articles-v2-hero__copy{max-inline-size:850px}
  .vj-articles-v2-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vj-articles-v2-stats__grid>div:nth-child(2n){border-inline-end:0}
  .vj-articles-v2-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vj-articles-v2-topic-card:nth-child(3n){border-inline-end:1px solid var(--vj-articles-line)}
  .vj-articles-v2-topic-card:nth-child(2n){border-inline-end:0}
  .vj-articles-v2-topic-card:nth-last-child(-n+3){border-block-end:1px solid var(--vj-articles-line)}
  .vj-articles-v2-topic-card:nth-last-child(-n+2){border-block-end:0}
  .vj-articles-v2-editorial__grid{grid-template-columns:1fr}
  .vj-articles-v2-guides-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .vj-articles-v2-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vj-articles-v2-card:nth-child(n){grid-column:span 1}
  .vj-articles-v2-card:nth-child(7n+1){grid-column:span 2}
  .vj-articles-v2-card:nth-child(7n+1) .vj-articles-v2-card__media{aspect-ratio:16/10}
  .vj-articles-v2-section-head{flex-direction:column;align-items:flex-start;gap:.85rem}
}
@media (max-width:640px){
  .vj-articles-page--reference-v2 .vj-container{width:calc(100% - 1.1rem)}
  .vj-articles-v2-hero{padding-block:3.3rem 3rem}
  .vj-articles-v2-hero h1{font-size:clamp(2.25rem,11vw,3.7rem);line-height:1.15}
  .vj-articles-v2-hero__lead{font-size:.96rem}
  .vj-articles-v2-actions{flex-direction:column;align-items:stretch}
  .vj-articles-v2-actions .vj-button,.vj-articles-v2-link{width:100%;box-sizing:border-box;text-align:center}
  .vj-articles-v2-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vj-articles-v2-stats__grid>div{padding:1.1rem .8rem}
  .vj-articles-v2-topic-grid{grid-template-columns:1fr}
  .vj-articles-v2-topic-card,.vj-articles-v2-topic-card:nth-child(2n),.vj-articles-v2-topic-card:nth-child(3n){border-inline-end:0!important;border-block-end:1px solid var(--vj-articles-line)!important}
  .vj-articles-v2-topic-card:last-child{border-block-end:0!important}
  .vj-articles-v2-editorial__cards{grid-template-columns:1fr}
  .vj-articles-v2-gallery{grid-template-columns:1fr}
  .vj-articles-v2-card:nth-child(n),.vj-articles-v2-card:nth-child(7n+1){grid-column:span 1}
  .vj-articles-v2-card__media,.vj-articles-v2-card:nth-child(7n+1) .vj-articles-v2-card__media{aspect-ratio:16/10}
  .vj-articles-v2-guide-card{grid-template-columns:1fr}
  .vj-articles-v2-guide-card__media{min-height:190px}
  .vj-articles-v2-cta__inner{flex-direction:column;align-items:flex-start}
  .vj-articles-v2-cta .vj-button{width:100%;box-sizing:border-box;text-align:center}
}
