#yunqi-b-design{--yq-paper:#F5F5F2;--yq-line:#D8DAD5;--yq-ink:#292D2D;--yq-silver:#A7AAA8;--yq-soft:#E5E5E0;--yq-brown:#65564A;background:var(--yq-paper);color:var(--yq-ink);font:14px/1.65 Arial,"Noto Sans Thai","Noto Sans CJK SC",Tahoma,sans-serif;isolation:isolate;overflow-wrap:break-word}
#yunqi-b-design *{box-sizing:border-box}#yunqi-b-design [hidden]{display:none!important}#yunqi-b-design button,#yunqi-b-design input,#yunqi-b-design select,#yunqi-b-design textarea{font:inherit}#yunqi-b-design button{cursor:inherit;color:inherit}#yunqi-b-design button:disabled{opacity:.55}#yunqi-b-design h1,#yunqi-b-design h2,#yunqi-b-design h3,#yunqi-b-design p{margin:0}#yunqi-b-design h1,#yunqi-b-design h2,#yunqi-b-design h3{font-weight:400;letter-spacing:-.035em}#yunqi-b-design h1{font-size:clamp(36px,5.4vw,68px);line-height:1.07}#yunqi-b-design h2{font-size:clamp(29px,3.8vw,43px);line-height:1.15}#yunqi-b-design h3{font-size:21px;line-height:1.3}#yunqi-b-design button{border:0;background:none}#yunqi-b-design img{display:block;width:100%;height:100%;object-fit:cover}#yunqi-b-design .yq-wrap{padding:0 5%}#yunqi-b-design .yq-header{padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--yq-line);background:var(--yq-paper)}#yunqi-b-design .yq-brand{text-align:left;padding:0;line-height:1.2;white-space:nowrap}#yunqi-b-design .yq-brand strong{font-size:20px;letter-spacing:.16em;font-weight:500}#yunqi-b-design .yq-brand span{display:block;font-size:10px;letter-spacing:.26em;margin-top:7px}#yunqi-b-design .yq-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}#yunqi-b-design .yq-nav button{padding:7px 0;font-size:12px;white-space:nowrap;border-bottom:1px solid transparent}#yunqi-b-design .yq-nav button[aria-current="page"]{border-color:var(--yq-ink)}#yunqi-b-design .yq-tools{display:flex;gap:14px;align-items:center;font-size:12px;white-space:nowrap}#yunqi-b-design .yq-list-count{font-variant-numeric:tabular-nums}#yunqi-b-design .yq-menu{display:none}#yunqi-b-design .yq-eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;line-height:1.5}#yunqi-b-design .yq-muted{color:#626862}#yunqi-b-design .yq-link{padding:0 0 8px!important;border-bottom:1px solid var(--yq-ink)!important;text-align:left;font-size:12px;display:inline-flex;gap:30px;align-items:center}#yunqi-b-design .yq-solid{padding:13px 22px!important;background:var(--yq-ink)!important;color:var(--yq-paper)!important;display:inline-flex;gap:28px;align-items:center;text-align:center;justify-content:center;font-size:12px;letter-spacing:.02em}#yunqi-b-design .yq-outline{padding:12px 21px!important;border:1px solid var(--yq-line)!important;display:inline-flex;gap:22px;align-items:center;font-size:12px}#yunqi-b-design .yq-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:26px}#yunqi-b-design .yq-hero{position:relative;min-height:535px;display:flex;align-items:center;background:#65665E;color:#fff;overflow:hidden}#yunqi-b-design .yq-hero>img{position:absolute;inset:0;object-position:50% 54%}#yunqi-b-design .yq-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,22,20,.75),rgba(21,27,23,.26) 70%,rgba(22,26,23,.08))}#yunqi-b-design .yq-hero-copy{position:relative;z-index:1;width:70%;padding:68px 5%;}#yunqi-b-design .yq-hero h1{margin:20px 0 23px;max-width:700px}#yunqi-b-design .yq-hero p{max-width:390px;font-size:13px;color:#EEEFE8}#yunqi-b-design .yq-hero .yq-solid{background:var(--yq-paper)!important;color:var(--yq-ink)!important}#yunqi-b-design .yq-hero .yq-link{border-color:#fff!important;color:#fff}#yunqi-b-design .yq-caption{position:absolute;z-index:1;bottom:22px;right:5%;font-size:10px;letter-spacing:.07em;color:#F0F0E8}#yunqi-b-design .yq-intro{display:grid;grid-template-columns:1fr 1.35fr;gap:10%;padding:36px 5%;border-bottom:1px solid var(--yq-line);align-items:center}#yunqi-b-design .yq-intro h3{font-size:22px}#yunqi-b-design .yq-intro p{font-size:13px;max-width:540px}#yunqi-b-design .yq-section{padding:65px 5%}#yunqi-b-design .yq-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}#yunqi-b-design .yq-section-head .yq-eyebrow{margin-bottom:13px}#yunqi-b-design .yq-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#yunqi-b-design .yq-tile{padding:0;text-align:left;display:block;width:100%}#yunqi-b-design .yq-tile-visual{height:265px;position:relative;background:var(--yq-soft);overflow:hidden}#yunqi-b-design .yq-tile-visual.yq-door{background:#D4D5CD;display:flex;justify-content:center;align-items:center;padding:28px}#yunqi-b-design .yq-tile-visual.yq-door img{width:auto;max-width:100%;height:100%;object-fit:contain}#yunqi-b-design .yq-tile-text{display:flex;justify-content:space-between;gap:16px;margin-top:16px;align-items:center}#yunqi-b-design .yq-tile-text small{display:block;margin-top:6px;color:#626862;font-size:11px}#yunqi-b-design .yq-tile-text h3{font-size:19px}#yunqi-b-design .yq-index{font-size:10px;letter-spacing:.1em;color:#626862}#yunqi-b-design .yq-materials{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--yq-soft);align-items:stretch}#yunqi-b-design .yq-material-copy{padding:55px 11.5%}#yunqi-b-design .yq-material-copy h2{margin:20px 0}#yunqi-b-design .yq-material-copy p{font-size:13px}#yunqi-b-design .yq-textures{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--yq-paper);min-height:380px}#yunqi-b-design .yq-textures button{position:relative;padding:0;min-height:180px;overflow:hidden}#yunqi-b-design .yq-textures span{position:absolute;bottom:12px;left:14px;background:var(--yq-paper);padding:4px 9px;font-size:10px}#yunqi-b-design .yq-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:35px}#yunqi-b-design .yq-process>div{border-top:1px solid var(--yq-silver);padding-top:16px}#yunqi-b-design .yq-process h3{font-size:16px;margin:15px 0 9px}#yunqi-b-design .yq-process p{font-size:12px;color:#626862}#yunqi-b-design .yq-inspiration{position:relative;min-height:360px;color:white;background:#62675D;display:flex;align-items:end;overflow:hidden}#yunqi-b-design .yq-inspiration img{position:absolute;inset:0;object-position:50% 48%}#yunqi-b-design .yq-inspiration:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141A16BB,transparent 80%)}#yunqi-b-design .yq-inspiration>div{position:relative;z-index:1;padding:38px 5%;width:100%;display:flex;align-items:end;justify-content:space-between;gap:25px}#yunqi-b-design .yq-inspiration .yq-link{color:#fff;border-color:#fff!important}#yunqi-b-design .yq-inspiration h2{font-size:37px;margin-top:14px}#yunqi-b-design .yq-project-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:53px 5%;border-bottom:1px solid var(--yq-line)}#yunqi-b-design .yq-project-cta h2{font-size:35px}#yunqi-b-design .yq-footer{padding:38px 5% 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;font-size:11px}#yunqi-b-design .yq-footer strong{font-weight:500;font-size:14px;letter-spacing:.14em}#yunqi-b-design .yq-footer p{color:#626862;margin:12px 0}#yunqi-b-design .yq-footer button{display:block;padding:4px 0;font-size:11px}#yunqi-b-design .yq-footnote{padding:18px 5%;border-top:1px solid var(--yq-line);font-size:10px;color:#626862;display:flex;justify-content:space-between;gap:20px}#yunqi-b-design .yq-page-head{padding:52px 5% 34px;border-bottom:1px solid var(--yq-line)}#yunqi-b-design .yq-page-head h1{font-size:50px;margin:20px 0}#yunqi-b-design .yq-page-head p{max-width:640px;font-size:13px}#yunqi-b-design .yq-filter{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--yq-line);flex-wrap:wrap}#yunqi-b-design .yq-filter-group{display:flex;gap:22px;flex-wrap:wrap}#yunqi-b-design .yq-filter button{padding:8px 0;border-bottom:1px solid transparent;font-size:12px}#yunqi-b-design .yq-filter button[aria-pressed="true"]{border-color:var(--yq-ink)}#yunqi-b-design .yq-products{padding:35px 5% 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}#yunqi-b-design .yq-product img{max-height:270px}#yunqi-b-design .yq-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:40px 5% 60px}#yunqi-b-design .yq-detail-photo{min-height:470px;background:#D0D1CA;padding:45px;display:flex;justify-content:center;align-items:center}#yunqi-b-design .yq-detail-photo img{height:390px;width:auto;max-width:100%;object-fit:contain}#yunqi-b-design .yq-detail-copy{padding-top:20px}#yunqi-b-design .yq-detail-copy h1{font-size:42px;margin:18px 0 20px}#yunqi-b-design .yq-detail-copy p{font-size:13px}#yunqi-b-design .yq-spec{margin:25px 0 0}#yunqi-b-design .yq-spec>div{padding:12px 0;display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid var(--yq-line);font-size:12px}#yunqi-b-design .yq-spec dd{margin:0;text-align:right}#yunqi-b-design .yq-selected-swatches{display:flex;gap:9px;margin:24px 0}#yunqi-b-design .yq-selected-swatches span{height:26px;width:26px;display:block;border:1px solid #888C85}#yunqi-b-design .yq-text-note{font-size:11px!important;color:#626862;margin-top:18px!important}#yunqi-b-design .yq-finish-layout{padding:34px 5% 60px;display:grid;grid-template-columns:.85fr 1.15fr;gap:6%}#yunqi-b-design .yq-finish-focus{position:relative;background:var(--yq-soft);min-height:340px}#yunqi-b-design .yq-finish-focus>img{height:340px}#yunqi-b-design .yq-finish-focus>div{padding:23px}#yunqi-b-design .yq-finish-focus h3{margin:10px 0}#yunqi-b-design .yq-finish-focus p{font-size:12px;color:#626862}#yunqi-b-design .yq-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px;align-content:start}#yunqi-b-design .yq-swatch{padding:0;text-align:left}#yunqi-b-design .yq-swatch img{height:105px;border:1px solid transparent}#yunqi-b-design .yq-swatch[aria-pressed="true"] img{outline:1px solid var(--yq-ink);outline-offset:4px}#yunqi-b-design .yq-swatch b{font-size:12px;font-weight:400;display:block;margin-top:10px}#yunqi-b-design .yq-swatch small{font-size:10px;color:#626862}#yunqi-b-design .yq-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:45px 5% 60px;align-items:center}#yunqi-b-design .yq-story-image{height:400px}#yunqi-b-design .yq-story h2{margin:18px 0 24px}#yunqi-b-design .yq-story p{margin-top:15px;font-size:13px}#yunqi-b-design .yq-catalog-list{padding:0 5% 55px}#yunqi-b-design .yq-catalog-row{display:grid;grid-template-columns:55px 1fr auto;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid var(--yq-line)}#yunqi-b-design .yq-catalog-row h3{font-size:21px}#yunqi-b-design .yq-catalog-row p{font-size:12px;color:#626862;margin-top:5px}#yunqi-b-design .yq-catalog-row a{color:inherit;text-decoration:none;border-bottom:1px solid var(--yq-ink);font-size:12px;white-space:nowrap}#yunqi-b-design .yq-enquiry{padding:40px 5% 60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%}#yunqi-b-design .yq-enquiry-summary{background:var(--yq-soft);padding:25px;align-self:start}#yunqi-b-design .yq-enquiry-summary h3{font-size:22px;margin-bottom:17px}#yunqi-b-design .yq-enquiry-summary p{font-size:12px;margin:16px 0;color:#626862}#yunqi-b-design .yq-list-item{border-top:1px solid #C7CBC3;padding:15px 0;display:flex;gap:16px;align-items:center}#yunqi-b-design .yq-list-item img{height:80px;width:60px;object-fit:contain;background:#CFD1C8}#yunqi-b-design .yq-list-item strong{font-size:12px;font-weight:400}#yunqi-b-design .yq-list-item button{font-size:11px;border-bottom:1px solid;padding:0;margin-top:8px}#yunqi-b-design .yq-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}#yunqi-b-design label{display:flex;flex-direction:column;font-size:12px;gap:7px}#yunqi-b-design input,#yunqi-b-design select,#yunqi-b-design textarea{border:1px solid #C7CAC2;border-radius:0;padding:12px;background:var(--yq-paper);color:var(--yq-ink);width:100%;min-width:0;box-shadow:none}#yunqi-b-design textarea{resize:vertical;min-height:108px}#yunqi-b-design .yq-full{grid-column:1/-1}#yunqi-b-design .yq-consent{display:flex;flex-direction:row;align-items:start;font-size:11px;margin:23px 0;gap:9px}#yunqi-b-design .yq-consent input{width:14px;height:14px;margin-top:3px;accent-color:var(--yq-ink)}#yunqi-b-design .yq-response{font-size:12px;margin-top:20px}#yunqi-b-design .yq-prototype-label{padding:9px 5%;background:#E8E9E3;color:#535B52;font-size:10px;letter-spacing:.03em;display:flex;justify-content:space-between;gap:15px}#yunqi-b-design .yq-empty{padding:15px 0;font-size:12px}#yunqi-b-design .yq-privacy{padding:45px 5%;max-width:800px}#yunqi-b-design .yq-privacy h2{margin:20px 0}#yunqi-b-design .yq-privacy p{margin:15px 0;font-size:13px}
@media(min-width:1250px){#yunqi-b-design .yq-hero{min-height:610px}}
@media(max-width:900px){#yunqi-b-design .yq-header{gap:14px}#yunqi-b-design .yq-nav{gap:13px}#yunqi-b-design .yq-brand strong{font-size:17px}#yunqi-b-design .yq-tools{gap:9px}#yunqi-b-design .yq-tile-visual{height:220px}#yunqi-b-design .yq-hero{min-height:510px}#yunqi-b-design .yq-hero-copy{width:83%}#yunqi-b-design .yq-textures{min-height:340px}}
@media(max-width:700px){#yunqi-b-design .yq-header{padding:21px 5%;flex-wrap:wrap}#yunqi-b-design .yq-nav{display:none;order:3;width:100%;padding-top:14px;gap:12px 22px}#yunqi-b-design .yq-nav.yq-open{display:flex}#yunqi-b-design .yq-menu{display:block}#yunqi-b-design .yq-tools{margin-left:auto;gap:15px}#yunqi-b-design .yq-header .yq-list-label{display:none}#yunqi-b-design .yq-hero{min-height:510px;align-items:center}#yunqi-b-design .yq-hero-copy{width:100%;padding:62px 6% 85px}#yunqi-b-design .yq-hero h1{font-size:45px;max-width:390px}#yunqi-b-design .yq-hero p{max-width:280px}#yunqi-b-design .yq-hero>img{object-position:62% 50%}#yunqi-b-design .yq-hero:after{background:linear-gradient(90deg,#152019BF,#15201938)}#yunqi-b-design .yq-caption{font-size:9px;left:6%;right:auto;bottom:20px}#yunqi-b-design .yq-intro{grid-template-columns:1fr;gap:15px;padding:30px 6%}#yunqi-b-design .yq-section{padding:42px 6%}#yunqi-b-design .yq-section-head{align-items:start;flex-direction:column;gap:22px}#yunqi-b-design .yq-grid3{grid-template-columns:1fr;gap:30px}#yunqi-b-design .yq-tile-visual{height:300px}#yunqi-b-design .yq-materials{grid-template-columns:1fr}#yunqi-b-design .yq-material-copy{padding:40px 6%}#yunqi-b-design .yq-textures{min-height:300px}#yunqi-b-design .yq-textures button{min-height:150px}#yunqi-b-design .yq-process{grid-template-columns:1fr 1fr;gap:25px 20px}#yunqi-b-design .yq-inspiration{min-height:340px}#yunqi-b-design .yq-inspiration>div{padding:30px 6%;flex-direction:column;align-items:start}#yunqi-b-design .yq-inspiration h2{font-size:30px}#yunqi-b-design .yq-project-cta{align-items:start;flex-direction:column;padding:40px 6%}#yunqi-b-design .yq-project-cta h2{font-size:31px}#yunqi-b-design .yq-footer{grid-template-columns:1fr 1fr;padding:30px 6%;gap:20px}#yunqi-b-design .yq-footer>div:first-child{grid-column:1/-1}#yunqi-b-design .yq-footnote{flex-direction:column;gap:7px;padding:15px 6%}#yunqi-b-design .yq-page-head{padding:37px 6% 30px}#yunqi-b-design .yq-page-head h1{font-size:39px}#yunqi-b-design .yq-filter{padding:14px 6%;gap:8px}#yunqi-b-design .yq-filter-group{gap:15px}#yunqi-b-design .yq-products{grid-template-columns:1fr 1fr;gap:26px 15px;padding:27px 6% 40px}#yunqi-b-design .yq-products .yq-tile-visual{height:200px;padding:18px}#yunqi-b-design .yq-products h3{font-size:16px}#yunqi-b-design .yq-detail{grid-template-columns:1fr;gap:20px;padding:25px 6% 40px}#yunqi-b-design .yq-detail-photo{min-height:345px;padding:28px}#yunqi-b-design .yq-detail-photo img{height:300px}#yunqi-b-design .yq-detail-copy h1{font-size:37px}#yunqi-b-design .yq-detail-copy{padding-top:10px}#yunqi-b-design .yq-finish-layout{grid-template-columns:1fr;padding:25px 6% 40px;gap:30px}#yunqi-b-design .yq-finish-focus>img{height:270px}#yunqi-b-design .yq-swatch img{height:88px}#yunqi-b-design .yq-story{grid-template-columns:1fr;padding:30px 6% 40px;gap:25px}#yunqi-b-design .yq-story-image{height:320px}#yunqi-b-design .yq-catalog-list{padding:0 6% 40px}#yunqi-b-design .yq-catalog-row{grid-template-columns:25px 1fr;gap:15px}#yunqi-b-design .yq-catalog-row h3{font-size:20px}#yunqi-b-design .yq-catalog-row a{grid-column:2;justify-self:start}#yunqi-b-design .yq-enquiry{grid-template-columns:1fr;padding:28px 6% 40px;gap:28px}#yunqi-b-design .yq-form-grid{grid-template-columns:1fr}#yunqi-b-design .yq-prototype-label{font-size:9px;padding:8px 6%;flex-wrap:wrap;gap:5px}}
@media(max-width:700px){#yunqi-b-design input,#yunqi-b-design select,#yunqi-b-design textarea{font-size:16px}#yunqi-b-design .yq-nav button,#yunqi-b-design .yq-tools button{min-height:44px}#yunqi-b-design .yq-tools button{min-width:28px}}
@media(prefers-reduced-motion:no-preference){#yunqi-b-design button img{transition:transform .25s}#yunqi-b-design .yq-tile:hover img{transform:scale(1.025)}}
#yunqi-b-design[lang="th"] .yq-eyebrow,#yunqi-b-design[lang="th"] .yq-index{letter-spacing:0;text-transform:none}#yunqi-b-design[lang="th"] h1,#yunqi-b-design[lang="th"] h2,#yunqi-b-design[lang="th"] h3{letter-spacing:0;line-height:1.35}#yunqi-b-design .yq-tools select{width:auto;max-width:90px;padding:6px 4px;border:0;background:transparent;font-size:12px}#yunqi-b-design[lang="th"] .yq-nav{gap:14px}#yunqi-b-design[lang="th"] .yq-hero-copy{width:85%}