/* BWC display typography: Bodoni-led bilingual maison system. */

@font-face {
  font-family: "BWC Bodoni";
  src: url("fonts/bodoni-moda-bwc.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

html[data-course="bwc"] {
  --font-editorial-en: "BWC Bodoni", Didot, "Bodoni 72", "Times New Roman", serif;
  --font-editorial-cn: "Songti SC", "Hiragino Mincho ProN", "Toppan Bunkyu Mincho", "Noto Serif CJK TC", serif;
  --font-editorial-mixed: "BWC Bodoni", "Songti SC", "Hiragino Mincho ProN", "Toppan Bunkyu Mincho", serif;
}

html[data-course="bwc"]:not([lang="zh-Hans"]) {
  --font-display: var(--font-editorial-en);
}

html[data-course="bwc"][lang="zh-Hans"] {
  --font-display: var(--font-editorial-mixed);
}

:root[data-course="bwc"][lang="zh-Hans"] :is(h1, h2, h3, .font-display) {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  font-synthesis: none;
  letter-spacing: .008em !important;
}

:root[data-course="bwc"][lang="zh-Hans"] h3 {
  font-weight: 400 !important;
  letter-spacing: .004em !important;
}

:root[data-course="bwc"][lang="zh-Hans"] .hero.hero h1 {
  font-family: var(--font-editorial-en) !important;
  font-weight: 500 !important;
  line-height: .94 !important;
  letter-spacing: -.048em !important;
  text-transform: uppercase;
}

:root[data-course="bwc"][lang="zh-Hans"] body,
:root[data-course="bwc"][lang="zh-Hans"] :is(button, input, select, textarea, summary) {
  font-family: "Avenir Next", Manrope, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;
}

:root[data-course="bwc"] .hero-local-title {
  display: none;
}

:root[data-course="bwc"][lang="zh-Hans"] .hero-local-title {
  display: block;
  margin-top: 1rem;
  color: rgba(47, 36, 31, .72);
  font-family: var(--font-editorial-cn) !important;
  font-size: clamp(1.25rem, 2.1vw, 1.75rem);
  font-weight: 300;
  line-height: 1.25;
  letter-spacing: .055em;
}

:root[data-course="bwc"][lang="zh-Hans"] .skills-header p.skills-support,
:root[data-course="bwc"][lang="zh-Hans"] #why-jwc h2.faculty-section-title {
  font-family: var(--font-display) !important;
  font-weight: 300 !important;
  letter-spacing: .018em !important;
}

:root[data-course="bwc"]:not([lang="zh-Hans"]) :is(h1, h2, h3, .font-display) {
  font-family: var(--font-editorial-en) !important;
  font-synthesis: none;
}

:root[data-course="bwc"]:not([lang="zh-Hans"]) .hero.hero h1 {
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase;
}

:root[data-course="bwc"][lang="zh-Hans"] header .font-display,
:root[data-course="bwc"]:not([lang="zh-Hans"]) header .font-display {
  font-family: var(--font-editorial-en) !important;
  font-weight: 600 !important;
  letter-spacing: -.018em !important;
}

@media (max-width: 767px) {
  :root[data-course="bwc"][lang="zh-Hans"] .hero.hero h1 {
    font-size: 2.92rem !important;
  }
}
