/* Home-only typography roles. The independent ShipporiTitle display is untouched. */
@font-face{font-family:HomeChineseSerif;src:url('./assets/fonts/home-zh-serif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:HomeShippori;src:url('./assets/fonts/shippori-body.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:HomeEnglishItalic;src:url('./assets/fonts/cormorant-garamond-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
body[data-page="home"]{
 --home-font-ui:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans","Noto Sans SC",sans-serif;
 --home-font-ja:HomeShippori,"Shippori Mincho","Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
 --home-font-zh:HomeChineseSerif,"Noto Serif SC","Source Han Serif SC","Songti SC",SimSun,serif;
 --home-font-en:HomeShippori,Georgia,"Times New Roman",serif;
 --home-font-signature:HomeEnglishItalic,"Cormorant Garamond",Georgia,"Times New Roman",serif;
}
/* One italic editorial note, including the cream/blue animation copies. */
body[data-page="home"] .opening .english{font-family:var(--home-font-signature);font-style:italic;font-size:clamp(15.4px,1.4vw,19.6px);font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap}
body[data-page="home"] .opening .english .english-note{opacity:.84}
/* Do not set --serif or style h1: neither display font nor fallback can inherit these. */
body[data-page="home"] .wind-text{font-family:var(--home-font-ja);font-weight:400;letter-spacing:.045em;line-height:1.9}
body[data-page="home"] .wind-text:lang(zh){font-family:var(--home-font-zh)}
body[data-page="home"] .wind-text:lang(en){font-family:var(--home-font-en)}
body[data-page="home"] .definition .wind-text,
body[data-page="home"] .story .wind-text{line-height:1.9;letter-spacing:.045em}
body[data-page="home"] .definition .wind-text p:first-child,
body[data-page="home"] .story .wind-text p:first-child{line-height:1.75;letter-spacing:.05em;margin-bottom:1.1em}
body[data-page="home"] .quote .wind-text{line-height:1.9;letter-spacing:.045em}
body[data-page="home"] .closing .wind-text>p:first-child,
body[data-page="home"] .closing .wind-text>p+p{line-height:1.95;letter-spacing:.045em}
body[data-page="home"] .wind-text .narrative-lead{font-size:1.035em;font-weight:400}
body[data-page="home"] .ending-colophon{font-family:var(--home-font-ui);font-weight:400;letter-spacing:.035em}
body[data-page="home"] .ending-colophon .colophon-links{letter-spacing:.045em}
@media(max-width:600px){
 body[data-page="home"] .opening .english{font-size:15.4px;top:362px}
 body[data-page="home"] .definition .wind-text,
 body[data-page="home"] .story .wind-text{line-height:1.9;letter-spacing:.04em}
 body[data-page="home"] .definition .wind-text p:first-child,
 body[data-page="home"] .story .wind-text p:first-child{line-height:1.8;letter-spacing:.035em}
 body[data-page="home"] .quote .wind-text,
 body[data-page="home"] .closing .wind-text{letter-spacing:.035em}
}

@media(min-width:601px){body[data-page="home"] .opening .english{top:calc(37.43056vw + 18px)}}

@media(max-width:600px){
 body[data-page=home] .opening .english{top:calc(var(--mobile-vh,1svh) * 60)}
 body[data-page=home] .definition .wind-text,body[data-page=home] .story .wind-text,body[data-page=home] .quote .wind-text{font-size:13.5px;line-height:1.9;letter-spacing:.035em}
 body[data-page=home] .definition .wind-text p:first-child,body[data-page=home] .story .wind-text p:first-child{font-size:18px}
 body[data-page=home] .quote .narrative-lead{font-size:15px}
}

.phone-note-break{display:none}
@media(max-width:600px){
 body[data-page=home] .opening .english{top:calc(var(--mobile-vh,1svh) * 65);left:14%;font-size:17px;line-height:1.5}
 body[data-page=home] .phone-note-break{display:block}
}