@font-face{font-family:Dormi Design Display;font-style:normal;font-weight:600;font-display:swap;src:url(/dormi-design/fonts/anuphan-600-thai.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Dormi Design Display;font-style:normal;font-weight:600;font-display:swap;src:url(/dormi-design/fonts/anuphan-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.dormi-design{--dl-bg:#f8f3ef;--dl-ink:#2b2b2b;--dl-muted:#6b5d52;--dl-accent:#ad590f;--dl-accent-hover:#8f4a0b;--dl-accent-ink:#fff;--dl-paper:#fff;--dl-line:#e0d5c9;--dl-soft:#f5eee7;--dl-display:"Dormi Design Display",var(--font-display),sans-serif;--color-ink:var(--dl-ink);--color-ink-muted:var(--dl-muted);--color-secondary:var(--dl-accent);--color-teal:var(--dl-accent);--color-card:var(--dl-paper);--color-card-foreground:var(--dl-ink);--color-secondary-muted:var(--dl-bg);--color-secondary-dark:var(--dl-accent);--dl-ribbons:radial-gradient(ellipse 32% 88% at 72% -8%,transparent 49%,#fffaf28c 49.4%,#fffaf2a6 67%,transparent 67.4%),radial-gradient(ellipse 30% 84% at 49% 108%,transparent 47%,#fffaf27a 47.4%,#fffaf29e 65%,transparent 65.4%),radial-gradient(ellipse 36% 95% at 108% 62%,transparent 43%,#dec5ad47 43.4%,#ead2ba59 61%,transparent 61.4%),radial-gradient(ellipse 40% 80% at 56% 44%,#f9dfc84d,transparent 76%),radial-gradient(ellipse 42% 100% at 95% 54%,#dfbca259,transparent 78%);color:var(--dl-ink);background:var(--dl-bg);isolation:isolate;overflow:clip}.dark .dormi-design{--dl-bg:#181412;--dl-ink:#f5f5f5;--dl-muted:#a89c95;--dl-accent:#f59e42;--dl-accent-hover:#ffb264;--dl-accent-ink:#181412;--dl-paper:#201b18;--dl-line:#3f3630;--dl-soft:#241e1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dl-ribbons:radial-gradient(ellipse 32% 88% at 72% -8%,transparent 49%,#a89c9515 49.4%,#a89c9521 67%,transparent 67.4%),radial-gradient(ellipse 40% 80% at 56% 44%,#f59e4210,transparent 76%),radial-gradient(ellipse 42% 100% at 95% 54%,#dfbca215,transparent 78%)}.dormi-design [id]{scroll-margin-top:94px}.dormi-design ::selection{color:var(--dl-accent-ink);background:var(--dl-accent)}.dormi-design :is(button,a,input,select):focus-visible{outline:3px solid var(--dl-accent);outline-offset:4px}.dormi-design input{caret-color:var(--dl-accent)}.dormi-design button:not(:disabled),.dormi-design a{cursor:pointer}.dormi-design h1,.dormi-design h2,.dormi-design h3{font-family:var(--dl-display);letter-spacing:-.025em;text-wrap:balance;font-weight:600}.dormi-design p{line-height:1.85}.dormi-design .dl-wrap{width:calc(100% - 112px);max-width:1400px;margin-inline:auto}.dormi-design .dl-button,.dormi-design .dl-text-button{border-radius:8px;justify-content:center;align-items:center;gap:20px;min-height:48px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.dormi-design .dl-button{background:var(--dl-accent);color:var(--dl-accent-ink);border:1px solid var(--dl-accent);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--dl-accent-hover) 65%,transparent);padding:14px 23px}.dormi-design .dl-button:hover{background:var(--dl-accent-hover);transform:translateY(-2px)}.dormi-design .dl-button:active{transform:translateY(1px)}.dormi-design .dl-text-button{color:var(--dl-ink);background:0 0;padding:12px 0}.dormi-design .dl-text-button:hover{color:var(--dl-accent)}.dormi-design .dl-text-button svg,.dormi-design .dl-button svg{transition:transform .2s}.dormi-design .dl-text-button:hover svg,.dormi-design .dl-button:hover svg{transform:translate(3px)}.dormi-design .dl-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.dormi-design .dl-header{z-index:70;background:color-mix(in srgb,var(--dl-bg) 96%,transparent);border-bottom:1px solid color-mix(in srgb,var(--dl-line) 60%,transparent);position:sticky;top:0}.dormi-design .dl-nav{justify-content:space-between;align-items:center;gap:22px;height:76px;display:flex}.dormi-design .dl-brand{color:var(--dl-ink)}.dormi-design .dl-brand span{font-family:var(--dl-display);font-size:28px;font-weight:600}.dormi-design .dl-nav-links{align-items:center;gap:24px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.dormi-design .dl-nav-links a{color:var(--dl-muted);padding:14px 0;display:block;position:relative}.dormi-design .dl-nav-links a:after{content:"";background:var(--dl-accent);transform-origin:0;height:1px;transition:transform .2s;position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}.dormi-design .dl-nav-links a:is(:hover,:focus-visible):after{transform:scaleX(1)}.dormi-design .dl-nav-actions{align-items:center;gap:14px;display:flex}.dormi-design .dl-nav-actions>button[aria-label=สลับธีมสว่าง\/มืด]{width:44px;height:44px;color:var(--dl-ink);border-color:var(--dl-line)}.dormi-design .dl-menu-toggle{border:1px solid var(--dl-line);width:44px;height:44px;color:var(--dl-ink);border-radius:8px;justify-content:center;align-items:center;display:none}.dormi-design .dl-nav-login{color:var(--dl-ink);border-color:var(--dl-line);box-shadow:none;background:0 0;gap:10px}.dormi-design .dl-nav-login:hover{background:color-mix(in srgb,var(--dl-ink) 6%,transparent)}.dormi-design .dl-nav-login:hover svg{transform:none}.dormi-design .dl-mobile-menu .dl-mobile-login{width:100%;color:var(--dl-ink);margin-bottom:10px;padding:14px 23px;display:flex}.dormi-design .dl-mobile-menu{border-top:1px solid var(--dl-line);padding:14px 24px 24px}.dormi-design .dl-mobile-menu[hidden]{display:none}.dormi-design .dl-mobile-menu ul{margin:0 0 18px;padding:0;list-style:none}.dormi-design .dl-mobile-menu a{color:var(--dl-ink);padding:12px 0;display:block}.dormi-design .dl-skip-link{z-index:220;background:var(--dl-paper);color:var(--dl-ink);padding:12px 18px;position:fixed;top:-100px;left:20px}.dormi-design .dl-skip-link:focus{top:12px}.dormi-design .dl-hero{isolation:isolate;background:linear-gradient(120deg,#fffcf5 5%,#f5e5d2 54%,#d3a77f 100%);height:calc(100svh - 76px);min-height:710px;max-height:970px;position:relative;overflow:hidden}.dark .dormi-design .dl-hero{background:linear-gradient(120deg,#211d19 5%,#302b25 65%,#5b4838)}.dormi-design .dl-hero:before,.dormi-design .dl-ribbons:before{content:"";pointer-events:none;z-index:0;background-image:var(--dl-ribbons);opacity:.8;background-size:100% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.dormi-design .dl-hero-image{border-radius:160px 24px 24px;position:absolute;inset:24px 24px 42px 40%;overflow:hidden;box-shadow:0 40px 85px -42px #754826a6}.dormi-design .dl-hero-image:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f8eddfed,#f8eddfb3 10%,#0000 38%);position:absolute;inset:0}.dark .dormi-design .dl-hero-image:after{background:linear-gradient(90deg,#211d19e8,#0000 42%)}.dormi-design .dl-hero-content{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;height:100%;padding-block:60px 52px;display:flex;position:relative}.dormi-design .dl-hero-content a,.dormi-design .dl-hero-content button{pointer-events:auto}.dormi-design .dl-hero-title{letter-spacing:-.035em;max-width:750px;margin:0 0 28px;font-size:clamp(48px,5.1vw,78px);line-height:1.18}.dormi-design .dl-hero-title>span{display:block}.dormi-design .dl-hero-title>span+span{color:var(--dl-accent)}.dormi-design .dl-hero-intro{max-width:520px;color:var(--dl-muted);margin:8px 0 30px;font-size:18px}.dormi-design .dl-hero-terms{max-width:440px;color:var(--dl-muted);margin:17px 0 0;font-size:12px}.dormi-design .dl-demo-link{color:var(--dl-accent);align-self:flex-start;align-items:center;gap:12px;min-height:44px;padding:12px 0;font-size:13px;display:inline-flex}.dormi-design .dl-film{background:var(--dl-soft);width:100%;height:100%;min-height:200px;position:relative}.dormi-design .dl-film-poster,.dormi-design .dl-film-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dormi-design .dl-film-video{opacity:0;transition:opacity .45s}.dormi-design .dl-film-ready .dl-film-video{opacity:1}.dormi-design .dl-statement{isolation:isolate;text-align:center;padding:120px 0 80px;position:relative}.dormi-design .dl-statement p{z-index:1;font-family:var(--dl-display);letter-spacing:-.03em;margin:0;font-size:clamp(30px,4.1vw,60px);line-height:1.4;position:relative}.dormi-design .dl-statement-word{display:inline-block}.dormi-design .dl-statement strong{color:var(--dl-accent);font-weight:600}.dormi-design .dl-split-title{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;display:flex}.dormi-design :is(.dl-split-title,.dl-preparation,.dl-closing-copy,.dl-threshold-copy) h2{margin:0;font-size:clamp(36px,4.6vw,66px);line-height:1.25}.dormi-design :is(.dl-split-title,.dl-preparation,.dl-closing-copy) h2 span{color:var(--dl-accent)}.dormi-design .dl-split-title p{color:var(--dl-muted);margin:0}.dormi-design .dl-flow{padding-block:80px 32px}.dormi-design .dl-flow-panels{color:#fff8ed;background:#493a30;border-radius:22px;gap:0;display:flex;overflow:hidden}.dormi-design .dl-flow-panel{border-right:1px solid #ffffff20;flex:1;min-width:0;min-height:420px;transition:flex .6s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.dormi-design .dl-flow-panel:last-child{border-right:0}.dormi-design .dl-flow-panel.is-active{background:linear-gradient(125deg,#956744,#694830 60%,#493527);flex:2.1}.dormi-design .dl-flow-panel:nth-child(2).is-active{background:linear-gradient(125deg,#ac7c57,#7d5036 58%,#64402b)}.dormi-design .dl-flow-panel:nth-child(3).is-active{background:linear-gradient(125deg,#987344,#795532 64%,#563e2c)}.dormi-design .dl-flow-toggle{width:100%;font-family:var(--dl-display);text-align:left;min-height:76px;color:inherit;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;font-size:18px;display:flex;position:relative}.dormi-design .dl-flow-panel:not(.is-active) .dl-flow-toggle{align-items:flex-start;position:static}.dormi-design .dl-flow-panel:not(.is-active) .dl-flow-toggle:after{content:"";position:absolute;inset:0}.dormi-design .dl-flow-preview{pointer-events:none;color:#f2d1aa;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:100px 28px 32px}.dormi-design .dl-flow-preview-symbols{align-items:center;gap:18px;padding-block:24px;display:flex;position:relative}.dormi-design .dl-flow-preview-symbols:before{content:"";background:#f2d1aa26;height:1px;position:absolute;top:50%;left:0;right:0}.dormi-design .dl-flow-preview-symbols>svg{background:#493a30;flex-shrink:0;position:relative}.dormi-design .dl-flow-preview-symbols>svg:last-child{margin-left:auto}.dormi-design .dl-flow-preview h3{color:#fff3df;margin:0;font-size:clamp(21px,2vw,29px);line-height:1.4}.dormi-design .dl-flow-toggle:focus-visible,.dormi-design .dl-flow-copy a:focus-visible{outline-offset:-6px;outline-color:#fff1cf}.dormi-design .dl-flow-detail{padding:0 28px 30px}.dormi-design .dl-flow-detail[hidden]{display:none}.dormi-design .dl-flow-copy h3{margin:8px 0 16px;font-size:30px;line-height:1.35}.dormi-design .dl-flow-copy p{color:#ffedda;max-width:48ch;font-size:14px}.dormi-design .dl-flow-copy .dl-text-button{color:#fff8ed}.dormi-design .dl-flow-diagram{justify-content:space-between;gap:30px;padding:24px 0 4px;display:flex}.dormi-design .dl-flow-node{color:#ffe5ba;flex-direction:column;flex:1;align-items:center;gap:10px;display:flex;position:relative}.dormi-design .dl-flow-node span{color:#ffedda;font-size:12px}.dormi-design .dl-node-arrow{position:absolute;top:10px;right:-25px}.dormi-design .dl-threshold{background:var(--dl-soft);border-radius:24px;height:min(760px,85vh);min-height:540px;margin:40px 24px 60px;position:relative;overflow:hidden}.dormi-design .dl-threshold-copy{background:color-mix(in srgb,var(--dl-paper) 94%,transparent);width:47%;color:var(--dl-ink);border-radius:16px;padding:34px 36px;position:absolute;inset:auto 7% 10% auto}.dormi-design .dl-threshold-copy p{color:var(--dl-muted);margin:20px 0;font-size:18px}.dormi-design .dl-threshold-copy small{color:var(--dl-muted);font-size:11px}.dormi-design .dl-preparation{grid-template-columns:1fr 1fr;gap:80px;padding-block:80px 100px;display:grid}.dormi-design .dl-preparation>div>p{color:var(--dl-muted);margin-top:24px}.dormi-design .dl-preparation-list{position:relative}.dormi-design .dl-preparation ol{width:min(100%,400px);margin:0;padding:0;list-style:none}.dormi-design .dl-preparation-pattern{pointer-events:none;z-index:-1;width:600px;height:100%;position:absolute;top:0;left:min(100%,400px);overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70px),linear-gradient(#0000,#000 22% 72%,#0000);mask-image:linear-gradient(90deg,#0000,#000 70px),linear-gradient(#0000,#000 22% 72%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.dormi-design .dl-preparation-pattern:before{content:"";aspect-ratio:11/7;background-image:var(--dl-ribbons);background-size:100% 100%;width:880px;position:absolute;top:-80px;left:-430px;-webkit-mask-image:linear-gradient(#0000,#000 18% 72%,#0000);mask-image:linear-gradient(#0000,#000 18% 72%,#0000)}.dormi-design .dl-preparation li{border-bottom:1px solid var(--dl-line);gap:24px;padding:24px 0;display:flex}.dormi-design .dl-preparation li>span{color:var(--dl-accent);font-family:var(--dl-display);font-size:21px}.dormi-design .dl-preparation h3{margin:0 0 8px;font-size:21px}.dormi-design .dl-preparation li p{color:var(--dl-muted);margin:0;font-size:14px}.dormi-design .dl-closing{isolation:isolate;background:var(--dl-bg);min-height:650px;position:relative;overflow:hidden}.dormi-design .dl-closing-film{border-radius:24px 120px 24px 24px;position:absolute;inset:30px 45% 30px 24px;overflow:hidden}.dormi-design .dl-closing-copy{margin-inline:auto;padding:100px 0 100px 52%;position:relative}.dormi-design .dl-closing-copy>p{color:var(--dl-muted);max-width:48ch;margin:24px 0 32px;font-size:16px}.dormi-design .dl-contact-links{color:var(--dl-muted);flex-wrap:wrap;gap:18px;margin:26px 0;font-size:13px;display:flex}.dormi-design .dl-contact-links a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.dormi-design .dl-closing-copy small{color:var(--dl-muted);font-size:11px}.dormi-design .dl-hero:before{aspect-ratio:11/7;width:1100px;height:auto;inset:auto -220px -130px auto}.dormi-design :is(.dl-property,.dl-workflow,.dl-overview,.dl-preparation,.dl-about,.dl-faq){isolation:isolate;clip-path:inset(0 -100vw);position:relative}.dormi-design :is(.dl-overview,.dl-about,.dl-faq){overflow:clip}.dormi-design .dl-hero:after,.dormi-design :is(.dl-property,.dl-workflow,.dl-overview):before{content:"";width:var(--dl-pattern-width,960px);aspect-ratio:11/7;z-index:-1;pointer-events:none;background-image:var(--dl-ribbons);opacity:1;background-repeat:no-repeat;background-size:100% 100%;height:auto;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000),linear-gradient(#0000,#000 18% 76%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000),linear-gradient(#0000,#000 18% 76%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.dormi-design .dl-hero:after{--dl-pattern-width:1100px;top:-160px;left:calc(50% - 1120px);transform:rotate(180deg)}.dormi-design :is(.dl-property,.dl-workflow):before{top:-35px;right:-220px}.dormi-design .dl-overview:before{--dl-pattern-width:1100px;top:-130px;left:calc(50% - 1180px);transform:rotate(180deg)}@media (max-width:800px){.dormi-design .dl-hero:before{width:680px;bottom:-40px;right:-270px}.dormi-design .dl-hero:after,.dormi-design :is(.dl-property,.dl-workflow,.dl-overview):before{--dl-pattern-width:680px;opacity:.65}.dormi-design .dl-hero:after{top:-100px;left:-330px}.dormi-design :is(.dl-property,.dl-workflow):before{top:-70px;right:-270px}.dormi-design .dl-overview:before{top:-70px;left:-320px}}.dormi-design [role=dialog]>div:last-child{background:var(--dl-paper);color:var(--dl-ink)}.dormi-design [role=dialog] .font-display{font-family:var(--dl-display)}.dormi-design [role=dialog] input,.dormi-design [role=dialog] select{background:var(--dl-bg);color:var(--dl-ink);border-color:var(--dl-line)}.dormi-design [role=dialog] .btn-primary{background:var(--dl-accent);color:var(--dl-accent-ink);border-radius:8px}.dark .dormi-design [role=dialog] a{color:#8edcc0}@media (min-width:1100px){.dormi-design .dl-mobile-menu{display:none}}@media (max-width:1099px){.dormi-design .dl-nav-links{display:none}.dormi-design .dl-menu-toggle{display:flex}.dormi-design .dl-wrap{width:calc(100% - 64px)}.dormi-design .dl-hero-image{inset:24px 20px 40px 34%}.dormi-design .dl-hero-title{font-size:clamp(48px,6vw,66px)}.dormi-design .dl-hero-image:after{background:linear-gradient(90deg,#f8eddfef,#0000 70%)}.dark .dormi-design .dl-hero-image:after{background:linear-gradient(90deg,#211d19ee,#0000 80%)}.dormi-design .dl-flow-toggle{padding:20px;font-size:18px}.dormi-design .dl-flow-detail{padding-inline:20px}.dormi-design .dl-closing-copy{padding-left:50%}.dormi-design .dl-closing-copy .dl-actions{gap:12px}.dormi-design .dl-preparation{gap:36px}}@media (max-width:800px){.dormi-design .dl-wrap{width:calc(100% - 40px)}.dormi-design .dl-nav{gap:12px;height:70px}.dormi-design .dl-brand span{font-size:25px}.dormi-design .dl-nav-actions{gap:8px}.dormi-design .dl-nav-cta,.dormi-design .dl-nav-actions .dl-nav-login{display:none}.dormi-design .dl-hero{flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:20px;display:flex}.dormi-design .dl-hero-content{pointer-events:auto;order:0;height:auto;padding:44px 0 22px}.dormi-design .dl-hero-title{max-width:640px;margin-bottom:22px;font-size:clamp(37px,7.9vw,61px);line-height:1.2}.dormi-design .dl-hero-intro{margin:0 0 24px;font-size:16px}.dormi-design .dl-hero-content .dl-actions{gap:8px 20px}.dormi-design .dl-hero-content .dl-button{gap:12px;min-height:50px;padding:12px 16px}.dormi-design .dl-hero-content .dl-text-button{gap:10px;font-size:14px}.dormi-design .dl-hero-image{border-radius:70px 18px 18px;order:1;height:370px;margin:0 20px;position:relative;inset:auto;box-shadow:0 22px 44px -30px #75482680}.dormi-design .dl-hero-image:after{display:none}.dormi-design .dl-hero-terms{margin-top:12px;font-size:11px}.dormi-design .dl-statement{padding:72px 0 50px}.dormi-design .dl-statement p{font-size:clamp(25px,5vw,38px)}.dormi-design .dl-split-title{margin-bottom:26px;display:block}.dormi-design .dl-split-title p{margin-top:16px}.dormi-design .dl-flow{padding-top:60px}.dormi-design .dl-flow-panels{display:block}.dormi-design .dl-flow-panel{border-bottom:1px solid #ffffff20;border-right:0;min-height:0}.dormi-design .dl-flow-panel:last-child{border-bottom:0}.dormi-design .dl-flow-panel:not(.is-active) .dl-flow-toggle{align-items:center;height:auto}.dormi-design .dl-flow-preview{flex-direction:row-reverse;align-items:center;gap:16px;padding:0 20px 24px;display:flex;position:relative;inset:auto}.dormi-design .dl-flow-preview-symbols{padding:0}.dormi-design .dl-flow-preview-symbols:before,.dormi-design .dl-flow-preview-symbols>svg:not(:last-child){display:none}.dormi-design .dl-flow-preview-symbols>svg:last-child{width:54px;height:54px}.dormi-design .dl-flow-preview h3{font-size:22px}.dormi-design .dl-flow-toggle{min-height:74px;font-size:20px}.dormi-design .dl-flow-copy h3{font-size:30px}.dormi-design .dl-flow-diagram{padding:16px 0}.dormi-design .dl-threshold{height:660px;min-height:0;margin:36px 20px}.dormi-design .dl-threshold-copy{width:auto;padding:25px;inset:auto 16px 70px}.dormi-design .dl-threshold-copy h2{font-size:36px}.dormi-design .dl-threshold-copy p{font-size:16px}.dormi-design .dl-threshold .dl-film-poster,.dormi-design .dl-threshold .dl-film-video{object-position:35% center}.dormi-design .dl-preparation{grid-template-columns:1fr;gap:16px;padding-block:56px}.dormi-design .dl-preparation h2{font-size:38px}.dormi-design .dl-closing{flex-direction:column;display:flex}.dormi-design .dl-closing-film{border-radius:18px 80px 18px 18px;height:350px;margin:28px 20px 0;position:relative;inset:auto}.dormi-design .dl-closing-copy{padding:40px 0 60px}.dormi-design .dl-closing-copy h2{font-size:40px}.dormi-design .dl-contact-links{gap:4px 20px}}@media (prefers-reduced-motion:reduce){.dormi-design *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.dormi-design .dl-film-video{display:none}.dormi-design .dl-statement-word{opacity:1!important;transform:none!important}}