/* Opening letter (round 1): final copy + real handwriting reveal. Scoped to #about only. */
#about .welcome-sheet{width:min(620px,86vw);padding:30px 46px 40px;color:#60505e}
#about .welcome-label{margin:0}
#about .letter-salutation{margin:18px 0 0;font:16px/1.7 var(--sans);color:#60505e;letter-spacing:.06em;text-indent:0}
#about .opening-greeting{margin:14px 0 20px;font-size:0;line-height:1}
#about .opening-handwriting{display:block;width:min(100%,430px);height:auto;--reveal:115%;
 -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);
 mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);
 -webkit-mask-size:var(--reveal) 100%;mask-size:var(--reveal) 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#about .letter-body{font:16px/1.95 'Songti SC','SimSun',var(--sans);color:#60505e;letter-spacing:.025em}
#about .letter-body p{margin:0 0 14px;text-indent:2em}
#about .letter-body p:last-child{margin-bottom:0}
#about .letter-signature{text-align:right;margin:18px 60px 0 0;font:17px/1.6 'Songti SC','SimSun',serif;color:#60505e}
@media(max-height:800px) and (min-width:651px){
 #about .welcome-sheet{padding-top:25px;padding-bottom:32px}
 #about .letter-salutation{margin-top:14px}
 #about .opening-greeting{margin:11px 0 16px}
 #about .opening-handwriting{width:min(100%,380px)}
 #about .letter-body{line-height:1.85}
 #about .letter-body p{margin-bottom:11px}
 #about .letter-signature{margin-top:14px}
}
@media(max-width:650px){
 #about .welcome-sheet{padding:25px 26px 34px}
 #about .letter-salutation{margin-top:16px}
 #about .letter-body{font-size:15px;line-height:1.85}
 #about .opening-handwriting{width:min(100%,320px)}
 #about .letter-signature{margin-right:46px}
}