/* Brand-specific presentation. Original typefaces are documented in BRAND-IDENTITY-RESEARCH.md.
   These licensed web alternatives are provisional, never relabelled as the original fonts. */
@font-face{font-family:BrandText;src:url('assets/fonts/Sarabun-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:BrandText;src:url('assets/fonts/Sarabun-SemiBold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:ThaiEditorial;src:url('assets/fonts/Pridi-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ThaiQuiet;src:url('assets/fonts/Pridi-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:CafeRoman;src:url('assets/fonts/CormorantGaramond-VF.ttf') format('truetype');font-weight:300 700;font-display:swap;unicode-range:U+0000-024F,U+2000-206F}
body.baan-huto,body.meditation{font-family:BrandText,sans-serif}
.baan-huto .brand,.baan-huto h1,.baan-huto h2,.baan-huto h3,.baan-huto strong{font-family:ThaiEditorial,serif;font-weight:400;letter-spacing:0}
.baan-huto .brand small,.meditation .brand small{font-family:BrandText,sans-serif}
body.baan-huto{--paper:#f7f1e6;--ink:#30291f;--accent:#74432c;--muted:#756250;--line:#d1bda4;--world-wash:#c6a67e;background:#d9c5a8}
.baan-huto .world-shell{border-color:#6e533b;border-radius:14px;box-shadow:0 3px 0 #62472d17}
.baan-huto .site-header{background:#faf5ec;border-color:var(--line)}
.baan-huto .landing-hero{background:#efe1cc}
.baan-huto .landing-hero:after{background:linear-gradient(90deg,#f3e8d7 0%,#f3e8d7f2 30%,#f3e8d7ab 49%,transparent 75%),linear-gradient(0deg,#b8784430,transparent 35%)}
.baan-huto .landing-copy h1{font-size:clamp(34px,4.2vw,60px);line-height:1.45}
.baan-huto .landing-copy>p:not(.eyebrow){color:#654c39}
.baan-huto .landing-actions .route-card{border-radius:13px;background:#fcf7edee;border-color:#aa8967;box-shadow:0 3px 0 #75502a18}
.baan-huto .route-card,.baan-huto .info-panel{border-radius:13px;background:#fffbf4;border-color:var(--line)}
.baan-huto .route-card:hover{background:#fffdf8;border-color:var(--accent)}
.baan-huto .route-card strong{font-size:19px}
.baan-huto .page-footer{background:#eaddc644}
.baan-huto .dish-card img{border-radius:4px}
.baan-huto .dish-card h2{font-size:21px;line-height:1.55}
.baan-huto .dish-card .dish-price{font-family:BrandText,sans-serif;font-weight:600}
.baan-huto .filters button{background:#fbf6ed;border-color:#d2bfa8}
.baan-huto .filters button[aria-pressed=true]{background:var(--accent)}
.baan-huto .note{background:#eadac63b;color:#6f5842;border-left-color:#b19370}
.meditation .brand,.meditation h1,.meditation h2,.meditation h3,.meditation strong{font-family:CafeRoman,ThaiQuiet,serif;font-weight:300;letter-spacing:0}
body.meditation{--paper:#faf9f4;--ink:#343b32;--accent:#53634b;--muted:#707367;--line:#d8dbcf;--world-wash:#d7dfcb;background:#e7e9e0}
.meditation .world-shell{border:1px solid #b7bdab;border-radius:8px;box-shadow:none}
.meditation .site-header{background:#fcfbf7;border-color:var(--line)}
.meditation .brand{font-size:23px;line-height:1.3;font-weight:500}
.meditation .brand small{font-size:10px;margin-top:5px;letter-spacing:.035em}
.meditation .landing-hero{background:#f5f6ee}
.meditation .landing-hero:after{background:linear-gradient(90deg,#f6f7f0 0%,#f6f7f0f2 32%,#f6f7f0b0 50%,transparent 76%),linear-gradient(0deg,#e5e9dc88,transparent 28%)}
.meditation .landing-copy>.eyebrow{letter-spacing:.1em}
.meditation .landing-copy h1{font-size:clamp(34px,4.4vw,62px);line-height:1.55;top:15%}
.meditation .landing-copy>p:not(.eyebrow){color:#68715e;line-height:2}
.meditation .landing-actions .route-card{border:1px solid #b8c2ad;border-radius:8px;background:#fcfcf6ec;box-shadow:none;padding-top:19px;padding-bottom:19px}
.meditation .route-card strong{font-size:21px;line-height:1.65}
.meditation .route-card,.meditation .info-panel{background:#fdfdf8;border-color:var(--line);box-shadow:none;border-radius:8px}
.meditation .route-card:hover{background:#fff;border-color:#819274;box-shadow:none}
.meditation .route-card small{color:#68715f;line-height:1.9}
.meditation .page-intro{padding-bottom:35px;margin-bottom:35px}
.meditation .page-intro h1{line-height:1.6}
.meditation .prose{line-height:2}
.meditation .page-footer{background:#f1f3e92e}
.meditation .note{background:#e9ede23b;color:#64705b;border-left-color:#a7b59a}
.meditation .home-link{border-color:#bdc7b2}
.meditation .breadcrumb{background:#eff2e836;border-color:var(--line)}
@media(max-width:1000px){.meditation .landing-copy h1,.baan-huto .landing-copy h1{font-size:45px}.meditation .brand{font-size:20px}}
@media(max-width:650px){.baan-huto .world-shell{border-radius:12px}.meditation .world-shell{border-radius:8px}.meditation .brand{font-size:17px}.meditation .brand small{font-size:9px}.baan-huto .landing-copy h1,.meditation .landing-copy h1{font-size:clamp(28px,7.7vw,38px);top:11%;line-height:1.5}.meditation .landing-copy>p:not(.eyebrow){top:35%;font-size:13px}.baan-huto .landing-copy>p:not(.eyebrow){top:34%}.meditation .landing-actions .route-card,.baan-huto .landing-actions .route-card{padding:10px 16px;min-height:65px}.meditation .landing-actions .route-card strong{font-size:18px}.baan-huto .landing-actions .route-card strong{font-size:16px}.baan-huto .landing-hero:after{background:linear-gradient(180deg,#f3e8d7f2,#f3e8d7b5 36%,#f3e8d74d 63%,#f3e8d7b5)}.meditation .landing-hero:after{background:linear-gradient(180deg,#f6f7f0f5,#f6f7f0b0 36%,#f6f7f04d 63%,#f6f7f0b5)}.baan-huto .dish-card h2{font-size:17px}.meditation .page-intro{padding-bottom:25px;margin-bottom:25px}}
@media(max-height:700px) and (max-width:650px){.baan-huto .landing-copy h1,.meditation .landing-copy h1{font-size:28px;line-height:1.4}.meditation .landing-copy>p:not(.eyebrow),.baan-huto .landing-copy>p:not(.eyebrow){top:33%;font-size:12px}.meditation .landing-actions .route-card,.baan-huto .landing-actions .route-card{min-height:59px;padding:8px 16px}}
