.demo-body{background:#f4f0e3;color:#384731}.demo-notice{background:#173e32;color:#e2ebd5;min-height:37px;padding:8px 30px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;line-height:1.5}.demo-notice>.icon{width:13px;height:13px}.demo-notice>a{display:flex;align-items:center;gap:6px;margin-left:24px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.demo-notice>a>.icon{width:12px;height:12px}.demo-header{height:92px;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4d563a1f}.demo-logo{font-family:Georgia,serif;font-size:45px;font-weight:700;letter-spacing:-2px;line-height:1}.demo-header nav{display:flex;align-items:center;gap:35px;font-size:12px}.demo-nav-cta{padding:12px 17px;background:#3a4f33;color:#f8f6e9;border-radius:4px;display:flex;gap:12px;align-items:center}.demo-nav-cta>.icon{width:14px;height:14px}.demo-mobile-label{display:none}.demo-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:470px}.demo-hero-copy{padding:65px 9% 65px 12%;display:flex;flex-direction:column;justify-content:center}.demo-hero-copy>.eyebrow{font-size:9px;letter-spacing:.11em;color:#87906f;margin-bottom:22px}.demo-hero h1{font-size:clamp(43px,5.1vw,78px);line-height:1.07;letter-spacing:-.056em}.demo-hero-copy>p{font-size:13px;line-height:1.85;color:#7d856c;margin-top:24px;max-width:290px}.demo-cta{background:none;border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:11px 0;border-bottom:1px solid #7c8a60;align-self:flex-start;font-size:12px;color:inherit;margin-top:26px}.demo-cta .icon{width:17px;height:17px}.demo-hero-image{position:relative;overflow:hidden}.demo-hero-image img{width:100%;height:100%;object-fit:cover}.demo-hero-image>span{position:absolute;bottom:23px;right:25px;background:#f7f4e4dd;border:1px solid #ffffff40;border-radius:4px;padding:8px 12px;font-size:8px;letter-spacing:.1em;color:#647050}.demo-ribbon{display:flex;align-items:center;justify-content:space-evenly;background:#e8ead8;padding:23px;gap:20px;font:italic 14px Georgia,serif;color:#7e8768}.demo-ribbon .icon{width:18px;height:18px}.demo-story{padding:85px 7%;display:grid;grid-template-columns:.5fr 1fr 1fr;gap:45px;align-items:start}.demo-story .eyebrow{font-size:9px;color:#88916f;margin-top:9px;text-transform:uppercase}.demo-story h2{font-size:39px;line-height:1.12}.demo-story>p:last-child{font-size:13px;line-height:1.95;color:#7b826b}.demo-offer{padding:55px 7% 70px;border-top:1px solid #d9dfca}.demo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.demo-section-heading h2{font-size:37px}.demo-tabs{display:flex;gap:6px}.demo-tabs button{font-size:10px;background:transparent;border:1px solid #d5ddc4;border-radius:25px;padding:9px 16px;min-height:34px;color:#798566}.demo-tabs button.active{background:#e5eace;color:#425836;border-color:#e5eace}.demo-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo-items article{border-block:1px solid #dce1cf;padding:25px 0;display:flex;align-items:flex-start;gap:17px}.demo-items article>span{font-size:9px;color:#9aa285}.demo-items h3{font:23px/1.2 Georgia,serif;letter-spacing:-.7px;color:#506044}.demo-items p{font-size:11px;line-height:1.8;color:#879075;margin-top:13px}.demo-items article>.icon{width:16px;height:16px;color:#9aa381;margin-left:auto;flex-shrink:0}.demo-visit{display:flex;align-items:center;justify-content:space-between;gap:65px;padding:65px 7%;background:#e5e8d4}.demo-visit h2{font-size:37px;margin-top:18px}.demo-visit p{font-size:12px;line-height:1.85;margin-top:20px;max-width:440px;color:#7e896b}.demo-visit .eyebrow{font-size:9px;color:#7c8a64}.demo-visit>div:last-child{min-width:190px}.demo-visit>div:last-child>p{max-width:240px;background:#f6f6e6;border:1px solid #d3dcba;padding:15px;font-size:11px;border-radius:7px}.demo-footer{background:#173e32;padding:26px 7%;display:flex;align-items:center;justify-content:space-between;gap:50px}.demo-footer p{font-size:9px;line-height:1.8;color:#acbea5;max-width:590px}.demo-footer a{display:flex;align-items:center;gap:12px;font-size:10px;color:#e6edc8;white-space:nowrap}.demo-footer a>.icon{width:15px;height:15px}.demo-sabai{background:#eff0e7;color:#506449}.demo-sabai .demo-logo{font-weight:400;font-size:31px;letter-spacing:-1.3px}.demo-sabai .demo-hero{grid-template-columns:1fr 1fr}.demo-sabai .demo-hero-image{padding:35px 8% 35px 0}.demo-sabai .demo-hero-image img{border-radius:48% 48% 3px 3px;aspect-ratio:1;height:auto}.demo-sabai .demo-hero-image>span{right:14%;bottom:50px}.demo-sabai .demo-ribbon,.demo-sabai .demo-visit{background:#dce4d2}.demo-haven{background:#f5eee3;color:#735c43}.demo-haven .demo-logo{font-weight:400;font-size:35px;letter-spacing:-1.4px;font-style:italic}.demo-haven .demo-hero{grid-template-columns:1fr 1.1fr}.demo-haven .demo-hero h1{color:#735c43}.demo-haven .demo-hero-copy>p{color:#8c7e67}.demo-haven .demo-ribbon,.demo-haven .demo-visit{background:#e9e0cf}.demo-haven .demo-nav-cta{background:#765f46}.demo-haven .demo-hero-image img{object-fit:cover}.demo-haven .demo-hero-image>span{color:#796c53}.is-embedded .demo-notice a{display:none}.is-embedded .demo-notice{font-size:8px;min-height:30px}.is-embedded .demo-footer{display:none}html[lang=th] .demo-hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.5;letter-spacing:0}html[lang=th] .demo-story h2,html[lang=th] .demo-section-heading h2,html[lang=th] .demo-visit h2{font-size:30px;line-height:1.5}html[lang=th] .demo-items h3{font-family:Tahoma,sans-serif;font-size:17px;letter-spacing:0;line-height:1.5}html[lang=th] .demo-ribbon{font-family:Tahoma,sans-serif;font-size:12px;font-style:normal}
@media(max-width:800px){.demo-header{height:77px}.demo-logo{font-size:36px}.demo-header nav{gap:18px;font-size:10px}.demo-header .demo-nav-cta{padding:10px 12px}.demo-hero{min-height:365px}.demo-hero-copy{padding:45px 9% 45px 11%}.demo-hero h1{font-size:45px}.demo-hero-copy>.eyebrow{font-size:7px}.demo-hero-copy>p{font-size:11px}.demo-story{grid-template-columns:1fr 1.1fr;gap:25px;padding-block:55px}.demo-story>.eyebrow{grid-column:1/-1;margin:0}.demo-story h2{font-size:31px}.demo-story>p:last-child{font-size:11px}.demo-section-heading h2{font-size:31px}.demo-items{gap:20px}.demo-items article{gap:10px}.demo-items h3{font-size:20px}.demo-items p{font-size:10px}.demo-items article>.icon{display:none}.demo-visit{gap:35px;padding-block:50px}.demo-visit h2{font-size:32px}.demo-visit p{font-size:11px}.demo-footer{gap:30px}.demo-footer a{font-size:9px}.demo-footer p{font-size:8px}}
@media(max-width:540px){.demo-notice{padding:9px 15px;font-size:7px;gap:7px}.demo-notice>a{display:none}.demo-notice>.icon{height:12px;width:12px}.demo-header{height:76px;padding:18px 22px}.demo-logo{font-size:38px}.demo-header nav>a:not(:last-child){display:none}.demo-header nav .demo-nav-cta{font-size:9px;gap:9px;padding:9px 11px}.demo-header nav .demo-nav-cta .icon{width:13px;height:13px}.demo-hero,.demo-sabai .demo-hero,.demo-haven .demo-hero{grid-template-columns:1fr;min-height:0}.demo-hero-copy{padding:41px 25px 38px}.demo-hero-copy>.eyebrow{font-size:8px;margin-bottom:18px}.demo-hero h1{font-size:55px;line-height:1.06}.demo-hero-copy>p{font-size:12px;line-height:1.85;margin-top:19px;max-width:300px}.demo-cta{font-size:11px;margin-top:23px}.demo-hero-image{height:279px}.demo-hero-image img{object-position:center}.demo-hero-image>span{font-size:7px;padding:7px 10px;bottom:17px;right:20px}.demo-ribbon{padding:18px 22px;font-size:11px;gap:13px;justify-content:space-between}.demo-ribbon>span{max-width:43%;line-height:1.6}.demo-ribbon .icon{width:17px;height:17px}.demo-story{display:block;padding:43px 25px}.demo-story>.eyebrow{font-size:8px;margin-bottom:17px}.demo-story h2{font-size:35px;line-height:1.12}.demo-story>p:last-child{font-size:12px;line-height:1.9;margin-top:20px}.demo-offer{padding:38px 25px 43px}.demo-section-heading{display:block;margin-bottom:23px}.demo-section-heading h2{font-size:34px}.demo-tabs{margin-top:22px}.demo-tabs button{font-size:10px}.demo-items{grid-template-columns:1fr;gap:0}.demo-items article{padding:23px 0;border-top:0;gap:15px}.demo-items h3{font-size:24px}.demo-items p{font-size:11px;margin-top:10px}.demo-items article>.icon{display:block;width:16px;height:16px}.demo-items article>span{font-size:9px;margin-top:4px}.demo-visit{display:block;padding:43px 25px}.demo-visit h2{font-size:33px}.demo-visit .eyebrow{font-size:8px}.demo-visit p{font-size:12px;line-height:1.9}.demo-visit>div:last-child>p{max-width:none}.demo-visit .demo-cta{margin-top:24px}.demo-footer{display:block;padding:25px}.demo-footer p{font-size:9px;line-height:1.85}.demo-footer a{font-size:11px;margin-top:20px}.demo-sabai .demo-logo{font-size:29px}.demo-sabai .demo-hero-image{height:auto;padding:0 25px 30px}.demo-sabai .demo-hero-image img{max-height:370px;object-fit:cover;width:100%;aspect-ratio:1}.demo-sabai .demo-hero-image>span{bottom:42px;right:36px}.demo-haven .demo-logo{font-size:31px}.demo-haven .demo-hero-image{height:280px}html[lang=th] .demo-hero h1{font-size:42px;line-height:1.4}html[lang=th] .demo-story h2{font-size:29px}html[lang=th] .demo-ribbon{font-size:10px;line-height:1.7}html[lang=th] .demo-section-heading h2,html[lang=th] .demo-visit h2{font-size:28px}html[lang=th] .demo-items h3{font-size:18px}}
@media(max-width:340px){.demo-hero h1{font-size:47px}.demo-ribbon{font-size:10px}.demo-header{padding-inline:19px}.demo-header nav .demo-nav-cta{font-size:8px;padding:8px}.demo-sabai .demo-logo{font-size:25px}.demo-haven .demo-logo{font-size:27px}html[lang=th] .demo-hero h1{font-size:36px}}