html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FCF7F1;font-family:"Noto Sans Thai",system-ui,sans-serif;color:#3D3835}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
[hidden]{display:none!important}
h1,h2,h3,p,li{text-wrap:balance}
html[lang="en"] .cp-l p{font-size:1.42cqw!important}
html[lang="en"] .cp-l p span{font-size:1.6cqw!important}
html[lang="en"] .cp-m p{font-size:2.5cqw!important}
html[lang="en"] .cp-m p span{font-size:3.6cqw!important}
html[lang="en"] .bub-l{margin-left:0!important;margin-top:0!important}
.cta-s::after{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}
html[lang="en"] .bub-m{font-size:2.1cqw!important;line-height:1.3!important;margin-left:-0.7cqw!important;margin-top:1cqw!important}
html[lang="en"] .bub-p{font-size:2.05cqw!important}
html[lang="en"] .bub-l{font-size:1.11cqw!important}
html[lang="en"] .cp-p p:nth-child(1){font-size:2.5cqw!important}
html[lang="en"] .cp-p p:nth-child(2){font-size:2.3cqw!important}
html[lang="en"] .cp-p p span{font-size:3.1cqw!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:#D81B60;color:#fff;padding:10px 16px;z-index:100;border-radius:0 0 12px 0}
.skip:focus{left:0}
:focus-visible{outline:3px solid #D81B60;outline-offset:2px}
.variant-d [id]{scroll-margin-top:72px}
.variant-m [id]{scroll-margin-top:66px}
.variant-m{background:#F6EDE4}
.variant-m .poster{background-color:#FBF1E8;background-image:url(/assets/hero-portrait-020f6446.jpg);background-repeat:no-repeat;background-size:100% 100%}
.nav-d{display:flex}
.nav-m{display:none}
.poster-l{background-color:#FBF1E8;background-image:url(/assets/hero-wide-f37873e8.jpg);background-repeat:no-repeat;background-size:100% 100%}
.poster-p{display:none;background-color:#FBF1E8;background-image:url(/assets/hero-portrait-020f6446.jpg);background-repeat:no-repeat;background-size:100% 100%}
@container page (max-width: 899px){.poster-l{display:none}.poster-p{display:block}.nav-d{display:none}.nav-m{display:flex}.nav-pad{padding:0 8px 0 16px!important}}
@media (max-width:599px){.variant-d{display:none}}
@media (min-width:600px){.variant-m{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}