@font-face{font-family:'Ma Shan Zheng';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ma-shan-zheng-heritage.ttf') format('truetype')}
.chinese-calligraphy{font-family:'Ma Shan Zheng','Kaiti SC','STKaiti',serif;font-weight:400;letter-spacing:.06em}
.brand .brand-wordmark{display:flex;align-items:baseline;gap:12px}
.brand .brand-chinese{display:inline;font:400 25px/1 'Ma Shan Zheng','Kaiti SC',serif;letter-spacing:.06em;margin:0;opacity:1}
.burst-signature .burst-name-chinese{display:block;font:400 clamp(35px,4.8vw,70px)/1.1 'Ma Shan Zheng','Kaiti SC',serif;letter-spacing:.12em;margin:13px 0 0}
.footer-name .chinese-calligraphy{display:block;font-size:.4em;line-height:1.4;margin-top:12px;letter-spacing:.12em}
.about-page-link{display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid currentColor;padding:10px 0;margin:4px 22px 0 0;font-size:17px}
.about-page-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.contact-links a.contact-method{display:flex;align-items:center;gap:18px;padding:22px 0;min-height:88px}
.contact-links a.contact-method:first-child{padding-top:4px}
.contact-method .contact-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.contact-method .contact-copy{min-width:0;display:block;margin:0;text-transform:none;letter-spacing:normal;font:inherit;color:inherit}
.contact-method .contact-label{display:block;font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}
.contact-method .contact-copy strong{display:block}
.contact-method .contact-arrow{margin-left:auto;width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}
.contact-links .webmail-link{display:inline-flex;align-items:center;justify-self:start;gap:8px;padding:10px 0 20px;border:0;min-height:44px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.contact-links .webmail-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}
.info-contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;vertical-align:-3px;margin-right:10px}
.about-page .site-header{position:relative;color:var(--ink);border-color:var(--line)}
.about-page .site-header nav a:hover{color:var(--muted)}
.about-page .about-main{padding:65px 6.4vw 100px}
.about-story{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr);align-items:center;gap:7vw;max-width:1450px;margin:auto}
.about-portrait{margin:0;position:relative}
.about-portrait img{display:block;width:100%;height:auto;border:1px solid var(--ink)}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;font:11px/1.6 var(--mono);color:var(--muted)}
.about-story-copy{min-width:0}
.about-greeting{font:500 clamp(74px,10vw,146px)/1 var(--name-font);letter-spacing:-.07em;margin:0 0 25px;width:max-content;max-width:100%;transform-origin:left bottom;animation:greeting-expand 1.1s cubic-bezier(.3,.7,.3,1) both}
.about-name{font:500 clamp(24px,2.6vw,37px)/1.3 var(--name-font);letter-spacing:-.04em;margin:0 0 25px}
.about-name .chinese-calligraphy{display:inline-block;font-size:1.18em;margin-left:8px;letter-spacing:.07em}
.about-story-copy>p{font-size:clamp(16px,1.35vw,20px);line-height:1.8;margin:0 0 21px;max-width:610px}
.about-story-copy .about-signoff{color:var(--muted);margin-top:30px}
.about-page .about-footer{padding:30px 6.4vw 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:14px}
.about-footer a{text-decoration:underline;text-underline-offset:5px}
.about-return{display:inline-flex;align-items:center;gap:9px;min-height:44px}
.about-return svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
@keyframes greeting-expand{0%{transform:translateY(0) scale(1) rotate(0)}24%{transform:translateY(-3px) scale(1.1) rotate(-3deg)}44%{transform:translateY(-6px) scale(1.2) rotate(-5deg)}70%{transform:translateY(0) scale(1.04) rotate(2deg)}86%{transform:translateY(1px) scale(.98) rotate(-1deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
@media(max-width:900px){.site-header nav{gap:22px}.about-story{gap:5vw}.about-page .about-main{padding-top:45px}.about-name{font-size:25px}}
@media(max-width:600px){.brand .brand-chinese{font-size:23px}.brand .brand-wordmark{gap:10px}.burst-signature .burst-name-chinese{font-size:38px;margin-top:12px}.burst-signature{top:51%}.burst-signature .burst-name{margin-block:18px}.contact-method .contact-icon{width:22px;height:22px}.contact-links a.contact-method{gap:13px}.about-page .about-main{padding:35px 22px 65px}.about-story{display:flex;flex-direction:column-reverse;gap:30px}.about-story-copy>p{font-size:17px;line-height:1.75}.about-greeting{font-size:95px;margin-bottom:18px}.about-name{font-size:24px}.about-portrait{width:100%}.about-portrait figcaption{font-size:11px}.about-page .site-header nav{justify-content:flex-start;gap:24px}.about-page .site-header nav>a:first-child{display:inline-flex}.about-page .about-footer{padding-inline:22px;flex-wrap:wrap}.footer-name .chinese-calligraphy{font-size:.6em}}
@media(max-width:600px){.site-header nav{gap:10px;font-size:11px}.site-header nav a,.site-header nav button{font-size:11px;white-space:nowrap}}
@media(min-width:601px) and (max-width:850px){.site-header .brand{flex-shrink:0}.site-header nav{gap:12px}.site-header nav a,.site-header nav button{font-size:12px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.about-greeting{animation:none;transform:none;opacity:1}}