@font-face{font-family:'Roboto Flex';src:url('/assets/fonts/RobotoFlex-variable.ttf') format('truetype');font-weight:100 1000;font-stretch:25% 151%;font-display:swap}.watch-type-preview .name-english{line-height:1;width:clamp(320px,49vw,705px);height:auto}.watch-word{display:block;width:100%;height:auto;overflow:visible;color:inherit}.watch-word text{fill:currentColor;font-family:'Roboto Flex',sans-serif;font-size:170px;font-optical-sizing:none;font-variation-settings:'opsz' 144,'wdth' 100,'wght' 570}.watch-type-preview .name-chinese{width:clamp(205px,27vw,390px);margin-top:3px;font-size:inherit}.watch-chinese text{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:110px;font-weight:500}.type-hint{position:absolute;left:4.6%;top:44%;font:11px 'DM Sans',sans-serif;color:#6c5a52;opacity:.8}@media(max-width:900px){.watch-type-preview .name-english{width:60vw}.watch-type-preview .name-chinese{width:34vw}.type-hint{top:34%}}@media(max-width:600px){.watch-type-preview .name-english{width:88vw}.watch-type-preview .name-chinese{width:55vw}.type-hint{left:6%;top:280px;font-size:10px}.watch-type-preview .intro{top:325px}}@media(prefers-reduced-motion:reduce){.type-hint{display:none}}

.watch-type-preview .name-chinese.static-chinese{font-size:.57em;width:auto;line-height:1.3;margin-top:.12em;transform:none!important}@media(max-width:600px){.watch-type-preview .name-chinese.static-chinese{font-size:.56em}}

.watch-type-preview .name-chinese.name-pinyin{width:clamp(300px,41vw,590px);font-size:inherit;letter-spacing:normal;margin-top:8px;line-height:1}.name-pinyin .watch-word text{font-family:"Roboto Flex",sans-serif;font-size:170px}@media(max-width:900px){.watch-type-preview .name-chinese.name-pinyin{width:49vw}}@media(max-width:600px){.watch-type-preview .name-chinese.name-pinyin{width:77vw}}

@font-face{font-family:'Archivo';src:url('/assets/fonts/Archivo-variable.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}.watch-type-preview .name-english,.watch-type-preview .name-chinese.name-pinyin{color:#382f30}.watch-type-preview .watch-word text,.watch-type-preview .name-pinyin .watch-word text{font-family:'Archivo',Arial,sans-serif;font-variation-settings:'wdth' 100,'wght' 450}.watch-type-preview .name-english{width:clamp(320px,47vw,675px)}.watch-type-preview .name-chinese.name-pinyin{margin-top:0;width:clamp(300px,40vw,575px)}@media(max-width:900px){.watch-type-preview .name-english{width:60vw}.watch-type-preview .name-chinese.name-pinyin{width:50vw}}@media(max-width:600px){.watch-type-preview .name-english{width:87vw}.watch-type-preview .name-chinese.name-pinyin{width:77vw}}

/* Give the larger name its own foreground and move the figure out of its reading area. */
.watch-type-preview .hero #name{z-index:3;pointer-events:none;top:13%}.watch-type-preview .name-english{width:clamp(345px,53vw,765px)}.watch-type-preview .name-chinese.name-pinyin{width:clamp(320px,44vw,635px);margin-top:-3px}.watch-type-preview .hero .portrait{left:66%;height:74%}.watch-type-preview .hero-note{right:4.5%;top:58%}.watch-type-preview .intro{top:58%}.watch-type-preview .character-credit{left:calc(100% + 12px);width:165px}@media(max-width:1100px) and (min-width:601px){.watch-type-preview .hero #name{top:16%}.watch-type-preview .name-english{width:60vw}.watch-type-preview .name-chinese.name-pinyin{width:50vw}.watch-type-preview .hero .portrait{left:68%;height:62%}.watch-type-preview .intro{top:53%}.watch-type-preview .hero-note{display:none}.watch-type-preview .character-credit{left:50%;transform:translateX(-50%);bottom:2px;background:#e6d6cae8;text-align:center}}@media(max-width:600px){.watch-type-preview .hero #name{top:110px;left:6%}.watch-type-preview .name-english{width:91vw}.watch-type-preview .name-chinese.name-pinyin{width:83vw}.watch-type-preview .hero .portrait{left:57%;height:43%}.watch-type-preview .intro{top:340px}.watch-type-preview .hero{height:900px;min-height:900px}.watch-type-preview .character-credit{left:50%;width:220px}}