:root{--cream:#f7f5ee;--ink:#293f32;--muted:#7c8176;--gold:#a68b55;--line:#dedfd3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-weight:400}h2{font-size:36px;line-height:1.55}p{margin-bottom:16px}.topline{height:35px;background:var(--ink);color:#eeeee3;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:10px;letter-spacing:1.5px}.topline span{opacity:.7}header{height:104px;padding:0 5%;display:flex;align-items:center;gap:32px;background:var(--cream);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;letter-spacing:2px;font-size:20px;line-height:1.5}.brand small{display:block;font-family:Arial,sans-serif;letter-spacing:2.3px;font-size:8px;margin-top:5px}.emblem{font-size:43px;color:var(--gold)}nav{margin-left:auto;display:flex;gap:28px;font-size:13px}nav a:hover,.text-link:hover{color:var(--gold)}.primary,.light{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 24px;background:var(--ink);color:white;letter-spacing:1px;font-size:13px}.primary:hover{background:#46604c}.light{background:var(--cream);color:var(--ink)}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;position:relative}.hero-copy{padding:85px 7% 65px 10%}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:600;margin-bottom:23px}h1{font-size:clamp(38px,3.7vw,60px);line-height:1.5;letter-spacing:2px}h1 span{color:#8d966e}.intro{margin-top:25px;color:#757d70;font-size:14px;line-height:2.1}.actions{display:flex;gap:26px;align-items:center;margin-top:35px}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding:7px 0}.hero-photo{position:relative;min-height:590px;overflow:hidden;background:#c7bea3}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.75)}.photo-note{position:absolute;bottom:52px;left:40px;font-family:Georgia,serif;font-size:38px;line-height:1.3;color:white}.photo-note i{font-weight:400;color:#e4dfc9}.photo-label{position:absolute;right:18px;top:18px;font-size:10px;color:#fff;background:#233b326b;padding:4px 10px}.hero-location{margin-top:54px;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.hero-location>span{font-size:25px;color:var(--gold)}.hero-location small{color:var(--muted);letter-spacing:1px;border-left:1px solid var(--line);padding-left:12px}.hero-bottom{grid-column:1/-1;border-bottom:1px solid var(--line);padding:21px;text-align:center;letter-spacing:3px;font-size:9px;color:#717a66}.hero-bottom b{margin:0 50px;color:var(--gold)}.wrap{max-width:1260px;margin:auto;padding:90px 50px}.about{display:grid;grid-template-columns:1fr 2fr .7fr;gap:35px;align-items:start}.about>div>p{color:var(--muted);margin-top:23px;max-width:530px}.about .eyebrow{margin-top:12px}.about-mark{font-size:100px;line-height:1.4;color:#b7bca0;text-align:center}.about-mark small{display:block;font:8px Arial;letter-spacing:2px}.muted{color:var(--muted);font-size:12px}.services{padding-top:45px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{color:#747b6d;font-size:13px}.filters{display:flex;gap:10px;margin:32px 0}.filters button{padding:9px 23px;border:1px solid var(--line);color:#68745f;background:transparent;border-radius:25px;font-size:12px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{border:1px solid var(--line);background:#fcfbf6}.service-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative;background:#e4e5d9;overflow:hidden}.service-art svg{width:120px;height:120px;stroke:#818b68;fill:none;stroke-width:1.3}.service:nth-child(2) .service-art{background:#ece4d6}.service:nth-child(3) .service-art{background:#e1e5df}.service-art small{position:absolute;top:15px;left:18px;font-size:8px;letter-spacing:2px;color:#69735e}.service-content{padding:25px}.service h3{font-size:25px}.service .english{font-size:9px;letter-spacing:1.5px;color:var(--gold);margin:5px 0 16px}.service-description{font-size:12px;color:#838577;min-height:45px}.service-price{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;align-items:center;font-size:12px}.service-price strong{font-weight:400;font-size:17px}.service button{color:var(--ink);background:transparent;padding:15px 0 0;width:100%;text-align:left;border-top:1px solid var(--line);margin-top:17px;font-size:12px}.price-note{font-size:11px;text-align:center;color:var(--muted);margin:22px 0 0}.ritual{background:var(--ink);color:#f6f5e9;overflow:hidden}.ritual .wrap{position:relative;padding-top:60px;padding-bottom:60px}.ritual h2{font-size:38px;margin-bottom:25px}.ritual-flower{position:absolute;font-size:340px;line-height:1;right:70px;top:6px;color:#607153;opacity:.5}.ritual .light{position:relative;z-index:1}.gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin-top:35px}.gallery img{height:330px;width:100%;object-fit:cover;background:#dfdfd4}.gallery figcaption{display:flex;justify-content:space-between;font-size:13px;padding-top:15px}.gallery small{font-size:10px;color:var(--muted)}.visit{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.visit h2{font-size:30px}.visit dt{font-size:9px;letter-spacing:2px;color:var(--gold);margin:22px 0 8px}.visit dd{margin:0 0 10px;font-size:13px}.visit dd[lang]{color:var(--muted);font-size:11px}.visit iframe{border:0;width:100%;height:530px;filter:saturate(.55);background:#e6e7df}.visit .muted{margin-top:12px}.faq{padding-top:0;max-width:960px}.faq h2{margin-bottom:25px;font-size:30px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px}details p{margin:15px 0 0;color:var(--muted);font-size:13px}footer{background:#eaece2;padding:40px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:11px;color:#74806a}footer .brand{font-size:16px}.chat-toggle{position:fixed;bottom:25px;right:25px;border-radius:40px;background:var(--ink);color:white;padding:14px 23px;box-shadow:0 4px 22px #0002;z-index:10}.chat{position:fixed;bottom:90px;right:25px;width:340px;background:var(--cream);border:1px solid var(--line);box-shadow:0 10px 60px #0002;z-index:20;border-radius:12px;overflow:hidden}.chat-head{padding:18px 22px;background:var(--ink);color:white;display:flex;justify-content:space-between}.chat-head small{display:block;font-size:10px;opacity:.7}.chat-head button{color:white;background:transparent;font-size:23px}.chat-body{padding:22px;font-size:12px}.quick{display:flex;gap:7px;flex-wrap:wrap}.quick button{border:1px solid var(--line);background:white;color:var(--ink);padding:8px}.chat-body #chat-answer{padding:15px;background:#e9ecdf;margin-top:15px}.chat-body .text-link{display:block;text-align:center;margin-top:10px}.channels{font-size:10px;margin-top:20px;color:var(--muted);text-align:center}.channels small{display:block}dialog{background:var(--cream);color:var(--ink);border:0;padding:35px;width:min(550px,94vw);max-height:90dvh;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#132c23a8;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog .eyebrow{margin-bottom:10px}.close{position:absolute;right:15px;top:10px;background:none;color:var(--ink);font-size:28px}form label{display:block;font-size:12px;margin-top:12px}input,select,textarea{width:100%;border:1px solid #cfd5c7;background:#fffefa;color:var(--ink);padding:10px;border-radius:0}input:focus,select:focus,textarea:focus{outline:2px solid #879474}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .muted{font-size:10px;margin-top:6px}form .consent{display:flex;align-items:start;gap:8px;font-size:10px;margin:18px 0}.consent input{width:auto;margin-top:5px}form>.primary{width:100%}[hidden]{display:none!important}@media(min-width:1600px){.hero-copy{padding-left:max(10%,calc((100vw - 1260px)/2))}}@media(max-width:1000px){nav{gap:15px}header{gap:20px}.brand{font-size:16px}.hero-copy{padding-top:65px}.actions{flex-direction:column;align-items:start;gap:12px}.hero-photo{min-height:600px}.about{grid-template-columns:1fr 2fr}.about-mark{display:none}.section-head{align-items:start;flex-direction:column;gap:12px}.wrap{padding:65px 30px}.visit{gap:30px}.service-content{padding:20px}.service h3{font-size:21px}header>.primary{display:none}}@media(max-width:680px){.topline{font-size:8px;padding:0 20px}.topline span{display:none}header{height:80px;padding:0 20px;justify-content:space-between;position:relative}.brand{font-size:16px}.emblem{font-size:34px}.brand small{font-size:7px}.menu{display:block;background:none;color:var(--ink);font-size:23px}nav{display:none;position:absolute;top:80px;left:0;width:100%;padding:20px;background:var(--cream);z-index:30;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:47px 25px 35px}h1{font-size:39px}.intro{font-size:13px}.actions{flex-direction:row;align-items:center;gap:20px}.actions .primary{padding:13px 18px;gap:8px;font-size:12px}.hero-location{margin-top:25px;font-size:8px}.hero-photo{min-height:340px}.photo-note{font-size:32px;bottom:28px;left:25px}.hero-bottom{font-size:7px;letter-spacing:1.4px;padding:18px 5px}.hero-bottom b{margin:0 12px}.wrap{padding:55px 22px}h2{font-size:28px}.about{grid-template-columns:1fr;gap:0}.about h2{font-size:29px}.about .eyebrow{margin-bottom:20px}.service-grid{grid-template-columns:1fr}.filters{gap:7px;flex-wrap:wrap;margin:20px 0}.filters button{padding:8px 15px;font-size:11px}.service-art{height:190px}.service h3{font-size:26px}.service-description{min-height:0}.ritual h2{font-size:30px}.ritual-flower{right:-85px;top:70px;font-size:260px;opacity:.2}.gallery{grid-template-columns:1fr;gap:30px}.gallery img{height:280px}.visit{grid-template-columns:1fr}.visit h2{font-size:28px}.visit iframe{height:330px}.visit dd a{overflow-wrap:anywhere}.faq{padding-top:15px}.faq h2{font-size:25px}footer{padding:30px 22px 95px;align-items:start;flex-direction:column;gap:20px}footer p{margin:0}.chat-toggle{bottom:18px;right:16px}.chat{right:12px;bottom:80px;width:calc(100% - 24px);max-width:370px;max-height:75dvh;overflow:auto}dialog{padding:28px 22px}.form-row{gap:10px}input,select,textarea{font-size:16px}.section-head>p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Refined editorial layout and gentle motion */
:root{--cream:#f8f5ed;--ink:#263e32;--gold:#a68b55}body{background:radial-gradient(ellipse at 0 20%,#eee9d960,transparent 35%),var(--cream)}header{position:sticky;top:0;z-index:25;height:90px;background:#f8f5edf2;backdrop-filter:blur(18px);gap:22px}.brand{font-size:17px}nav{gap:22px}.lang-switch{display:flex;align-items:center;gap:3px;margin-left:2px;border-bottom:1px solid #c9cdbb;font-size:18px}.lang-switch select{border:0;background:transparent;font-size:12px;padding:8px 2px;width:67px;cursor:pointer}.hero{padding:28px 28px 0;gap:0}.hero-copy{padding:80px 8% 65px}.hero h1{font-size:clamp(38px,3.6vw,62px);letter-spacing:0;line-height:1.42}.hero-photo{border-radius:48% 48% 3px 3px;min-height:630px}.hero-photo img{animation:gentle-zoom 22s ease-in-out infinite alternate;filter:brightness(.81);transform-origin:center}.hero .photo-label{top:auto;bottom:15px;right:15px;font-size:9px}.photo-note{bottom:65px;left:50px}.hero-seal{position:absolute;top:34%;right:25px;width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid #fff8;border-radius:100%;color:white;font-size:10px;line-height:2.3;letter-spacing:2px;backdrop-filter:blur(5px);background:#27372920}.hero-bottom{overflow:hidden;white-space:nowrap;margin-top:28px}.hero-bottom>div{animation:drift 30s linear infinite;display:inline-block}.hero-bottom b{margin:0 42px}.eyebrow{font-size:10px;letter-spacing:2.5px}.service{transition:transform .45s,box-shadow .45s;border:0;box-shadow:0 1px 0 var(--line);background:#fffdf7}.service:hover{transform:translateY(-7px);box-shadow:0 18px 40px #243a3010}.service-art{height:225px;border-radius:130px 130px 0 0;margin:18px 18px 0;background:radial-gradient(ellipse at 50% 100%,#c5cfaf,#e6e8db 70%)}.service-art svg{z-index:1;transition:transform .7s}.service:hover svg{transform:rotate(-7deg) scale(1.08)}.service-art small{top:50px;left:0;width:100%;text-align:center;font-size:8px}.service-art svg{margin-top:40px;width:100px}.art-orbit{position:absolute;border:1px solid #9ca88755;width:170px;height:170px;bottom:-70px;border-radius:50%}.service-content{padding:27px}.service-price strong{font-family:Georgia,serif;font-size:31px;color:#626d4c}.service-price small{display:block;font-size:9px;color:var(--gold)}.service-description{min-height:56px}.service h3{font-size:25px}.demo-label{display:inline-block;padding:6px 12px;margin:18px 0 0;border-left:2px solid var(--gold);background:#e9e6d860;color:#79715b;font-size:11px}.price-table{margin-top:55px;padding:30px 32px;background:#ecefe4;border:1px solid #dfe3d5}.price-table h3{font-size:25px;margin-bottom:18px}.table-scroll{overflow-x:auto}.price-table table{width:100%;border-collapse:collapse;text-align:left;min-width:560px;font-size:13px}.price-table th,.price-table td{padding:18px 12px;border-bottom:1px solid #d2d8c6;font-weight:400}.price-table thead th{font-size:10px;letter-spacing:1px;color:#70765d}.price-table tbody th span{margin-right:15px;font:11px Georgia;color:var(--gold)}.price-table tbody td:nth-child(3){font:24px Georgia;color:#5b694b}.price-table .muted{font-size:11px;margin:20px 0 0}.text-button{background:none;padding:0;color:var(--ink);font-size:11px}.ritual{background:radial-gradient(ellipse at 80% 10%,#53654880,transparent 60%),#263e32}.ritual .wrap{padding-top:80px;padding-bottom:80px}.ritual p:not(.eyebrow){font-size:13px;color:#c2ccb4}.ritual-flower{top:35px;animation:flower-turn 80s linear infinite}.image-frame{overflow:hidden}.gallery img{transition:transform 1.3s}.gallery figure:hover img{transform:scale(1.035)}.gallery figcaption{gap:15px;align-items:start}.gallery small{max-width:45%;text-align:right}.channel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.channel{display:flex;align-items:center;gap:10px;text-align:left;padding:16px 14px;background:#e9edde;border:1px solid #d6ddcc;color:var(--ink);transition:background .25s}.channel:hover{background:#dfe7d1}.channel b{font-size:10px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #879c70;border-radius:50%;flex-shrink:0}.channel span{font-size:12px}.channel small{display:block;font-size:9px;color:#707b65;margin-top:3px}.channel i{margin-left:auto;font-style:normal}.visit .channel-buttons{grid-template-columns:1fr}.visit iframe{height:660px;border-radius:180px 180px 0 0}.map-link{display:inline-block}.footer-social{display:flex;gap:25px}.footer-social button{background:none;color:var(--ink);font-size:12px}dialog{border-radius:4px;padding:42px;width:min(570px,94vw)}dialog h2{font-size:30px;line-height:1.45;margin:12px 0 18px}.booking-notice{font-size:11px;color:var(--muted);padding-bottom:15px;border-bottom:1px solid var(--line)}#selected-treatment{font-size:12px;background:#e8ebdc;padding:12px;margin:15px 0}#channel-status{font-size:13px;margin:15px 0;color:#7a6442}#wechat-details img{width:180px;max-width:100%}.chat{z-index:40}.chat .channel-buttons{grid-template-columns:1fr;margin:15px 0}.chat .channel{padding:10px}.chat-toggle{z-index:35}.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.will-reveal.in-view{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes gentle-zoom{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes drift{to{transform:translateX(-25%)}}@keyframes flower-turn{to{transform:rotate(360deg)}}
html[lang=en] .hero h1{font-family:Georgia,serif;font-size:clamp(42px,4.2vw,70px)}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{line-height:1.55}html[lang=th] .hero h1{font-size:clamp(35px,3.5vw,57px)}html[lang=en] .service h3{font-size:24px}html[lang=en] .service-description{min-height:70px}
@media(max-width:1180px){header{gap:15px;padding:0 3%}nav{gap:15px;font-size:11px}.brand{font-size:15px}header>.primary{padding:12px 16px;font-size:11px}.hero-copy{padding-left:6%;padding-right:6%}.service-content{padding:22px}.service h3{font-size:23px}}
@media(max-width:1000px){header>.primary{display:none}.lang-switch{margin-left:auto}nav{margin-left:auto}.hero-photo{min-height:590px}.hero{padding:20px 20px 0}.photo-note{left:30px}.hero-seal{right:18px;width:80px;height:80px;font-size:8px}.hero-copy{padding-top:65px}.service-art{height:200px;margin:12px 12px 0}.service-art small{font-size:7px}.price-table{padding:24px}.visit iframe{height:680px}.service-description{min-height:80px}.channel-buttons{grid-template-columns:1fr}}
@media(max-width:680px){header{height:76px;padding:0 17px;gap:10px}.brand{font-size:13px;gap:8px}.brand small{font-size:6px;letter-spacing:1.3px}.emblem{font-size:30px}.lang-switch{margin-left:auto}.lang-switch select{width:55px;font-size:11px}.lang-switch>span{display:none}.menu{font-size:20px;padding:5px}nav{top:76px}.hero{padding:0 16px;display:flex;flex-direction:column}.hero-copy{padding:48px 8px 30px}.hero h1{font-size:39px}html[lang=en] .hero h1{font-size:46px}html[lang=th] .hero h1{font-size:38px}.hero-photo{min-height:385px;border-radius:48% 48% 2px 2px}.photo-note{font-size:32px;bottom:45px;left:26px}.hero-seal{top:38%}.hero-bottom{margin-left:-16px;margin-right:-16px;margin-top:20px}.hero-bottom b{margin:0 25px}.actions{flex-wrap:wrap}.about{padding-top:55px}.service-art{height:215px;margin:16px 16px 0}.service-art small{font-size:8px}.service-content{padding:26px}.service h3{font-size:26px}.service-description,html[lang=en] .service-description{min-height:0}.price-table{margin-top:35px;padding:24px 18px}.price-table h3{font-size:24px}.table-scroll{margin-right:-18px}.price-table th,.price-table td{padding:15px 10px}.ritual .wrap{padding:55px 24px}.ritual-flower{top:100px;right:-90px}.gallery figcaption{flex-direction:column;gap:3px}.gallery small{max-width:100%;text-align:left}.visit iframe{height:390px;border-radius:150px 150px 0 0}.channel-buttons{grid-template-columns:1fr}.visit h2{font-size:29px}.chat{max-height:75dvh}.chat-body{padding:18px}.chat-head{padding:15px 18px}.chat-toggle{padding:12px 20px}dialog{padding:33px 23px}dialog h2{font-size:28px}.topline{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.service:hover,.gallery figure:hover img{transform:none}}