.logo{display:inline-flex;align-items:center;gap:12px;letter-spacing:0;flex-shrink:0;color:var(--paper)}
.logo .ys-mark{display:block;width:49px;height:49px;overflow:visible;transition:transform .35s ease}
.logo .ys-name{display:flex;flex-direction:column;gap:4px;margin:0;color:var(--paper);font:600 13px/1 var(--font);letter-spacing:3px;vertical-align:baseline}
.ys-name small{font:400 8px/1 var(--mono);letter-spacing:2px;color:#a2ac9f}
.logo:hover .ys-mark{transform:translateY(-2px) rotate(-4deg)}
.logo:hover .ys-frame{stroke:#a6c6b1}.logo:hover .ys-point{fill:#ff7748}
.ys-frame,.ys-point{transition:stroke .3s,fill .3s}
footer .logo .ys-mark{width:40px;height:40px}
.aisia-wordmark{letter-spacing:3px;font-size:11px}
.profile-highlights{margin:28px 0 22px;border-top:1px solid #bec6b3}
.about-story .profile-highlights>p{margin:18px 0 4px;font:9px/1.5 var(--mono);letter-spacing:1.3px;color:#78806d}
.profile-highlights>a{display:grid;grid-template-columns:100px 1fr;column-gap:18px;padding:17px 0;border-bottom:1px solid #c9cfbf}
.profile-highlights strong{grid-row:span 2;font:500 23px/1.3 var(--font);letter-spacing:-1px;color:#384a36}
.profile-highlights strong span{display:inline-block;font-size:13px;margin-left:4px;transition:transform .2s}
.profile-highlights a:hover strong span{transform:translate(2px,-2px)}
.profile-highlights b{font-size:12px;font-weight:500;color:#3f4c37}
.profile-highlights small{margin-top:5px;font-size:11px;line-height:1.65;color:#6d775e}
@media(max-width:700px){.logo{gap:8px}.logo .ys-mark{width:40px;height:40px}.logo .ys-name{font-size:10px;letter-spacing:2px}.ys-name small{font-size:6px;letter-spacing:1px}.nav nav{gap:13px}.profile-highlights>a{grid-template-columns:90px 1fr;gap:6px 14px}}
@media(max-width:420px){.nav .ys-name{display:none}.nav .logo .ys-mark{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){.logo .ys-mark,.ys-frame,.ys-point,.profile-highlights strong span{transition:none}.logo:hover .ys-mark{transform:none}}