/* Bookish display faces, paired with a clear humanist reading face. */
@font-face{font-family:"Portfolio Cormorant";src:url('/assets/fonts/cormorant-garamond.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:"Portfolio Song";src:url('/assets/fonts/noto-serif-sc.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:"Portfolio Sans";src:url('/assets/fonts/source-sans-3.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{--font-display:"Portfolio Cormorant","Portfolio Song","Songti SC",serif;--font-reading:"Portfolio Sans","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
html,body,button,input,select,textarea{font-family:var(--font-reading)}
html[lang] .identity,html[lang] .brand{font-family:var(--font-display);font-weight:500;font-size:25px;letter-spacing:-.015em}
html[lang=zh-CN] .identity{font-family:"Portfolio Song",serif;font-size:18px;font-weight:500;letter-spacing:.06em}

/* Separate language proportions preserve the character of each writing system. */
html[lang] .intro h1{font-family:var(--font-display);font-size:clamp(58px,5.2vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.02em;max-width:780px;color:#292b30;font-kerning:normal}
html[lang=zh-CN] .intro h1{font-family:"Portfolio Song",serif;font-size:clamp(48px,4.3vw,62px);font-weight:400;line-height:1.4;letter-spacing:.035em;max-width:720px}
html[lang] .intro-context{font-size:14px;line-height:1.7;font-weight:500;color:#4a4d55}
html[lang] .intro-body{font-size:15px;line-height:1.8;max-width:440px;color:#60646c}
html[lang] .intro-copy{max-width:470px;margin-top:25px}
html[lang] .intro-link{font-size:13px}

html[lang] .section-head h2,html[lang] .contact h2{font-family:var(--font-display);font-size:39px;line-height:1.2;font-weight:500;letter-spacing:-.015em}
html[lang=zh-CN] .section-head h2,html[lang=zh-CN] .contact h2{font-family:"Portfolio Song",serif;font-size:28px;font-weight:500;letter-spacing:.035em;line-height:1.5}
html[lang] .project-copy h3{font-family:var(--font-display);font-size:39px;line-height:1.2;font-weight:500;letter-spacing:-.015em}
html[lang=zh-CN] .project-copy h3{font-size:34px;letter-spacing:0;line-height:1.4}
html[lang] .project-lead{font-size:17px;line-height:1.7;font-weight:500}
html[lang] .project-description{font-size:14px;line-height:1.9}
html[lang] .project-detail{font-size:14px;line-height:1.9}
html[lang] .method-list h3{font-family:var(--font-display);font-size:25px;line-height:1.4;font-weight:500;letter-spacing:0}
html[lang=zh-CN] .method-list h3{font-family:"Portfolio Song",serif;font-size:20px}
html[lang] .method-list p,html[lang] .contact p{font-size:14px;line-height:1.9}
html[lang] .header nav{font-size:14px}

/* Carry the title language into the research case and download page. */
html[lang] .hero h1,html[lang] .download-hero h1{font-family:var(--font-display);font-size:clamp(45px,4.4vw,62px);line-height:1.12;font-weight:500;letter-spacing:-.02em}
html[lang=zh-CN] .hero h1,html[lang=zh-CN] .download-hero h1{font-family:"Portfolio Song",serif;font-size:clamp(38px,3.5vw,48px);font-weight:400;line-height:1.5;letter-spacing:.025em}
html[lang] .section-heading h2,html[lang] .scope-intro h2{font-family:var(--font-display);font-weight:500;letter-spacing:0}
html[lang] .case-story h3,html[lang] .meeting-story h3{font-family:var(--font-display);font-weight:500;letter-spacing:0}

@media(max-width:1050px){
  html[lang] .intro h1{font-size:62px;max-width:690px}
  html[lang=zh-CN] .intro h1{font-size:52px}
}
@media(max-width:760px){
  html[lang] .intro h1{font-size:clamp(44px,7.5vw,58px);line-height:1.1;letter-spacing:-.018em;max-width:100%}
  html[lang=zh-CN] .intro h1{font-size:clamp(36px,6.4vw,46px);line-height:1.48;letter-spacing:.025em}
  html[lang] .intro-context{font-size:13px}
  html[lang] .intro-body{font-size:14px;line-height:1.85}
  html[lang] .intro-copy{margin-top:23px;max-width:100%}
  html[lang] .section-head h2,html[lang] .contact h2{font-size:34px}
  html[lang=zh-CN] .section-head h2,html[lang=zh-CN] .contact h2{font-size:25px}
  html[lang] .project-copy h3{font-size:34px}
  html[lang=zh-CN] .project-copy h3{font-size:30px}
  html[lang] .project-lead{font-size:16px}
  html[lang] .project-description,html[lang] .project-detail{font-size:13px}
  html[lang] .approach .section-head{flex-direction:column;align-items:flex-start;gap:10px}
  html[lang] .approach .section-head .text-link{max-width:100%}
  html[lang] .hero h1,html[lang] .download-hero h1{font-size:45px;line-height:1.16}
  html[lang=zh-CN] .hero h1,html[lang=zh-CN] .download-hero h1{font-size:36px;line-height:1.5;letter-spacing:.015em}
}
@media(max-width:390px){
  html[lang] .intro h1{font-size:43px;line-height:1.1}
  html[lang=zh-CN] .intro h1{font-size:35px}
  html[lang] .header nav{font-size:12px}
}