/* Typography-only study. Preserve the original fonts, layout and interactions. */
body{font-kerning:normal;text-rendering:optimizeLegibility}
.main-title{font-weight:500;letter-spacing:-.025em;line-height:1.04;text-wrap:balance}
.section-main-title,.serif-title{font-weight:500;letter-spacing:.005em;line-height:1.25;text-wrap:balance}
.subtitle{font-weight:500;letter-spacing:.15em}
.description,.hero-desc{font-weight:400;line-height:1.85;letter-spacing:.015em}
.find-yours{font-weight:500;letter-spacing:.14em}
.special-shop-title,.subscribe-title{font-weight:500;line-height:1.15;letter-spacing:-.015em}
.service-card h4,.team-member-name{font-weight:500;letter-spacing:0;line-height:1.35}
.team-member-title,.team-member-specialty,.service-card p{font-weight:400;line-height:1.75}
.en-name{font-weight:400;letter-spacing:0}
.project-title,.archive-title{font-weight:500;letter-spacing:0}
@media(max-width:768px){.main-title{font-weight:500;letter-spacing:-.02em;line-height:1.08}.section-main-title,.serif-title{letter-spacing:0;line-height:1.3}.subtitle{letter-spacing:.12em}}
/* Project detail typography, matched to the quieter homepage. */
.modal-main-title{font-weight:500;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.modal-meta-tag{font-weight:500;letter-spacing:.15em}
.modal-stat-box h5{font-weight:500;letter-spacing:.14em}
.modal-stat-box p{font-weight:400;line-height:1.7}
.modal-story-content h4{font-weight:500;letter-spacing:.06em;line-height:1.5}
.modal-story-content p{font-weight:400;letter-spacing:.01em;line-height:1.9}
.modal-image-counter,.modal-shopee-btn{font-weight:500;letter-spacing:.08em}