html[lang=zh-Hans]{--sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--serif:'Noto Serif SC','Songti SC',SimSun,serif}
html[lang=zh-Hans] body{font-family:var(--sans);line-height:1.85;line-break:strict;word-break:normal;overflow-wrap:break-word}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2,html[lang=zh-Hans] h3,html[lang=zh-Hans] h4{font-family:var(--serif);font-weight:400;letter-spacing:.025em;line-height:1.4}
html[lang=zh-Hans] p,html[lang=zh-Hans] a,html[lang=zh-Hans] button,html[lang=zh-Hans] label,html[lang=zh-Hans] summary{letter-spacing:.035em}
html[lang=zh-Hans] button,html[lang=zh-Hans] input,html[lang=zh-Hans] textarea{font-family:var(--sans)}
html[lang=zh-Hans] .wordmark{font-family:'Jost',Arial,sans-serif;letter-spacing:5px}
html[lang=zh-Hans] .wordmark span{font-family:var(--sans);letter-spacing:2px}
html[lang=zh-Hans] .eyebrow{font-size:11px;line-height:1.8;letter-spacing:.15em}
html[lang=zh-Hans] .act h1{font-size:clamp(58px,6.5vw,98px);line-height:1.35}
html[lang=zh-Hans] .act h2{font-size:clamp(44px,4.8vw,74px);line-height:1.4}
html[lang=zh-Hans] .act .intro{font-size:16px;line-height:1.9}
html[lang=zh-Hans] .act .support{font-size:13px;line-height:1.9}
html[lang=zh-Hans] .film-copy h1,html[lang=zh-Hans] .film-copy h2{font-size:clamp(44px,4.8vw,74px);line-height:1.4}
html[lang=zh-Hans] .film-copy>p:not(.eyebrow){font-size:15px;line-height:1.9}
html[lang=zh-Hans] .film-chapters button,html[lang=zh-Hans] .film-controls button{letter-spacing:.05em;font-size:11px}
html[lang=zh-Hans] .film-note,html[lang=zh-Hans] .art-note{line-height:1.7}
html[lang=zh-Hans] .text-cta,html[lang=zh-Hans] .text-link,html[lang=zh-Hans] .button,html[lang=zh-Hans] .pill{font-size:12px;letter-spacing:.08em}
html[lang=zh-Hans] .chapter-nav{font-size:12px;letter-spacing:.06em}
html[lang=zh-Hans] .legal-copy p,html[lang=zh-Hans] .answers details p{font-size:15px;line-height:1.95}
html[lang=zh-Hans] .legal-section h2{font-family:var(--sans);font-size:12px}
html[lang=zh-Hans] .legal-copy h3{font-size:30px}
html[lang=zh-Hans] .footer nav{flex-wrap:wrap}
@media(min-width:701px) and (max-height:760px){
 html[lang=zh-Hans] .act h1{font-size:68px}html[lang=zh-Hans] .act h2,html[lang=zh-Hans] .film-copy h1,html[lang=zh-Hans] .film-copy h2{font-size:48px}
}
@media(max-width:700px){
 html[lang=zh-Hans] .wordmark{letter-spacing:2px}
 html[lang=zh-Hans] .wordmark span{font-size:6px;letter-spacing:1px}
 html[lang=zh-Hans] .header-actions .header-cta,html[lang=zh-Hans] .header-actions .enquire{font-size:10px}
 html[lang=zh-Hans] .language-switch summary{font-size:11px}
 html[lang=zh-Hans] .act h1{font-size:46px;margin-bottom:22px}
 html[lang=zh-Hans] .act h2{font-size:37px;margin-bottom:18px}
 html[lang=zh-Hans] .act .words{max-width:86%}
 html[lang=zh-Hans] .act .intro{font-size:14px;line-height:1.9}
 html[lang=zh-Hans] .act .support{font-size:12px;line-height:1.85;margin-top:18px}
 html[lang=zh-Hans] .act .eyebrow,html[lang=zh-Hans] .film-copy .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.1em;margin-bottom:18px}
 html[lang=zh-Hans] .film-copy h1,html[lang=zh-Hans] .film-copy h2{font-size:37px;line-height:1.45}
 html[lang=zh-Hans] .film-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:18px}
 html[lang=zh-Hans] .film-chapters{gap:20px}
 html[lang=zh-Hans] .film-chapters button{font-size:10px}
 html[lang=zh-Hans] .film-controls button,html[lang=zh-Hans] .story-nav button{font-size:10px;max-width:90px;white-space:normal}
 html[lang=zh-Hans] .film-progress span,html[lang=zh-Hans] .timeline>span{font-size:9px;letter-spacing:0;max-width:115px}
 html[lang=zh-Hans] .film-note,html[lang=zh-Hans] .art-note{font-size:7px}
 html[lang=zh-Hans] .text-cta,html[lang=zh-Hans] .film-copy .text-link{font-size:12px;margin-top:22px}
 html[lang=zh-Hans] .programme-thread{font-size:8px;letter-spacing:.03em}
 html[lang=zh-Hans] .chapter-nav{font-size:11px;gap:22px;justify-content:flex-start}
 html[lang=zh-Hans] .legal-hero h1{font-size:40px}
 html[lang=zh-Hans] .topic-title h2,html[lang=zh-Hans] .intro-copy h2{font-size:36px}
 html[lang=zh-Hans] .answers summary{font-size:15px;line-height:1.8}
 html[lang=zh-Hans] .year-mark i{font-size:12px;letter-spacing:0}
}
@media(max-width:700px) and (max-height:700px){
 html[lang=zh-Hans] .act h1{font-size:39px}html[lang=zh-Hans] .act h2{font-size:31px;margin-bottom:14px}
 html[lang=zh-Hans] .act .intro{font-size:13px;line-height:1.8}
 html[lang=zh-Hans] .act .support{font-size:11.5px;line-height:1.8;margin-top:13px}
 html[lang=zh-Hans] .film-copy h1,html[lang=zh-Hans] .film-copy h2{font-size:31px;line-height:1.4}
 html[lang=zh-Hans] .film-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;margin-top:14px}
 html[lang=zh-Hans] .act .eyebrow,html[lang=zh-Hans] .film-copy .eyebrow{margin-bottom:14px}
 html[lang=zh-Hans] .text-cta{margin-top:16px}
}