/* Shared responsive type scale for English and Thai. */
:root{--type-body:clamp(15px,.25vw + 14px,17px);--type-title:clamp(32px,3.5vw + 12px,58px);--type-section:clamp(26px,2.3vw + 12px,42px);--type-card:clamp(16px,.3vw + 15px,19px)}
body{font-size:var(--type-body);line-height:1.45}
html[lang] h1{font-size:var(--type-title);line-height:1.12;letter-spacing:-.035em}
html[lang] h2{font-size:var(--type-section);line-height:1.16;letter-spacing:-.025em}
html[lang] h3{font-size:clamp(20px,1vw + 14px,26px);line-height:1.22;letter-spacing:-.015em}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{letter-spacing:0;line-height:1.24}
html[lang] .ref-hero-bottom h1{font-size:clamp(30px,2.4vw + 10px,46px);line-height:1.12;max-width:560px;margin:0}
html[lang=th] .ref-hero-bottom h1{font-size:clamp(30px,2.3vw + 10px,46px);line-height:1.22;max-width:610px}
.ref-hero-bottom .eyebrow{margin-bottom:12px;line-height:1.35}.ref-hero-bottom p:last-child{font-size:clamp(13px,.3vw + 11px,15px);line-height:1.4;margin-top:16px}
html[lang] .editorial-lead h1,html[lang] .shop-intro h1{font-size:var(--type-title);line-height:1.16}
html[lang=th] .editorial-lead h1,html[lang=th] .shop-intro h1{line-height:1.24}
html[lang] .ref-about-copy h2{font-size:clamp(34px,3.3vw + 12px,58px);line-height:1.12}
html[lang=th] .ref-about-copy h2{line-height:1.24}
html[lang] .ref-story-banner h2{font-size:clamp(42px,5vw + 12px,80px);line-height:1.15}
html[lang] .ref-contact h2{font-size:clamp(40px,4vw + 12px,64px);line-height:1.1}
html[lang] .ref-section-title h2{font-size:clamp(18px,.6vw + 14px,23px);line-height:1.25}
html[lang] .ref-centered h2{font-size:clamp(26px,1.8vw + 12px,36px);line-height:1.2}
html[lang] .catalog-card h3,html[lang] .ref-product h3,html[lang] .product-info h3{font-size:var(--type-card);line-height:1.3;letter-spacing:0;margin-top:0}
html[lang] .ref-discover-rail h3{font-size:14px;line-height:1.35;letter-spacing:.02em}
html[lang] .detail-copy h1{font-size:clamp(28px,2.3vw + 10px,42px);line-height:1.2}
html[lang] .checkout-form h2,html[lang] .checkout-panel h2{font-size:clamp(23px,1vw + 14px,28px);line-height:1.25}
html[lang] .bag-head h2{font-size:32px;line-height:1.2}html[lang] .shop-sidebar h2{font-size:13px;line-height:1.4;letter-spacing:.03em}
html[lang] .full-footer h3{font-size:14px;line-height:1.35;letter-spacing:.035em}
.article-prose p,.lead-copy,.product-description,.ref-about-copy p,.experience-grid p,.story-art-grid p,.ref-centered p,.contact-content p,.checkout-form p,.help-page p{font-size:var(--type-body);line-height:1.45;margin-top:0;margin-bottom:12px}
.article-prose p+p{margin-top:0}.article-prose h2{margin-top:28px;margin-bottom:14px}.article-prose h2:first-child{margin-top:0}
html[lang=th] .article-prose p,html[lang=th] .lead-copy,html[lang=th] .product-description{line-height:1.5}
.ref-about-link{font-size:clamp(20px,1vw + 12px,26px);margin-top:22px}.ref-contact>div>a{font-size:clamp(17px,.6vw + 14px,22px);line-height:1.35}
.eyebrow{font-size:11px;line-height:1.35;margin-bottom:14px}.order-availability{font-size:12px;line-height:1.4}.text-link{line-height:1.35}button,input,select,textarea{line-height:1.4}
@media(max-width:800px){html[lang] .ref-hero-bottom h1{font-size:clamp(30px,4vw + 12px,38px)}html[lang=th] .ref-hero-bottom h1{line-height:1.22}.ref-hero-bottom{gap:20px}html[lang] .ref-about-copy h2{font-size:clamp(32px,4vw + 12px,44px)}.ref-about-copy>div{padding-top:22px}.article-prose h2{margin-top:24px;margin-bottom:12px}.field input,.field select,.field textarea,#quote-text,#delivery-method,.search-wrap input{font-size:16px}html[lang] .ref-section-title h2{font-size:18px}}
@media(min-width:801px) and (max-width:1100px){header{gap:12px;padding-left:3%;padding-right:3%}header .logo img{width:120px}html[lang] header nav{gap:12px;font-size:12px}header nav a{white-space:nowrap}header .cart-trigger{padding:12px 14px;margin-left:0}.reference-home header nav{font-size:13px}}