/* Softer editorial titles. Local, Vietnamese-complete fonts; logo and figures stay intact. */
:root {
  --editorial-title: 'Be Vietnam Pro', system-ui, sans-serif;
  --editorial-accent: Georgia, 'Times New Roman', serif;
}

.section-title h2,
.interior-page .interior-hero h1,
.interior-page.interior-story .interior-hero h1,
.online-policy .op-hero h1 {
  font-family: var(--editorial-title);
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.23;
  text-wrap: balance;
}

.interior-page .interior-hero h1,
.interior-page.interior-story .interior-hero h1,
.online-policy .op-hero h1 {
  font-size: clamp(32px, 3.25vw, 49px);
}

.interior-page .interior-article .section-heading,
.interior-page .interior-agency-section .section-heading,
.interior-page .interior-index-content > .section-heading,
.interior-page .interior-catalog-content > .section-heading,
.interior-page .interior-agency-path .section-heading,
.interior-page .interior-story-copy .section-heading,
.interior-page .interior-honor-copy .section-heading,
.source-section > h2,
.source-section .section-heading {
  font-family: var(--editorial-title);
  font-weight: 600;
  letter-spacing: -.6px;
  line-height: 1.4;
  text-wrap: balance;
}

.interior-page .interior-route-card h2,
.interior-page .interior-route-card h3,
.interior-page .interior-product-card h3,
.interior-page .interior-software-card h3,
.interior-page .interior-honor-card h3,
.learning-card h3,
.feedback-person strong,
.feature-post h3 {
  font-family: var(--editorial-title);
  font-weight: 600;
  letter-spacing: -.25px;
  line-height: 1.45;
}

.studio-journeys .journey-copy h3 {
  font-family: var(--editorial-title);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -.9px;
}

.home-about-v16 h2 {
  font: 500 clamp(29px, 3vw, 43px)/1.25 var(--editorial-title);
  letter-spacing: -1px;
}

.home-about-v16 .home-about-brand {
  font: 600 12px/1.7 var(--editorial-title);
  letter-spacing: 2.3px;
}

.home-about-v16 .home-about-heading em {
  font: italic 400 1.08em/1.2 var(--editorial-accent);
  letter-spacing: -.8px;
}

.home-about-v16 .home-brand-slogans {
  display: grid;
  gap: 9px;
  margin-top: 24px;
  padding: 17px 0 0 18px;
  border-left: 2px solid #ee648d;
}

.home-about-v16 .home-brand-slogans p {
  max-width: 100%;
  margin: 0;
  color: #a32950;
  font: 500 10px/1.8 var(--editorial-title);
  letter-spacing: 1.05px;
  text-wrap: pretty;
}

.home-about-v16 .home-brand-slogans p:last-child {
  color: #68545c;
  font: italic 400 18px/1.5 var(--editorial-accent);
  letter-spacing: .3px;
}

@media (max-width: 760px) {
  .interior-page .interior-hero h1,
  .interior-page.interior-story .interior-hero h1,
  .online-policy .op-hero h1 { font-size: clamp(29px, 7vw, 38px); letter-spacing: -.7px; }
  .section-title h2 { letter-spacing: -.8px; }
  .studio-journeys .journey-copy h3 { font-size: 30px; }
  .home-about-v16 h2 { font-size: clamp(27px, 7vw, 35px); letter-spacing: -.7px; }
  .home-about-v16 .home-brand-slogans { margin-top: 20px; padding-left: 13px; }
  .home-about-v16 .home-brand-slogans p { font-size: 9px; letter-spacing: .8px; }
  .home-about-v16 .home-brand-slogans p:last-child { font-size: 17px; }
}
