/* Reuse the Player's title, handwriting and UI typefaces. */
@font-face{font-family:"Landing Cormorant";src:url("assets/fonts/landing-cormorant-opt.woff2") format("woff2");font-weight:300 700;font-display:block}
@font-face{font-family:"Studio Caveat";src:url("assets/fonts/Caveat-opt.woff2") format("woff2");font-weight:400 700;font-display:block}
@font-face{font-family:"Studio Kalam";src:url("assets/fonts/Kalam-Regular-opt.woff2") format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"Studio WenKai Hant";src:url("assets/fonts/wenkai-hant-opt.woff2") format("woff2");font-weight:400;font-display:block}
html[lang="en"]{
  --f-serif:"Landing Cormorant",Georgia,serif;
  --f-hand:"Studio Caveat",cursive;
  --f-body:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
}
html[lang="zh-TW"]{
  --f-hand:"Studio WenKai Hant","Kaiti TC",cursive;
  --f-body:"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
  --f-serif:"Source Serif 4","Noto Serif TC","Songti TC",serif;
}
html[lang="en"] .heroSheet h1{font-family:var(--f-serif);font-size:38px;font-weight:400;letter-spacing:-.025em}
html[lang="en"] .wtxt h2{font-weight:400;font-size:32px;letter-spacing:-.015em}
.wtxt h2.product-title,.work.compact .wtxt h2.product-title{font-family:"Landing Cormorant",Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-.015em}
html[lang="en"] .eyebrow{font-size:11px;letter-spacing:.13em}
html[lang="en"] .about h3{font-size:12px;letter-spacing:.11em}
html[lang="en"] .about p{font-size:13px}
html[lang="en"] .slogan{font-size:28px;line-height:1.2;padding-inline:20px 10px}
html[lang="en"] .next h3{font-size:30px}
html[lang="en"] .next .ph{font-size:22px}
html[lang="en"] .tlabel{font-size:21px;line-height:1.3}
html[lang="en"] .sign{font-family:"Studio Kalam",cursive;font-size:18px}
html[lang="zh-TW"] .sign{font-family:"Maoken YingBi","Kaiti SC",cursive}
.receipt-rights{white-space:pre-line}
html[lang="en"] .w-foot{max-width:100%;text-align:center}
@container desk (width < 640px){
  html[lang="en"] .heroSheet h1{font-size:clamp(30px,10.3cqw,36px)}
  html[lang="en"] .slogan{font-size:clamp(24px,8cqw,28px)}
  html[lang="en"] .work.compact .wtxt h2{font-size:32px}
  html[lang="en"] .w-controls .labels{gap:12px}
  html[lang="en"] .w-controls .tlabel{padding-inline:12px;font-size:20px}
}

/* Simplified Chinese typewriter trial; retain existing Latin glyphs. */
@font-face{font-family:"Studio Real Typewriter SC";src:url("assets/fonts/real-typewriter-sc-opt.woff2?v=20261013-title") format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-323AF}
html[lang="zh-CN"]{--f-hand:"Studio Real Typewriter SC","Maoken YingBi","Kaiti SC",cursive}

/* Traditional Chinese handwriting trial, derived from ChenYuluoyan 2.0 (OFL). */
@font-face{font-family:"NBS Hant Handwriting";src:url("assets/fonts/nbs-hant-handwriting-opt.woff2?v=20261013-title") format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF,U+20000-323AF}
html[lang="zh-TW"]{--f-hand:"NBS Hant Handwriting","Studio WenKai Hant","Kaiti TC",cursive}

html[lang="en"] .heroSheet h1{white-space:pre-line;text-wrap:initial;font-size:30px;line-height:1.12;letter-spacing:-.025em}
@container desk (width < 640px){html[lang="en"] .heroSheet h1{font-size:clamp(23px,7.8cqw,30px)}}

html[lang="en"] .heroSheet{padding-left:36px;padding-right:12px}

html[lang="zh-CN"] .heroSheet h1{font-size:clamp(22px,2.2vw,28px)}

@container desk (width < 640px){html[lang="zh-CN"] .heroSheet h1{font-size:28px}}

/* Traditional Chinese studio heading. */
html[lang="zh-TW"] .about h3{font-size:23px}

html[lang="en"] .about h3{font-family:"Studio Typewriter","Courier New",monospace!important;font-size:16px;font-weight:700!important}

/* Final homepage alignment. */
html[lang="en"] .heroSheet{padding-left:44px;padding-right:4px}
html[lang="en"] .slogan,html[lang="zh-TW"] .slogan{text-align:center;padding-inline:12px;justify-content:center}

html[lang="zh-TW"] .slogan{font-size:29px}

html[lang="en"] .receipt-rights{display:inline-block;white-space:nowrap;font-size:11px;letter-spacing:0}

@container desk (width < 640px){html[lang="zh-TW"] .heroSheet h1{font-size:31px}}