*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font:16px/1.75 'Anuphan',sans-serif;color:#25372c;background:#f4f0e5}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;line-height:1.04}h3{line-height:1.3}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d6883a;outline-offset:4px}img{width:100%;height:100%;display:block;object-fit:cover}button{color:inherit}em{font-weight:400}button[disabled]{cursor:default}dialog{border:0}dialog::backdrop{background:#0d181cc9;backdrop-filter:blur(5px)}[hidden]{display:none!important}.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}.demo-notice{min-height:38px;padding:7px 4%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#171a19;color:#e9ece9;font-size:12px}.demo-notice a{border-bottom:1px solid #777}.dnav{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 5%;}.dnav nav{display:flex;align-items:center;gap:30px;font-size:14px}.pill{border:1px solid currentColor;border-radius:30px;padding:9px 20px;font-size:12px;letter-spacing:.05em}.d-eyebrow{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.15em;font-weight:600}.d-btn{display:inline-flex;gap:20px;align-items:center;justify-content:center;background:#253d2f;color:#fff;padding:15px 28px;border:0;font-size:15px;line-height:1.5}.d-btn:hover{background:#486545}.demo-section{padding:85px 6%}.d-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.d-section-head h2{font:52px/1.1 'DM Serif Display',serif;margin-top:20px}.d-section-head>p{max-width:330px;color:#647464}.demo-footer{padding:32px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #bec7ba;font-size:13px}.demo-footer>b{font:34px/1 'DM Serif Display',serif}.demo-footer a{border-bottom:1px solid}.demo-dialog{width:min(550px,calc(100% - 40px));padding:45px;background:#f4f0e5;color:#25372c;max-height:calc(100dvh - 60px);overflow:auto}.demo-dialog h2{font-size:35px;margin:28px 0 25px}.dialog-close{position:absolute;right:17px;top:10px;border:0;background:transparent;font-size:30px}.dialog-note{font-size:13px;color:#657665;border-top:1px solid #bfc9bd;margin-top:30px;padding-top:20px}.demo-dialog label{display:block;font-size:14px;margin:20px 0}.demo-dialog input,.demo-dialog select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #bec7ba;background:#fff;color:#25372c}.cafe-logo{font:45px/.8 'DM Serif Display',serif;letter-spacing:-.04em}.cafe-logo span{display:block;font:9px/1.2 'DM Sans',sans-serif;letter-spacing:.19em;margin-top:11px}.cafe-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:25px 5% 70px;align-items:center}.cafe-hero h1{font:clamp(56px,7.2vw,103px)/.99 'DM Serif Display',serif;letter-spacing:-.05em;margin-top:28px}.cafe-hero h1 em{color:#627549}.cafe-hero .thai-lead{font-size:18px;margin:28px 0}.cafe-hero figure{height:600px;position:relative;border-radius:220px 220px 8px 8px;overflow:hidden}.cafe-hero figure img{object-position:42% 50%}.cafe-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:26px;background:linear-gradient(transparent,#10231cc9);color:#fff;font:11px 'DM Sans',sans-serif;letter-spacing:.18em}.hand-note{font:italic 22px 'DM Serif Display',serif;display:block;margin-top:35px}.cafe-strip{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;background:#2b4333;color:#eeeade;padding:22px 20px;font:12px/1.5 'DM Sans',sans-serif;letter-spacing:.11em}.cafe-strip span{color:#d7a050;font-size:20px}.demo-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.demo-filters button{background:transparent;border:1px solid #b0b9a5;padding:9px 22px;border-radius:40px;font-size:14px}.demo-filters .selected{background:#2b4333;color:#fff;border-color:#2b4333}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.menu-item{background:transparent;border:0;border-top:1px solid #bdc6b4;display:flex;align-items:center;gap:20px;text-align:left;padding:28px 0}.menu-item:hover{background:#e8e7d7}.menu-item>span{font:12px 'DM Sans',sans-serif;color:#7f895f}.menu-item div{flex:1}.menu-item h3{font:26px 'DM Serif Display',serif}.menu-item p{font-size:14px;color:#63765e;margin-top:10px}.menu-item b{font-size:28px;font-weight:400}.cafe-story{padding:90px 20px;text-align:center;background:#dddcc4}.cafe-story h2{font:75px/1.05 'DM Serif Display',serif;margin:30px 0}.cafe-story p:not(.d-eyebrow){font-size:18px}.cafe-story>span{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:.15em;margin-top:35px}
.beauty-demo{background:#f5eff7;color:#42294c}.beauty-logo{font:59px/.8 'DM Serif Display',serif;letter-spacing:-.055em}.beauty-logo>span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.2em;margin-top:10px}.beauty-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;padding:30px 5% 70px;gap:40px}.beauty-hero h1{font:clamp(60px,7vw,105px)/1 'DM Serif Display',serif;letter-spacing:-.045em;margin-top:35px}.beauty-hero h1 em{color:#84658d}.beauty-hero>div>p:not(.d-eyebrow){font-size:19px;margin:28px 0}.beauty-hero figure{position:relative;height:610px;overflow:hidden}.beauty-hero img{object-position:50% 50%}.beauty-hero figcaption{position:absolute;bottom:23px;left:24px;color:#fff;font:11px 'DM Sans',sans-serif;letter-spacing:.15em}.beauty-demo .d-btn{background:#4a2b56}.beauty-demo .d-btn:hover{background:#775186}.beauty-tags{display:flex;gap:24px;margin-top:43px;font:10px 'DM Sans',sans-serif;letter-spacing:.1em}.beauty-statement{text-align:center;background:#e5d7eb;padding:70px 20px}.beauty-statement p{font:12px 'DM Sans',sans-serif;letter-spacing:.18em}.beauty-statement h2{font:60px 'DM Serif Display',serif;margin:22px 0}.beauty-statement>span{font-size:16px;color:#725a7a}.beauty-products{display:grid;grid-template-columns:1fr 1fr;gap:35px}.beauty-product{border:0;background:transparent;text-align:left;padding:0}.beauty-product figure{height:450px;overflow:hidden}.beauty-product img{transition:transform .5s}.beauty-product:hover img{transform:scale(1.035)}.beauty-product>div{position:relative;padding:22px 0;border-bottom:1px solid #bda7c3}.beauty-product h3{font:33px 'DM Serif Display',serif}.beauty-product div p{font:10px 'DM Sans',sans-serif;letter-spacing:.15em;margin-top:10px}.beauty-product div span{position:absolute;right:0;bottom:26px;font-size:14px}.beauty-product.detail-crop img{transform:scale(1.6);object-position:55% 65%}.beauty-product.detail-crop:hover img{transform:scale(1.65)}.ritual-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:75px 6%;background:#e5d7eb}.ritual-section h2{font:72px/1.03 'DM Serif Display',serif;margin:25px 0}.ritual-section>div>p:last-child{color:#725a7a;max-width:380px}.ritual-card{background:#f5eff7;padding:35px}.ritual-tabs{display:flex;gap:10px;flex-wrap:wrap}.ritual-tabs button{font-size:13px;border:1px solid #b59dbd;border-radius:30px;padding:8px 17px;background:transparent}.ritual-tabs button.selected{background:#4a2b56;color:#fff;border-color:#4a2b56}.ritual-time{font:60px 'DM Serif Display',serif;margin-top:35px;color:#856b8b}.ritual-title{font:32px 'DM Serif Display',serif;margin-block:8px 20px}.beauty-demo .demo-footer{border-color:#bda7c3}.beauty-dialog{background:#f5eff7;color:#42294c}
.villa-demo{background:#f5f2e9;color:#344138}.villa-logo{font:35px/.9 'DM Serif Display',serif;letter-spacing:.15em}.villa-logo>span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:.1em;margin-top:12px}.villa-nav{position:absolute;top:38px;left:0;right:0;z-index:2;color:#fff;background:linear-gradient(#17251bb3,transparent)}.villa-hero{position:relative;height:min(850px,85vw);min-height:650px;color:#fff;display:flex;align-items:center;overflow:hidden}.villa-hero>img{position:absolute;inset:0}.villa-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15281cab,transparent 90%),linear-gradient(0deg,#12271e7a,transparent 55%)}.villa-hero>div{position:relative;z-index:1;padding:115px 6% 60px}.villa-hero h1{font:clamp(75px,9vw,132px)/.95 'DM Serif Display',serif;letter-spacing:-.045em;margin:30px 0}.villa-hero p:not(.d-eyebrow){font-size:19px;margin-bottom:25px}.villa-hero .d-btn{background:#f5f2e9;color:#344138}.villa-caption{position:absolute;right:5%;bottom:30px;z-index:1;font:10px 'DM Sans',sans-serif;letter-spacing:.2em}.villa-experience>div:first-of-type{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-top:25px}.villa-experience h2{font:65px/1.05 'DM Serif Display',serif;letter-spacing:-.03em}.villa-experience p:not(.d-eyebrow){color:#667362;font-size:18px}.villa-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.villa-features article{border-top:1px solid #b4bead;padding-top:25px}.villa-features span{font:12px 'DM Sans',sans-serif;color:#7c8464}.villa-features h3{font:29px 'DM Serif Display',serif;margin:30px 0 15px}.villa-features p{font-size:16px!important}.villa-detail-photo{height:510px;position:relative;overflow:hidden}.villa-detail-photo img{object-position:center 72%;transform:scale(1.15)}.villa-detail-photo:after{content:'';position:absolute;inset:0;background:#19322055}.villa-detail-photo p{position:absolute;left:6%;bottom:50px;z-index:1;color:#fff;font:48px/1.2 'DM Serif Display',serif}.stay-planner{display:grid;grid-template-columns:1fr 1fr;gap:90px}.stay-planner h2{font:66px/1.02 'DM Serif Display',serif;margin:25px 0}.stay-planner>div>p:last-child{color:#65715e}.stay-form{padding:32px;background:#e7e9de;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.stay-form label{font-size:14px}.stay-form input,.stay-form select{width:100%;min-width:0;border:1px solid #aab9a5;background:#f5f2e9;padding:11px;font-size:15px;color:#344138;margin-top:8px}.stay-form>label:nth-child(3),.stay-form button,.stay-result{grid-column:1/-1}.stay-result{font-size:14px;color:#455b46}
.ops-demo{background:#f4f6f9;color:#233048;font:15px/1.65 'Anuphan',sans-serif}.ops-app{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 38px)}.ops-sidebar{background:#182332;color:#eef3ff;padding:35px 23px;position:relative}.ops-logo{font:700 30px 'DM Sans',sans-serif;letter-spacing:-.06em;display:flex;align-items:center}.ops-logo span{color:#9cafc8}.ops-logo i{color:#c7f279;font-size:13px;margin-left:8px}.ops-space{font:10px 'DM Sans',sans-serif;color:#8c9aaf;letter-spacing:.11em;margin:50px 0 20px}.ops-nav{display:block;font-size:14px;padding:12px;border-radius:7px;color:#b8c7dd;margin-bottom:8px}.ops-nav.selected{background:#2b3a4f;color:#fff}.ops-nav:hover{background:#2b3a4f}.workspace-note{margin-top:90px;padding:18px 13px;background:#223144;border:1px solid #34465e;border-radius:8px;font-size:12px}.workspace-note p{color:#b8c7dd;margin-top:8px}.ops-main{min-width:0}.ops-top{display:flex;justify-content:space-between;align-items:center;padding:18px 38px;border-bottom:1px solid #dce2eb;background:#fff;font-size:13px;color:#5d6d84}.ops-avatar{display:flex;width:33px;height:33px;align-items:center;justify-content:center;border-radius:50%;background:#eddfbc;color:#665239;font:14px 'DM Sans',sans-serif}.ops-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:37px 38px 25px}.ops-heading h1{font-size:34px;font-weight:600;line-height:1.4;margin:14px 0 8px}.ops-heading .d-eyebrow{font-size:12px;color:#5d6d84}.ops-heading p:not(.d-eyebrow){color:#5d6d84;font-size:14px}.ops-btn{background:#233c55;color:#fff;border:0;border-radius:6px;padding:11px 20px;font-size:14px;white-space:nowrap}.ops-btn:hover{background:#335974}.ops-btn:disabled{background:#356746}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 38px 27px}.ops-metrics article{background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:21px}.ops-metrics article p{color:#5d6d84;font-size:13px}.ops-metrics strong{display:block;font:500 38px 'DM Sans',sans-serif;margin:10px 0}.ops-metrics article>span{font-size:12px;color:#617287}.ops-metrics article:last-child{background:#e9f3df;border-color:#c8dbb8}.ops-panel{background:#fff;border:1px solid #dce2eb;border-radius:10px;margin:0 38px 28px;overflow:hidden}.ops-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 24px}.ops-panel-head h2{font-size:19px;font-weight:600}.ops-panel-head>span{font-size:12px;color:#5d6d84}.ops-controls{display:flex;gap:14px;padding:0 24px 20px}.ops-search{flex:1}.ops-controls input,.ops-controls select{border:1px solid #d7dfe9;border-radius:6px;padding:10px 13px;color:#485a73;font-size:13px;background:#fff;min-height:42px}.ops-controls input{width:100%}.ops-table-wrap{overflow:auto}.ops-table{width:100%;border-collapse:collapse;min-width:580px}.ops-table th{font-size:12px;font-weight:500;color:#5d6d84;padding:12px 24px;text-align:left;background:#f7f9fc}.ops-table td{padding:15px 24px;border-bottom:1px solid #e9edf2;font-size:13px}.task-name{background:transparent;border:0;text-align:left;padding:0;font:500 14px 'Anuphan',sans-serif;color:#233c55}.task-name:hover{text-decoration:underline}.task-subtitle{display:block;font-size:12px;margin-top:4px;color:#596c85}.status-badge{display:inline-block;border-radius:30px;font-size:12px;padding:4px 10px;white-space:nowrap}.status-badge.todo{background:#eceff3;color:#5d6e83}.status-badge.doing{background:#e5efff;color:#4069ac}.status-badge.review{background:#fff1d5;color:#926a24}.status-badge.done{background:#e8f3df;color:#4f783c}.ops-results{font-size:12px;color:#596c85;padding:15px 24px}#tasks-empty{text-align:center;padding:35px;font-size:14px;color:#5d6d84}.automation-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;margin:0 38px 40px;padding:32px;border-radius:10px;background:#e6edf2;border:1px solid #cedbe5}.automation-panel h2{font-size:23px;font-weight:600;margin:12px 0 14px}.automation-panel p:not(.d-eyebrow){font-size:14px;color:#5c7189}.automation-panel .d-eyebrow{font-size:12px;color:#627b95}.auto-icon{display:flex;width:36px;height:36px;background:#fff;border-radius:9px;align-items:center;justify-content:center;font-size:26px;color:#739c54;margin-bottom:20px}.automation-panel .ops-btn{margin-top:20px}.automation-steps{list-style:none;margin:0;padding:0;align-self:center}.automation-steps li{display:flex;gap:18px;margin-bottom:20px}.automation-steps li>span{width:32px;height:32px;background:#fff;border:1px solid #c7d4df;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;font:11px 'DM Sans',sans-serif}.automation-steps b{font-size:14px;font-weight:500}.automation-steps.completed li>span{background:#cfe6bd;border-color:#a7c692}.auto-result{grid-column:1/-1}.ops-demo .demo-dialog{background:#fff;color:#233048;border-radius:12px}.ops-demo .demo-dialog h2{font:600 26px/1.5 'Anuphan',sans-serif}.ops-demo .demo-dialog .d-eyebrow{color:#596c85}.mobile-only{display:none}
@media(max-width:1000px){.dnav nav{gap:20px}.cafe-hero figure,.beauty-hero figure{height:480px}.cafe-hero h1{font-size:70px}.beauty-hero h1{font-size:74px}.beauty-product figure{height:350px}.villa-experience>div:first-of-type{gap:40px}.villa-experience h2{font-size:51px}.stay-planner{gap:35px}.stay-planner h2{font-size:55px}.ops-app{grid-template-columns:175px 1fr}.ops-sidebar{padding:30px 15px}.ops-heading,.ops-top{padding-inline:23px}.ops-metrics,.ops-panel{margin-inline:23px}.ops-metrics{gap:10px}.ops-metrics article{padding:16px}.automation-panel{margin-inline:23px;grid-template-columns:1fr}.automation-steps{display:flex;gap:18px}.automation-steps li{flex:1;display:block}.automation-steps li>span{margin-bottom:12px}.ops-heading h1{font-size:30px}.ops-panel-head>span{display:none}}
@media(max-width:700px){.demo-notice{font-size:12px;gap:10px;padding:9px 20px;min-height:42px;flex-wrap:wrap}.dnav{padding:24px 6%;gap:20px}.dnav nav{gap:16px}.dnav nav>a:not(.pill){display:none}.dnav .pill{font-size:12px;padding:8px 14px}.cafe-logo{font-size:37px}.cafe-hero,.beauty-hero{grid-template-columns:1fr;padding:22px 6% 45px;gap:36px}.cafe-hero h1{font-size:clamp(62px,15vw,90px);margin-top:24px}.cafe-hero .thai-lead{font-size:17px}.d-eyebrow{font-size:12px}.cafe-hero figure{height:440px;border-radius:180px 180px 8px 8px}.hand-note{font-size:20px;margin-top:28px}.cafe-strip{gap:15px;font-size:12px;padding:17px 20px}.cafe-strip span{font-size:15px}.demo-section{padding:55px 6%}.d-section-head{display:block;margin-bottom:28px}.d-section-head h2{font-size:40px;margin-top:18px}.d-section-head>p{margin-top:17px;font-size:15px}.menu-list{grid-template-columns:1fr}.menu-item h3{font-size:24px}.demo-filters{gap:8px}.demo-filters button{font-size:13px;padding:8px 17px}.cafe-story{padding:60px 6%}.cafe-story h2{font-size:58px}.cafe-story p:not(.d-eyebrow){font-size:17px}.demo-footer{flex-wrap:wrap;gap:20px;padding:30px 6%}.demo-footer p{font-size:12px;flex-basis:100%;order:2}.demo-dialog{padding:35px 25px}.demo-dialog h2{font-size:31px}.beauty-logo{font-size:46px}.beauty-hero h1{font-size:75px;margin-top:25px}.beauty-hero>div>p:not(.d-eyebrow){font-size:18px}.beauty-hero figure{height:445px}.beauty-tags{font-size:12px;gap:15px;margin-top:28px}.beauty-statement{padding:50px 6%}.beauty-statement h2{font-size:44px;line-height:1.12}.beauty-statement>span{font-size:15px}.beauty-products{grid-template-columns:1fr;gap:30px}.beauty-product figure{height:410px}.ritual-section{grid-template-columns:1fr;gap:35px;padding:55px 6%}.ritual-section h2{font-size:61px}.ritual-card{padding:28px}.villa-nav{top:42px}.villa-logo{font-size:28px}.villa-logo>span{font-size:12px}.villa-hero{min-height:680px;height:82vh}.villa-hero>div{padding-top:130px}.villa-hero h1{font-size:clamp(64px,16vw,93px)}.villa-hero>img{object-position:58% 50%}.villa-hero p:not(.d-eyebrow){font-size:17px}.villa-caption{font-size:12px;left:6%;bottom:28px;letter-spacing:.08em}.villa-experience>div:first-of-type{grid-template-columns:1fr;gap:25px}.villa-experience h2{font-size:48px}.villa-experience p:not(.d-eyebrow){font-size:17px}.villa-features{grid-template-columns:1fr;gap:28px;margin-top:40px}.villa-features h3{margin-top:20px}.villa-detail-photo{height:380px}.villa-detail-photo p{font-size:35px;bottom:35px}.stay-planner{grid-template-columns:1fr;gap:30px}.stay-planner h2{font-size:52px}.stay-form{padding:25px;gap:18px}.stay-form label{grid-column:1/-1}.ops-app{display:block}.ops-sidebar{display:flex;align-items:center;gap:14px;padding:20px;flex-wrap:wrap}.ops-logo{font-size:26px;margin-right:auto}.ops-nav{font-size:12px;padding:8px;margin:0}.ops-sidebar .workspace-note,.ops-space,.ops-sidebar a.ops-nav:last-of-type{display:none}.ops-top{padding:14px 20px}.ops-heading{padding:25px 20px;align-items:start}.ops-heading h1{font-size:28px}.ops-heading p:not(.d-eyebrow){font-size:13px}.ops-heading>.ops-btn{font-size:12px;padding:10px 12px;margin-top:35px}.ops-heading .d-eyebrow{font-size:12px;letter-spacing:.06em}.mobile-only{display:block}.ops-metrics{grid-template-columns:1fr 1fr;margin:0 20px 25px;gap:12px}.ops-metrics article{padding:18px}.ops-panel{margin-inline:20px}.ops-panel-head{padding:20px 16px}.ops-controls{flex-wrap:wrap;padding:0 16px 20px}.ops-search{flex-basis:100%}.ops-controls>label:last-child{width:100%}.ops-controls select{width:100%}.ops-table{min-width:565px}.ops-table td,.ops-table th{padding-inline:16px}.automation-panel{margin:0 20px 30px;padding:25px}.automation-panel h2{font-size:21px}.automation-steps{display:block}.automation-steps li{display:flex;margin-bottom:18px}.automation-steps li>span{margin-bottom:0}.ops-demo .demo-dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}