@font-face{font-family:UniverseLetter;src:url('assets/fonts/MaShanZheng-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* A handwritten title, with a quiet editorial frame. Copy remains editable. */
.hero #hero-title{font-family:UniverseLetter,"KaiTi","STKaiti",serif;font-size:clamp(40px,4.2vw,62px);font-weight:400;line-height:1.26;letter-spacing:5px;text-align:center;margin:32px auto 14px;padding:0 20px 20px;max-width:1120px;color:#f4e8df;text-shadow:0 3px 22px #b58ac522;position:relative;text-wrap:balance}
.hero #hero-title em{font-family:inherit;font-style:normal;display:block;position:relative;width:fit-content;max-width:100%;margin:7px auto 0;padding:0 13px 5px;font-size:1.1em;letter-spacing:7px;rotate:-2deg;color:#edbdd3;background:none;background-clip:border-box;-webkit-background-clip:border-box}
.hero #hero-title em .motion-char{color:#edbdd3;text-shadow:0 2px 20px #d298bc25}
.hero #hero-title em:after{content:"";position:absolute;left:10%;right:9%;bottom:-9px;height:11px;border-top:1px solid #e6aec977;border-radius:50%;rotate:-2deg;pointer-events:none}
.hero #hero-title:after{content:"✦";position:absolute;left:calc(50% + min(29vw,380px));top:45%;font-family:Georgia,serif;font-size:17px;color:#e9c7a3;rotate:14deg;pointer-events:none;text-shadow:0 0 15px #eac5ac55}
.hero .hero-subtitle{font-family:"KaiTi","STKaiti",serif;letter-spacing:2px;color:#c8b7d0}
.logo #site-title{font-family:UniverseLetter,"KaiTi",serif;font-size:19px;letter-spacing:2px;font-weight:400}
.logo #site-title small{font-family:var(--font);font-size:5px;letter-spacing:1.8px;margin-top:7px}
@media(max-width:1000px){.hero #hero-title{font-size:43px;letter-spacing:3px}.hero #hero-title em{letter-spacing:4px}.hero #hero-title:after{left:auto;right:8%;font-size:14px}}
@media(max-width:650px){.hero #hero-title{font-size:clamp(27px,7.8vw,34px);line-height:1.4;letter-spacing:1.5px;margin:25px auto 15px;padding:0 5px 17px}.hero #hero-title em{font-size:1.13em;letter-spacing:2px;padding:0 4px 4px;margin-top:5px}.hero #hero-title em:after{bottom:-7px;height:8px}.hero #hero-title:after{right:0;top:48%;font-size:11px}.hero .hero-subtitle{letter-spacing:1px}.logo #site-title{font-size:15px;letter-spacing:1.2px}.logo #site-title small{font-size:4px;letter-spacing:1px;margin-top:6px}}