/* Tám Rang v44: Montserrat, SIL OFL, full Vietnamese, self-hosted. */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/montserrat-normal.woff2") format("woff2")}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:100 900;font-display:swap;src:url("../fonts/montserrat-italic.woff2") format("woff2")}
:root{--font-heading:"Montserrat",Arial,sans-serif;--font-body:"Montserrat",Arial,sans-serif;font-family:var(--font-body);font-synthesis:none}
body,button,input,textarea,select{font-family:var(--font-body)}
h1,h2,h3,h4,.story h2,.founder-beat h2,.founder-turn,.menu-toolbar h3,.menu-item h3,.space-facts strong,.journal-card h3,.footer-brand{font-family:var(--font-heading)}
h1,h2,h3{letter-spacing:-.025em;line-height:1.22;font-weight:600}
h1 em,h2 em,h3 em,.founder-beat h2 em{font-style:normal;font-weight:inherit}
.title-name{font-weight:700;letter-spacing:.035em;font-size:clamp(42px,6.7vw,104px);line-height:1.2}
.title-story{font-weight:500;letter-spacing:-.035em;font-size:clamp(25px,4vw,61px);line-height:1.25}
.hero-copy .slogan{line-height:1.7;font-weight:400}
.welcome-copy h2,#do-uong #drinks-title,.founder-beat h2{font-size:clamp(30px,3.5vw,52px);line-height:1.25;letter-spacing:-.03em;font-weight:600}
.menu-item h3{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:-.025em}
.footer-brand{font-weight:600;line-height:1.25}
p{line-height:1.75}
@media(max-width:760px){
 .title-name{font-size:clamp(36px,10vw,64px)}
 .title-story{font-size:clamp(23px,6vw,40px)}
 .hero-copy{left:5%;right:5%;width:90%}
 .welcome-copy h2,#do-uong #drinks-title,.founder-beat h2{font-size:clamp(27px,7vw,40px);line-height:1.28}
 .welcome-copy p:not(.eyebrow),.section-heading>p,.section-heading>div>p:not(.eyebrow),.founder-description,.visit-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}
 .menu-item h3{font-size:22px}
 .site-footer .footer-brand{font-size:clamp(32px,9vw,52px)}
}
@media(max-width:760px){
 .hero-copy{left:50%;right:auto;width:90%}
 .section-heading>*,.visit-copy,.welcome-copy,.space-copy{min-width:0}
 #khong-gian h2,.visit-copy h2{font-size:clamp(30px,8vw,46px);line-height:1.28}
 .section-heading p,.visit-copy p{overflow-wrap:break-word}
}
.visit-copy h2 em{font-size:inherit;line-height:inherit}
@media(max-width:760px){#ghe-nha-tam .visit-copy h2{font-size:clamp(30px,8vw,46px);line-height:1.28}.drinks-section .menu-item h3{font-size:22px;line-height:1.35}}

/* Soft heading revision: Nunito Sans, SIL OFL; body remains Montserrat. */
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:200 1000;font-display:swap;src:url("../fonts/nunito-sans-normal.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:italic;font-weight:200 1000;font-display:swap;src:url("../fonts/nunito-sans-italic.woff2") format("woff2")}
:root{--font-heading:"Nunito Sans",Arial,sans-serif}
.hero-copy{font-family:var(--font-heading)}
.title-name{font-weight:600;letter-spacing:.025em}
.title-story{font-weight:400;letter-spacing:-.025em}
.hero-copy .slogan{font-family:var(--font-heading);font-weight:400;letter-spacing:.015em}
h1,h2,h3,.welcome-copy h2,#do-uong #drinks-title,.founder-beat h2{font-weight:500;letter-spacing:-.02em}
h2 em,.founder-beat h2 em{font-weight:500}

/* Poetic hero name: Cormorant Garamond, OFL, full Vietnamese. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/cormorant-garamond-normal.woff2") format("woff2")}
.hero-copy .title-name{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.035em;line-height:1.15;font-size:clamp(48px,7.8vw,116px)}
@media(max-width:760px){.hero-copy .title-name{font-size:clamp(42px,12vw,76px);letter-spacing:.025em;line-height:1.2}}

/* Phudu hero trial, SIL OFL; other typography preserved. */
@font-face{font-family:"Phudu";font-style:normal;font-weight:300 900;font-display:swap;src:url("../fonts/phudu-normal.woff2") format("woff2")}
.hero-copy .title-name{font-family:"Phudu",Arial,sans-serif;font-weight:400;letter-spacing:.035em;font-size:clamp(48px,7.8vw,116px);line-height:1.2}
@media(max-width:760px){.hero-copy .title-name{font-size:clamp(42px,12vw,76px);letter-spacing:.025em}}

/* Stronger hierarchy: Phudu 550, section titles 600, readable body. */
.hero-copy .title-name{font-weight:550;letter-spacing:.025em}
.welcome-copy h2,#do-uong #drinks-title,.founder-beat h2,#khong-gian h2,#ghe-nha-tam .visit-copy h2{font-size:clamp(38px,4.25vw,64px);font-weight:600;line-height:1.2;letter-spacing:-.025em}
.welcome-copy h2 em,.founder-beat h2 em,#khong-gian h2 em,#ghe-nha-tam .visit-copy h2 em{font-weight:650;color:var(--brown);font-size:inherit}
.welcome-copy p:not(.eyebrow),.section-heading>p,.section-heading>div>p:not(.eyebrow),.founder-description,.visit-copy>p:not(.eyebrow){font-size:clamp(17px,1.3vw,19px);line-height:1.8}
.welcome-copy h2{margin-bottom:28px}
.eyebrow{font-weight:600}
@media(max-width:760px){
 .welcome-copy h2,#do-uong #drinks-title,.founder-beat h2,#khong-gian h2,#ghe-nha-tam .visit-copy h2{font-size:clamp(30px,8.7vw,44px);line-height:1.23;letter-spacing:-.03em}
 .welcome-copy p:not(.eyebrow),.section-heading>p,.section-heading>div>p:not(.eyebrow),.founder-description,.visit-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}
 .welcome-copy h2{margin-bottom:24px}
 .founder-beat h2{margin-bottom:20px}
}