@font-face{font-family:VelinSerif;src:url('/demo/fonts/serif-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:VelinThai;src:url('/demo/fonts/thai-thai-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0E00-0E7F}@font-face{font-family:VelinThai;src:url('/demo/fonts/thai-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}*{box-sizing:border-box}:root{--ink:#302b29;--gold:#92734e;--champagne:#eee5d8;--line:#c9c1b8;color:var(--ink);background:#fff;font-family:VelinThai,Arial,sans-serif;font-size:16px;scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{touch-action:manipulation}button{background:none;border:0}img{display:block;max-width:100%;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(28px,3.15vw,48px);line-height:1.4;letter-spacing:-1px}h3{font-size:23px;line-height:1.5}p{line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}svg{width:26px;height:26px;flex-shrink:0}a svg,button svg{vertical-align:middle}[hidden]{display:none!important}.wrap{width:88.6%;max-width:1440px;margin-inline:auto}section{scroll-margin-top:25px}.skip{position:fixed;top:-100px;left:10px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:20px 5.2%;height:110px}.logo{display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--ink)}.logo>span{font-family:VelinSerif,Georgia,serif;font-size:51px;letter-spacing:9px;font-weight:400}.logo>small{font-family:VelinSerif,Georgia,serif;font-size:13px;letter-spacing:9px;margin-top:8px;padding-left:5px}.header nav{display:flex;gap:36px;align-items:center;font-size:15px}.header nav a:hover{text-decoration:underline;text-underline-offset:7px}.locale-links{display:flex;align-items:center;gap:15px;font-size:13px;border-left:1px solid var(--gold);padding-left:30px}.locale-links [aria-current]{text-decoration:underline;text-underline-offset:5px}.nav-toggle{display:none}.hero{height:calc(50vw + 95px);max-height:895px;min-height:650px;position:relative;margin-bottom:45px}.hero-media{position:absolute;left:38.7%;right:0;top:0;bottom:80px;overflow:hidden;background:#e8e5e1}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.hero-slide.active{opacity:1}.hero-slide img{height:100%;object-fit:cover;object-position:50% 42%}.hero-circle{position:absolute;left:3%;top:-9%;width:82%;height:106%;border:1px solid var(--gold);border-radius:50%;pointer-events:none}.hero-copy{position:relative;z-index:1;padding:10.2vw 0 0 5.2%;width:48%;pointer-events:none}.hero-copy a{pointer-events:auto}.beauty{font-family:VelinSerif,Georgia,serif;font-size:clamp(110px,11.2vw,174px);font-weight:300;line-height:.82;letter-spacing:-6px;white-space:nowrap;margin-bottom:32px}.hero h1{font-size:clamp(42px,4.3vw,66px);line-height:1.3;letter-spacing:-1.8px;margin-bottom:28px}.hero-sub{font-size:clamp(15px,1.3vw,20px);max-width:560px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;border:1px solid var(--gold);padding:14px 27px;font-size:16px;background:transparent;color:var(--ink);transition:background .2s,color .2s}.button:hover{background:var(--gold);color:white}.slide-controls{position:absolute;right:5%;bottom:4.5%;display:flex;align-items:center;gap:30px;font-size:13px;z-index:2}.slide-controls button{display:flex;align-items:center;gap:22px;min-height:44px}.control-line{width:40px;border-top:1px solid currentColor}.slide-controls [data-pause]{width:45px;min-height:45px;border:1px solid currentColor;border-radius:50%;padding:8px;justify-content:center}.slide-controls svg{stroke:currentColor;fill:none;stroke-width:1.4}.section-label{font-size:11px;letter-spacing:3px;color:var(--gold);margin-bottom:22px;display:flex;align-items:center;gap:20px}.section-label:after{content:'';width:95px;border-top:1px solid currentColor}.section-heading{margin-bottom:35px}.section-heading>p{font-size:17px;margin-top:12px;color:#6a635c}.services{padding:15px 0 62px}.service-list{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service summary{display:flex;align-items:center;gap:28px;padding:17px 0;font-size:25px;border-bottom:1px solid var(--line);min-height:66px}.number{font-family:VelinSerif,Georgia,serif;font-size:28px}.plus{width:16px;height:16px;position:relative;margin-left:auto;flex-shrink:0}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;top:7px;left:0;width:16px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .25s}details[open]>summary .plus:after{transform:rotate(0)}.service-body{display:grid;grid-template-columns:57% 1fr;gap:4%;align-items:center;padding:18px 0 24px}.service-body>img{aspect-ratio:1.95;object-fit:cover}.service-body h3{margin-bottom:16px}.service-body p{font-size:16px;line-height:1.85;margin-bottom:25px;color:#71695f}.text-link{display:inline-flex;align-items:center;gap:20px;padding:0 0 4px;border-bottom:1px solid currentColor;font-size:15px;color:var(--gold);min-height:38px}.text-link svg{width:22px}.approach{background:var(--champagne);padding:50px 0 55px}.approach h2{margin-bottom:8px}.approach>.wrap>p:not(.section-label){color:#71695f}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding:0;margin:32px 0 0}.step-num{display:flex;align-items:center;gap:24px;font-family:VelinSerif,Georgia,serif;font-size:37px;margin-bottom:14px}.step-num:after{content:'';width:145px;border-top:1px solid #b5a490}.steps h3{font-size:22px;margin-bottom:8px}.steps p{color:#766d62;font-size:16px}.team{padding:68px 0 60px}.team-layout{display:grid;grid-template-columns:13% 38% 27% 14%;gap:2.5%;align-items:center}.team blockquote{font-size:16px;color:#70685f;line-height:1.8;margin:0}.doctor-1{align-self:start}.doctor-2{padding-top:30px}.doctor img{aspect-ratio:1.3;object-fit:cover;object-position:50% 30%}.doctor-2 img{aspect-ratio:1}.doctor figcaption{text-align:center;font-size:13px;margin-top:10px}.doctor .text-link{display:flex;width:max-content;margin:5px auto 0;font-size:12px;min-height:30px;gap:8px}.doctor .text-link svg{width:17px}.clinic{position:relative;height:650px;overflow:hidden}.clinic>img{height:100%;object-fit:cover;object-position:50% 45%}.clinic-copy{position:absolute;left:52%;top:16%;max-width:43%;color:#3e352b}.clinic-copy h2{font-size:clamp(30px,3.15vw,48px);margin-bottom:28px}.clinic-copy p{font-size:16px}.clinic-copy .text-link{margin-top:20px;color:inherit}.faq-section{padding:70px 0;display:grid;grid-template-columns:51% 39%;gap:10%}.faq-section h2{font-size:clamp(27px,2.7vw,41px);margin-bottom:25px}.faq-section>div>p:not(.section-label){font-size:16px;color:#72695f;margin-bottom:35px}.faq-list{border-top:1px solid var(--line)}.faq-list summary{display:flex;gap:20px;align-items:center;min-height:66px;font-size:17px;padding:18px 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details>p{padding:0 20px 20px 0;color:#746b62;font-size:15px}.faq-section figure img{aspect-ratio:1;object-fit:cover;object-position:50% 60%}.faq-section figcaption{padding-top:22px}.faq-section figcaption h3{font-size:18px;margin-bottom:15px}.faq-section figcaption p{color:#746b62;font-size:15px}.appointment{background:#302b29;color:#f8f5ef;padding:70px 0}.appointment-layout{display:grid;grid-template-columns:48% 44%;gap:8%}.appointment .section-label{color:#c3a57d}.appointment h2{margin-bottom:27px;font-size:42px}.appointment-layout>div>p:not(.section-label){font-size:16px;color:#e4ddd3}.appointment-layout .demo-note{font-size:12px!important;margin-top:20px;color:#c7baaa!important}.appointment-motto{font-family:VelinSerif,Georgia,serif;letter-spacing:4px;margin-top:60px;line-height:1.9}.appointment form{display:flex;flex-direction:column;gap:17px}.appointment label{display:grid;grid-template-columns:25% 75%;align-items:center;font-size:14px}.appointment input,.appointment select,.appointment textarea{width:100%;border:1px solid #998e82;background:transparent;border-radius:0;padding:11px 14px;min-height:44px;color:#f7f0e8;outline-offset:3px}.appointment select option{color:var(--ink);background:white}.appointment input::placeholder,.appointment textarea::placeholder{color:#b3a89c}.appointment input[type=date]{color-scheme:dark}.appointment .message-label{align-items:start}.appointment textarea{resize:vertical}.appointment .consent{display:flex;gap:12px;line-height:1.6;font-size:12px;margin-top:12px}.appointment .consent input{width:17px;height:17px;min-height:17px;flex-shrink:0;accent-color:var(--gold)}.filled{background:var(--gold);color:white;border-color:var(--gold);width:100%}.filled:hover{background:#b19067}.appointment form [role=status]{font-size:14px;border-left:2px solid #d6bb98;padding-left:15px}footer{padding-block:38px 22px}.footer-main{display:flex;align-items:center;gap:32px}.footer-main>p{font-size:12px;border-left:1px solid var(--line);padding-left:30px}.footer-main>p small{display:block;font-size:11px;color:#83796f;margin-top:7px}.footer-main>a:last-child{display:flex;gap:20px;align-items:center;font-size:13px;margin-left:auto}.footer-bottom{display:flex;justify-content:space-between;font-size:11px;color:#81786f;margin-top:35px}.footer-bottom small{font-size:11px}dialog{width:min(900px,92vw);max-height:90dvh;border:0;padding:0;color:var(--ink);background:white;overflow:auto}dialog::backdrop{background:#201b18aa;backdrop-filter:blur(4px)}dialog[open]{display:grid;grid-template-columns:48% 52%}#modal-image{height:100%;min-height:420px;object-fit:cover}.modal-copy{padding:48px 36px}.modal-copy h2{font-size:30px;margin-bottom:22px}.modal-copy p{font-size:15px;color:#71695f;margin-bottom:25px}.modal-copy>small{display:block;color:#857b70;font-size:11px;margin-top:25px}.modal-close{position:absolute;right:12px;top:10px;background:white;width:40px;height:40px;font-size:28px;z-index:1}.gallery-controls{display:flex;align-items:center;gap:22px;margin-bottom:24px}.gallery-controls button{width:44px;height:44px;border:1px solid var(--line)}
@supports (interpolate-size:allow-keywords){details{interpolate-size:allow-keywords}details::details-content{block-size:0;overflow:hidden;transition:block-size .35s,content-visibility .35s allow-discrete}details[open]::details-content{block-size:auto}}
@supports (overlay:auto) and (transition-behavior:allow-discrete){dialog{opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s,display .2s allow-discrete,overlay .2s allow-discrete}dialog[open]{opacity:1;transform:none}@starting-style{dialog[open]{opacity:0;transform:translateY(12px)}}}
@media(min-width:1650px){.hero-copy{padding-top:170px}}
@media(max-width:1100px){.header{gap:20px;height:95px}.header nav{gap:20px;font-size:13px}.logo>span{font-size:39px;letter-spacing:7px}.logo>small{font-size:11px;letter-spacing:6px}.locale-links{padding-left:15px;gap:10px}.hero{min-height:630px}.hero-copy{padding-top:115px;width:51%}.hero-sub{max-width:330px;font-size:15px}.hero h1{font-size:45px}.beauty{font-size:135px}.hero-media{bottom:65px}.team-layout{grid-template-columns:12% 38% 32% 10%}.team blockquote{font-size:13px}.clinic{height:550px}.appointment-layout{grid-template-columns:42% 52%;gap:6%}.appointment h2{font-size:35px}}
@media(max-width:700px){.wrap{width:89%}.header{height:88px;padding:16px 5.5%;gap:20px}.logo>span{font-size:31px;letter-spacing:5px}.logo>small{font-size:9px;letter-spacing:5px;margin-top:4px}.nav-toggle{display:block;font-size:12px;margin-left:auto;padding:10px 0}.header nav{display:none;position:absolute;top:88px;left:0;right:0;z-index:8;background:white;padding:25px 6%;box-shadow:0 8px 15px #302b2912}.header nav[data-open=true]{display:flex;flex-direction:column;align-items:start;gap:20px}.locale-links{border:0;padding:0;font-size:11px;gap:8px}.hero{height:auto;min-height:0;margin-bottom:38px;display:flex;flex-direction:column}.hero-copy{order:0;padding:34px 5.5% 30px;width:100%}.beauty{font-size:clamp(87px,24vw,150px);letter-spacing:-3px;line-height:.8;margin-bottom:20px}.hero h1{font-size:34px;line-height:1.35;margin-bottom:15px;letter-spacing:-1px}.hero h1 br{display:none}.hero-sub{max-width:100%;font-size:14px;margin-bottom:20px}.hero .button{font-size:14px;min-height:48px;padding:10px 20px;gap:25px}.hero-media{position:relative;order:1;left:auto;right:auto;bottom:auto;top:auto;margin-left:12%;height:440px;width:88%}.hero-slide img{object-position:center 35%}.hero-circle{left:-5%;width:101%;top:-3%;height:100%}.slide-controls{bottom:20px;right:20px;gap:20px}.slide-controls button{font-size:12px}.slide-controls [data-pause]{width:40px;min-height:40px}.services{padding:0 0 38px}.section-label{font-size:9px;letter-spacing:2px;margin-bottom:14px}.section-label:after{width:55px}.section-heading{margin-bottom:24px}.section-heading>p{font-size:14px}h2{font-size:29px;letter-spacing:-.7px}.service summary{font-size:19px;gap:18px;padding:16px 0;min-height:60px}.number{font-size:25px}.service-body{display:block;padding-bottom:25px}.service-body img{aspect-ratio:1.5;margin-bottom:20px}.service-body h3{font-size:21px;margin-bottom:12px}.service-body p{font-size:14px;margin-bottom:16px}.text-link{font-size:14px}.approach{padding:35px 0}.approach>.wrap>p:not(.section-label){font-size:14px}.steps{grid-template-columns:1fr;gap:25px;margin-top:27px}.steps li{display:grid;grid-template-columns:60px 1fr;gap:5px 20px}.step-num{grid-row:span 2;font-size:32px;align-self:start;margin:0}.step-num:after{display:none}.steps h3{font-size:21px;margin:0}.steps p{font-size:14px}.steps p br{display:none}.team{padding:40px 0}.team-layout{grid-template-columns:1fr 1fr;gap:16px;align-items:start}.team blockquote{display:none}.doctor-2{padding-top:35px}.doctor img,.doctor-2 img{aspect-ratio:.8;object-position:50% 30%}.doctor figcaption{font-size:11px}.doctor .text-link{font-size:11px;gap:3px}.clinic{height:auto;display:flex;flex-direction:column}.clinic>img{height:370px;object-fit:cover;object-position:35% center}.clinic-copy{position:relative;left:auto;top:auto;max-width:none;padding:30px 5.5%;background:var(--champagne)}.clinic-copy h2{font-size:30px;margin-bottom:18px}.clinic-copy p{font-size:14px}.faq-section{display:block;padding:40px 0}.faq-section h2{font-size:28px;margin-bottom:18px}.faq-section>div>p:not(.section-label){font-size:14px;margin-bottom:24px}.faq-list summary{font-size:15px;min-height:62px}.faq-list details>p{font-size:14px}.faq-section figure{margin-top:30px}.faq-section figure img{aspect-ratio:1.25;object-position:50% 58%}.faq-section figcaption h3{font-size:17px}.appointment{padding:40px 0}.appointment-layout{display:block}.appointment h2{font-size:32px;margin-bottom:20px}.appointment-layout>div>p:not(.section-label){font-size:14px}.appointment-motto{display:none}.appointment form{margin-top:30px;gap:17px}.appointment label{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:13px}.appointment input,.appointment select,.appointment textarea{font-size:16px}.appointment .consent{flex-direction:row;align-items:center}.button{min-height:50px;padding:12px 20px;font-size:14px}footer{padding-block:30px 20px}.footer-main{flex-wrap:wrap;gap:22px}.footer-main>p{padding-left:20px;max-width:60%;font-size:10px}.footer-main>p small{font-size:10px}.footer-main>a:last-child{margin:0;font-size:12px;gap:10px}.footer-bottom{gap:15px;font-size:10px;align-items:end}.footer-bottom small{font-size:10px;max-width:40%}dialog[open]{display:block}#modal-image{min-height:0;height:260px;object-position:center 30%}.modal-copy{padding:28px}.modal-copy h2{font-size:25px}.modal-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-slide,details::details-content,dialog,.plus:after{transition:none!important}dialog{transform:none!important}}
/* Match the approved hero's portrait scale and headline rhythm. */
@media(min-width:701px){.hero-slide img{transform:scale(1.1);transform-origin:50% 25%}.hero-copy{padding-top:11.2vw}.hero h1{margin-bottom:10px}.hero .button{font-size:18px;min-height:70px;padding:17px 29px}.hero-media{bottom:95px}.hero-circle{height:106%;top:-10%}}

[data-gallery-prev] svg{transform:rotate(180deg)}