/* Modern localized Expertise presentation, using existing DVEC brand tokens.
 * Applied only to the rebuilt DE/ES/ZH/AR page; no changes to English or
 * the archived content text, no new names, funding assurances or assets.
 */
.modern-expertise { color:var(--text-primary); }
.modern-expertise .editorial-hero {
  padding:clamp(88px,8.8vw,120px) 0 clamp(78px,7vw,110px);
  background:var(--surface-primary);
  border-bottom:1px solid var(--border-subtle);
}
.modern-expertise .hero-grid { display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); }
.modern-expertise .hero-copy { grid-column:1; min-width:0; max-width:840px; }
.modern-expertise .hero-copy h1 {
  margin:0; font:400 clamp(32px,5.1vw,70px)/1.07 var(--font-serif);
  letter-spacing:-.032em; text-wrap:balance; overflow-wrap:normal;word-break:normal;hyphens:none;
}
.modern-expertise .hero-intro {
  margin:32px 0 0; max-width:750px; color:var(--text-secondary);
  font-size:clamp(18px,2vw,21px); line-height:1.58;
}
.modern-expertise .hero-context {
  margin:18px 0 0; color:var(--text-secondary); font-size:18px; line-height:1.63;
}
.modern-expertise .hero-statement {
  margin:39px 0 0; max-width:730px;
  font:400 clamp(22px,2.55vw,30px)/1.4 var(--font-serif);
}
.modern-expertise .expertise-domain {
  padding:clamp(70px,7.5vw,105px) 0;
  background:var(--surface-primary);
  border-bottom:1px solid var(--border-subtle);
}
.modern-expertise .expertise-domain:nth-of-type(even) { background:var(--surface-warm); }
.modern-expertise .domain-grid {
  display:grid; grid-template-columns:minmax(0,4fr) minmax(0,8fr);
  gap:clamp(30px,4.5vw,65px); align-items:start;
}
.modern-expertise .domain-title { position:sticky; top:112px; min-width:0; }
.modern-expertise .domain-index { color:var(--brand-gold-ink); font-size:13px; letter-spacing:.18em; margin:0 0 18px; }
.modern-expertise .domain-title h2 {
  margin:0; font:400 clamp(28px,3.15vw,41px)/1.15 var(--font-serif);
  letter-spacing:-.019em; text-wrap:balance; overflow-wrap:normal;word-break:normal;hyphens:none;
}
.modern-expertise .domain-copy { min-width:0; max-width:790px; }
.modern-expertise .domain-copy p { margin:0 0 20px; color:var(--text-secondary); font-size:17px; line-height:1.66; overflow-wrap:normal;word-break:normal;hyphens:none; }
.modern-expertise .domain-copy .domain-close {
  margin:33px 0 0; padding-inline-start:20px;
  border-inline-start:2px solid var(--brand-gold);
  font:400 clamp(21px,2.25vw,27px)/1.46 var(--font-serif);
  color:var(--text-primary); overflow-wrap:normal;word-break:normal;hyphens:none;
}
.modern-expertise .domain-copy .domain-close strong { font-weight:500; }
.modern-expertise .expertise-close { padding:clamp(90px,9vw,130px) 0; background:var(--surface-neutral); }
.modern-expertise .expertise-close h2 {
  margin:0 0 24px; max-width:850px; 
  font:400 clamp(37px,4vw,51px)/1.12 var(--font-serif); text-wrap:balance;
}
.modern-expertise .expertise-close p { max-width:860px; font-size:18px; line-height:1.6; color:var(--text-secondary); }
.modern-expertise .expertise-close .key-p { color:var(--text-primary); font-family:var(--font-serif); font-size:24px; }
.modern-expertise .close-links { display:flex; gap:18px 40px; flex-wrap:wrap; margin-top:36px; }
@media(max-width:1080px) {
  .modern-expertise .hero-grid { grid-template-columns:minmax(0,1fr); }
  .modern-expertise .domain-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .modern-expertise .domain-title { position:static; }
}
@media(max-width:620px) {
  .modern-expertise .editorial-hero { padding:75px 0 74px; }
  .modern-expertise .hero-copy h1 { font-size:clamp(26px,7.4vw,45px); }
  .modern-expertise .hero-context { font-size:17px; }
  .modern-expertise .expertise-domain { padding:67px 0; }
  .modern-expertise .domain-copy p { font-size:16px; }
  .modern-expertise .close-links { display:grid; justify-items:start; }
}