/* Modern DE / ES / ZH / AR About DVEC editorial presentation.
 * Uses existing corporate tokens and approved localized narrative verbatim.
 * Only the expressly owner-approved likeness is used, with no partner endorsement or
 * claims about unverified institutional relations are introduced here.
 */
.modern-about { color:var(--text-primary); }
.modern-about .about-editorial-hero {
  padding:clamp(84px,9vw,128px) 0 clamp(80px,8vw,110px);
  border-bottom:1px solid var(--border-subtle);
  background:var(--surface-primary);
}
.modern-about .about-hero-inner { max-width:940px; }
.modern-about .about-hero-inner h1 {
  margin:0; max-width:min(100%,24ch);
  font:400 clamp(42px,5vw,70px)/1.08 var(--font-serif);
  letter-spacing:-.03em; overflow-wrap:normal; word-break:normal; hyphens:none; text-wrap:balance;
}
.modern-about .about-hero-inner .about-intro {
  margin:clamp(28px,3.5vw,46px) 0 0;
  max-width:820px; font:400 clamp(19px,2vw,22px)/1.55 var(--font-sans);
  color:var(--text-secondary);
}
.modern-about .about-hero-inner .about-context {
  margin:21px 0 0; max-width:820px; font:400 18px/1.65 var(--font-sans);
  color:var(--text-secondary);
}
.modern-about .about-hero-inner .about-principle {
  margin:38px 0 0; max-width:800px;
  padding-inline-start:20px; border-inline-start:2px solid var(--brand-gold);
  font:400 clamp(23px,2.6vw,32px)/1.4 var(--font-serif);
  overflow-wrap:normal; word-break:normal; hyphens:none;
}
.modern-about .about-editorial-chapter {
  padding:clamp(75px,8vw,110px) 0;
  border-bottom:1px solid var(--border-subtle);
}
.modern-about .about-editorial-chapter--warm { background:var(--surface-warm); }
.modern-about .about-chapter-grid {
  display:grid;
  grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);
  gap:clamp(30px,5vw,76px);
}
.modern-about .about-chapter-title { min-width:0; }
.modern-about .about-chapter-title h2 {
  margin:0; max-width:min(100%,32ch);
  font:400 clamp(31px,3.3vw,44px)/1.13 var(--font-serif);
  letter-spacing:-.025em; overflow-wrap:normal; word-break:normal; hyphens:none; text-wrap:balance;
}
.modern-about .about-chapter-copy { min-width:0; max-width:800px; }
.modern-about .about-chapter-paragraph {
  margin:0 0 19px;
  color:var(--text-secondary); font:400 18px/1.65 var(--font-sans);
  overflow-wrap:normal; word-break:normal; hyphens:none;
}
.modern-about .about-chapter-principle {
  margin:29px 0 0; padding-inline-start:19px;
  border-inline-start:2px solid var(--brand-gold);
  color:var(--text-primary);
  font:400 clamp(22px,2.35vw,28px)/1.42 var(--font-serif);
  overflow-wrap:normal; word-break:normal; hyphens:none;
}
.modern-about .about-chapter-principle strong { font-weight:500; }
.modern-about .about-editorial-leadership {
  padding:clamp(95px,9vw,130px) 0;
  background:var(--surface-neutral);
  border-bottom:1px solid var(--border-subtle);
}
.modern-about .about-leadership-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.68fr); gap:clamp(28px,5vw,72px); align-items:center; }
.modern-about .approved-profile-portrait { margin:0; min-width:0; justify-self:end; width:min(100%,360px); }
.modern-about .approved-profile-portrait img { display:block; width:100%; height:auto; filter:drop-shadow(0 8px 19px rgba(25,32,43,.08)); }
.modern-about .about-leadership-copy { max-width:820px; min-width:0; }
.modern-about .about-leadership-copy h2 {
  margin:0 0 20px;
  font:400 clamp(36px,4vw,54px)/1.12 var(--font-serif);
  letter-spacing:-.03em; text-wrap:balance; overflow-wrap:normal; word-break:normal; hyphens:none;
}
.modern-about .about-leadership-copy > p:not(.eyebrow) {
  font:400 clamp(19px,2.15vw,24px)/1.55 var(--font-serif);
  color:var(--text-secondary);
}
.modern-about .about-leadership-copy .editorial-link { display:inline-flex; margin-top:28px; }
@media(max-width:900px) {
  .modern-about .about-leadership-grid { grid-template-columns:minmax(0,1fr); }
  .modern-about .approved-profile-portrait { order:-1; justify-self:start; max-width:280px; }
  .modern-about .about-chapter-grid { grid-template-columns:minmax(0,1fr); gap:25px; }
}
@media(max-width:620px) {
  .modern-about .about-editorial-hero { padding:73px 0 77px; }
  .modern-about .about-hero-inner h1 { font-size:clamp(26px,7.1vw,45px); }
  .modern-about .about-hero-inner .about-context { font-size:16px; }
  .modern-about .about-editorial-chapter { padding:69px 0; }
  .modern-about .about-chapter-paragraph { font-size:16px; }
  .modern-about .about-editorial-leadership { padding:78px 0; }
  .modern-about .approved-profile-portrait { max-width:210px; }
}

/* DVEC phase D: underpage editorial rhythm; original DE/ES/ZH/AR wording unchanged. */
.modern-about .about-chapter-paragraph{max-inline-size:69ch;line-height:1.66;}
.modern-about .about-chapter-principle{max-inline-size:37ch;}
.modern-about .about-leadership-copy > p:not(.eyebrow){max-inline-size:42ch;}
@media(min-width:901px){
  .modern-about .about-editorial-chapter{padding-block:clamp(75px,7vw,98px);}
  .modern-about .about-editorial-leadership{padding-block:clamp(92px,8vw,116px);}
}
@media(max-width:900px){
  .modern-about .about-editorial-chapter{padding-block:76px;}
  .modern-about .approved-profile-portrait{max-width:245px;}
}
@media(max-width:620px){
  .modern-about .about-editorial-chapter{padding-block:60px;}
  .modern-about .about-editorial-leadership{padding-block:78px;}
  .modern-about .about-chapter-grid{gap:18px;}
  .modern-about .about-chapter-title h2{font-size:clamp(25px,6.9vw,38px);}
  .modern-about .approved-profile-portrait{max-width:190px;}
}

/* Founder image: transparent, borderless and visually integrated. */
.modern-about .approved-profile-portrait img, .approved-profile-portrait img { aspect-ratio:760/1012; object-fit:contain; background:transparent; border:0; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%); }