/* Shared text family. The hero brand lettering retains its existing face. */
:root{
 --sans:'PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,sans-serif;
 --serif:var(--sans);
 --type-page:34px;--type-section:24px;--type-item:20px;--type-lead:18px;
 --type-body:16px;--type-label:14px;--type-note:12px;
 --weight-body:400;--weight-heading:600;--weight-emphasis:700;
}
body,button,input,textarea,select{font-family:var(--sans)}
.story-chapter h2,.page-heading h1,.gallery-description h2,.event-card h2,
.profile-copy h2,.event-dialog h2,.quiet-welcome h1,.quiet-dialogue h2,.quiet-finish h2{font-weight:var(--weight-heading)}
.story-about{--reading-body:var(--type-body);--reading-lead:var(--type-lead);--reading-label:15px}
/* Noticeable breeze, rooted at each blossom. No hover is required. */
@keyframes flower-sway{0%,100%{transform:rotate(-10deg) skewX(-2deg)}50%{transform:rotate(13deg) skewX(3deg)}}
@media(max-width:760px){
 :root{--type-page:26px;--type-section:21px;--type-item:19px;--type-lead:17px;--type-body:15px;--type-label:13px}
 .story-about{--reading-label:14px}
 @keyframes flower-sway{0%,100%{transform:rotate(-13deg) skewX(-2deg)}50%{transform:rotate(16deg) skewX(3deg)}}
}