@font-face{font-family:PlexThai;src:url("fonts/IBMPlexSansThai-Regular.woff2") format("woff2"),url("fonts/IBMPlexSansThai-Regular.ttf") format("truetype");font-weight:100 500;font-display:swap}@font-face{font-family:PlexThai;src:url("fonts/IBMPlexSansThai-SemiBold.woff2") format("woff2"),url("fonts/IBMPlexSansThai-SemiBold.ttf") format("truetype");font-weight:550 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:#fbf5f1;color:#38282a;font:16px/1.65 PlexThai,"Leelawadee UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7f5837;outline-offset:4px}.skip{position:fixed;left:8px;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:0}.wrap{max-width:1440px;width:89%;margin-inline:auto}.eyebrow,.index,.folioTop,.folioFoot,.printcap,.smallcaps,.result,.priceLabel{font:600 10px/1.45 Arial,sans-serif;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:12px;color:#7f5837}.line{height:1px;width:31px;background:currentColor;display:inline-block}.index{color:#87676b;font-size:9px}.icon{width:1.25em;height:1.25em;display:inline-block;flex:none;vertical-align:middle}.button,.iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent}.button{background:#462c2f;color:#fff;border-radius:6px;padding:11px 21px;font-weight:600;font-size:15px;transition:background .18s,transform .18s}.button:hover{background:#643a40}.outline{border-color:#aa9485;background:transparent;color:#462c2f}.outline:hover{background:#f3e5dc}.iconbtn{background:transparent;width:42px;height:42px;border-radius:50%;font-size:28px}.center{text-align:center}.menu,.mobilebar{display:none}header{position:sticky;top:0;background:#fcf7f3f7;border-bottom:1px solid #e6d5c9;z-index:5}.nav{height:80px;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:13px;align-items:center;font:600 24px/.96 Georgia,serif;letter-spacing:1.8px;white-space:nowrap}.brand small{font:600 8px/1 Arial,sans-serif;letter-spacing:3.4px;display:block;margin-top:7px}.brandmark{width:40px;height:42px;border:1px solid #815158;display:grid;place-items:center;position:relative;font:italic 32px/1 Georgia;color:#6a343b;padding-right:9px}.brandmark span{position:absolute;left:17px;top:13px;font-size:23px}.nav nav{margin-left:auto;display:flex;gap:clamp(16px,2.1vw,38px);font-size:14px}.nav nav a:hover,.quotelink:hover,.finalQuote:hover{text-decoration:underline;text-underline-offset:5px}.headcta{font-size:14px;padding:9px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4.4%;align-items:center;padding-block:44px 39px}.heroCopy{padding-block:10px}.hero h1{font-size:clamp(40px,4.18vw,70px);line-height:1.27;letter-spacing:-.052em;font-weight:650;margin:22px 0 17px}.accent{color:#88613e}.heroaccent{position:relative;white-space:nowrap;display:inline-block}.heroaccent:after{content:"";position:absolute;bottom:-4px;left:1%;width:98%;height:5px;border-top:2px solid #b58051;border-radius:50%;transform:rotate(-2deg)}.lead,.section p{color:#685154}.lead{margin:0;line-height:1.85}.heroprice{display:flex;align-items:baseline;gap:8px;font-size:14px;margin:19px 0 17px}.heroprice strong{font:500 39px/1 Georgia,serif;color:#452c2f;letter-spacing:-1.8px}.heroActions{display:flex;gap:10px}.quotelink{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px}.quotelink span{color:#7f5a3a}.folio{position:relative;isolation:isolate;aspect-ratio:1.32;overflow:hidden;border:1px solid #e2c8b6;border-radius:4px;background-color:#ebd7c6;background-image:linear-gradient(90deg,#9a505a13 1px,transparent 1px),linear-gradient(#9a505a13 1px,transparent 1px),radial-gradient(ellipse at 58% 42%,#f7ebe3 0%,transparent 65%);background-size:23px 23px,23px 23px,100% 100%}.folioTop,.folioFoot{display:flex;justify-content:space-between;align-items:center;position:absolute;left:5%;width:90%;font-size:8px;letter-spacing:1.8px;color:#66464a}.folioTop{top:4.6%}.folioTop b{display:inline-block;margin-right:6px;height:5px;width:5px;background:#7a5a3e;border-radius:50%;vertical-align:middle}.folioFoot{bottom:3%;font-size:7px}.folioFoot span:last-child{font-size:18px}.print{background:#fdfbf9;position:absolute;border:1px solid #e3c6b3;padding:1.7%;box-shadow:0 6px 14px #392a1d36;display:block;transition:transform .25s}.print img{display:block;width:100%;height:100%;object-fit:cover;background:#dcc1af}.backprint{left:7%;top:21%;width:42%;height:62%;transform:rotate(-12deg);padding-bottom:5%}.frontprint{right:8.5%;top:11%;height:77%;width:54%;transform:rotate(6deg);padding-bottom:8%}.frontprint:hover{transform:rotate(4deg) translateY(-2px)}.printcap{position:absolute;bottom:2%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font:italic 13px Georgia,serif;letter-spacing:0}.printcap span:last-child{font-size:12px}.roundseal{position:absolute;bottom:10%;left:24%;width:19%;transform:rotate(-14deg);color:#7e5734;pointer-events:none}.roundseal svg{display:block;overflow:visible}.roundseal circle{fill:#f1d9c4;stroke:currentColor;stroke-width:1.2}.roundseal text{fill:currentColor;font:bold 8.4px Arial, sans-serif;letter-spacing:1.4px}.roundseal .sealLa{font:italic 37px Georgia,serif;letter-spacing:-4px}.trust{background:#f6e9e1;border-block:1px solid #ead7cb}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px}.trustgrid>div{display:flex;align-items:center;gap:14px;padding-inline:clamp(12px,2vw,35px);border-left:1px solid #dac0ae}.trustgrid>div:first-child{padding-left:0;border:0}.trustgrid .icon{font-size:26px;color:#73553b;stroke-width:1.35}.trustgrid b,.trustgrid small{display:block}.trustgrid b{font-size:15px}.trustgrid small{font-size:12px;color:#78595d}.section{padding-block:65px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}h2{font-size:clamp(28px,2.65vw,44px);line-height:1.32;letter-spacing:-.04em;margin:12px 0 16px;font-weight:650}h3{font-size:21px;line-height:1.45;margin:6px 0}p{margin:0 0 18px}.sectionHead h2{margin-bottom:0}.sectionHead p{margin:12px 0 0}.occasions{display:grid;grid-template-columns:1.18fr 1.18fr .87fr .87fr;gap:16px}.occasion{border:1px solid #e6d5c9;border-radius:4px;overflow:hidden;text-align:left;background:#fefbfa;padding:0;position:relative}.catimg{height:clamp(155px,15vw,245px);overflow:hidden;background:#f1e0d4}.catimg img,.workthumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.occasion:hover img,.workthumb:hover img{transform:scale(1.045)}.catlabel{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:4px}.catlabel small,.worktop,.stepnum{display:block;font:600 9px/1.5 Arial,sans-serif;color:#805c3c;letter-spacing:1.6px}.catlabel strong{display:block;font-size:clamp(15px,1.23vw,20px);margin-top:4px}.catlabel>b{font-size:20px;font-weight:400}.gallerysec,.faqsection{background:#f5ebe4}.filterrow{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:6px 13px;border:1px solid #d6baa7;background:transparent;border-radius:50px;font-size:13px}.chip[aria-pressed=true]{background:#492d30;color:#fff;border-color:#492d30}.search{display:flex;align-items:center;border:1px solid #d6baa7;border-radius:5px;padding:6px 10px;background:#fefcfb;gap:6px}.search input{width:160px;border:0;background:transparent}.result{letter-spacing:.4px;font:12px/1.5 inherit;margin:19px 0 12px}.workgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work{background:#fefbfa;border:1px solid #e8d8ce;border-radius:4px;overflow:hidden}.workthumb{display:block;width:100%;aspect-ratio:1.12;border:0;background:#f1e0d4;padding:0;overflow:hidden}.workbody{padding:15px}.worktop{font-size:9px}.workbody h3{font-size:17px;margin:4px 0 12px}.worklinks{display:flex;justify-content:space-between;border-top:1px solid #f0dfd4;padding-top:10px;gap:8px;align-items:center}.textbtn{background:none;border:none;padding:3px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px}.worklinks button:last-child{color:#6a492b}.center{margin-top:25px}.empty{grid-column:1/-1;padding:25px;text-align:center;border:1px dashed #d2b39f}
.reviewcta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px}.linebtn{background:#147540}.linebtn:hover{background:#105e34}.reviewpending,.comparisonempty{border:1px dashed #d3b19a;background:#f7ede6;text-align:center;padding:35px;border-radius:5px}.reviewpending .icon,.comparisonempty .icon{font-size:28px;color:#7c5b3e}.reviewpending h3{font-size:18px}.reviewpending p,.comparisonempty p{margin:0;font-size:14px}.reviewfeatured{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:start;gap:15px}.reviewwall{columns:4;column-gap:15px;margin-top:18px}.reviewpic{display:block;width:100%;border:none;background:#f1e4d8;padding:8px;margin-bottom:12px;break-inside:avoid}.reviewpic img{width:100%;height:auto;display:block}.band{background:#ecdbcc}.pricebig{font:42px Georgia,serif;margin-bottom:20px;color:#5d422b}.pricebig small{font:16px Tahoma}.pricecards,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricecard{padding:20px;border:1px solid #dcbaa4;background:#fdfaf8;border-radius:5px}.pricecard h3{font:26px/1.3 Georgia,serif;margin-top:14px}.pricecard p{margin:6px 0;font-size:15px}.band>.wrap>p{margin-block:18px}.comparelayout,.corpgrid,.faqgrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.comparisonempty{min-height:180px;display:grid;place-content:center;gap:7px}.pairbox{aspect-ratio:1.35;position:relative;overflow:hidden;background:#ecddcf}.pairbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pairbox .bef{background:#ecddcf;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.pairbox .divider{position:absolute;left:var(--pos);top:0;height:100%;border-left:2px solid white}.pairbox #compareHandle{position:absolute;top:calc(45% - 5px);left:0;width:100%;height:44px;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.pairbox:has(#compareHandle:focus-visible) .divider b{outline:3px solid #7f5837;outline-offset:2px}.pairbox #compareRange{position:absolute;bottom:10px;left:5%;width:90%;accent-color:#63472e}.paircaps{display:flex;justify-content:space-between;font-size:12px;margin-top:5px}.corp{background:#4a3235;color:#fdf9f7}.corp .eyebrow{color:#e2c2a6}.corp p{color:#eedacd}.corpimg{display:block;width:100%;max-height:270px;object-fit:cover;border:1px solid #7b5359;border-radius:3px}.formcard{padding:clamp(20px,3vw,38px);background:#fdfaf8;color:#3e2a2d;border-radius:5px}.formcard .eyebrow{color:#795739}.formcard p{font-size:13px;color:#6e5155}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}form label{display:block;font-size:13px}form :is(input,select,textarea),.inquiryText{width:100%;background:#fefcfb;border:1px solid #d7beae;border-radius:4px;padding:8px;color:#3d292c}form textarea{resize:vertical}form>label{margin-block:12px}.steps{grid-template-columns:repeat(4,1fr);margin-top:28px}.step{border-top:1px solid #c6a58f;padding:15px 0}.step h3{font-size:18px}.step p{font-size:14px}.stepnum{color:#835f3f}.faqgrid{align-items:start;grid-template-columns:.7fr 1.3fr}.faqgrid details{border-bottom:1px solid #d8beac;padding:12px 0}.faqgrid details:first-child{border-top:1px solid #d8beac}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:#6f5136}details[open] summary:after{content:"−"}details p{margin:10px 0 0;font-size:14px}.final{text-align:center;background:#693b41;color:#fcf7f5;padding-block:55px}.final .eyebrow{color:#e4c9b2;justify-content:center}.final h2{font-size:clamp(32px,3.2vw,48px);margin-block:15px}.final p{color:#f6dfcb}.cream{background:#fcf7f4;color:#4c2b30}.cream:hover{background:#f5e0ce}.finalQuote{font-size:14px;margin-left:16px}footer{padding-block:22px;display:flex;align-items:center;gap:14px}footer small,footer a{font-size:12px}footer a{margin-left:auto}.wordmark{font:18px Georgia,serif;letter-spacing:2px}
dialog{border:1px solid #d4bcac;background:#fdfaf8;color:#3b2629;border-radius:8px;width:min(840px,94vw);max-height:88dvh;padding:clamp(20px,4vw,38px);overscroll-behavior:contain;box-shadow:0 14px 60px #30161935}dialog::backdrop{background:#28181aa8}body:has(dialog[open]){overflow:hidden}.close{position:sticky;top:0;float:right;z-index:2;background:#f6eae2;border:1px solid #dcc0ae}.detailgrid{clear:both;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px}.detailimage{width:100%;height:min(44vh,390px);object-fit:contain;background:#f1e1d6;display:block}.imagecontrols{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:5px}.thumbs{display:flex;gap:6px;overflow:auto}.thumbs button{border:1px solid transparent;padding:2px;background:transparent}.thumbs button[aria-pressed=true]{border-color:#4e3723}.thumbs img{width:42px;height:42px;object-fit:cover;display:block}dialog h2{font-size:27px}.inquire{max-width:600px;margin:auto;clear:both}.inquiryText{margin:8px 0 14px;resize:vertical;min-height:105px}.inquire label{font-weight:600}.dialogActions{display:flex;gap:10px;flex-wrap:wrap}.copystatus{min-height:1.5em;font-size:13px;margin-top:8px}.reviewview{overflow:auto;max-height:54vh;text-align:center;background:#f6e8e0}.reviewview img{width:auto;max-width:100%;max-height:51vh;vertical-align:top}.reviewview.zoom img{max-height:none;max-width:none;width:max(100%,720px)}[hidden]{display:none!important}
@media(min-width:1600px){.hero{padding-block:55px}.folio{max-height:520px}}
@media(max-width:1050px){.wrap{width:92%}.nav{gap:15px}.nav nav{gap:15px}.brand{font-size:20px}.hero{gap:3%;padding-block:32px}.hero h1{font-size:clamp(38px,4.4vw,49px)}.heroCopy .button{font-size:14px;padding:10px 14px}.lead{font-size:15px}.trustgrid>div{gap:9px;padding-inline:13px}.trustgrid b{font-size:14px}.trustgrid small{font-size:11px}.workgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding-block:48px}.folio{aspect-ratio:1.14}.occasions{gap:10px}.catlabel{padding:10px}.wide{display:none}}
@media(max-width:780px){html{scroll-padding-top:78px}.nav{height:65px}.menu{display:flex}.headcta{margin-left:auto}.nav nav{display:none;position:absolute;top:100%;right:4%;background:#fdfbf9;padding:15px;width:190px;border:1px solid #e6d5c9;box-shadow:0 8px 15px #472d3014}.nav nav.open{display:grid}.hero h1{font-size:36px}.heroActions{flex-wrap:wrap}.folio{aspect-ratio:.92}.trustgrid{grid-template-columns:repeat(2,1fr);row-gap:15px}.trustgrid>div:nth-child(3){border:0;padding-left:0}.occasions{grid-template-columns:1fr 1fr}.catimg{height:210px}.occasion:nth-child(n+3) .catimg{height:155px}.workgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.corpgrid,.comparelayout{gap:30px}.pricecards{gap:9px}.pricecard{padding:15px}.fields{grid-template-columns:1fr}.reviewwall{columns:2}.steps{grid-template-columns:1fr 1fr}.faqgrid{gap:30px}.hero h1{letter-spacing:-.06em}}
@media(max-width:620px){body{font-size:15px;padding-bottom:64px}.wrap{width:90%}.nav{height:58px;gap:7px}.brandmark{width:31px;height:34px;font-size:25px}.brandmark span{left:13px;top:11px;font-size:17px}.brand{font-size:17px;gap:8px}.brand small{font-size:6px;letter-spacing:2.5px}.headcta{font-size:11px;padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:23px 0 20px;gap:18px}.heroCopy{padding:0}.hero h1{font-size:clamp(35px,8vw,43px);margin:10px 0;line-height:1.23}.lead{font-size:14px;line-height:1.65;max-width:410px}.eyebrow{font-size:9px;letter-spacing:1.6px}.heroprice{margin:10px 0}.heroprice strong{font-size:30px}.heroActions{gap:8px}.heroCopy .button{font-size:13px;padding:8px 13px}.quotelink{font-size:12px;margin-top:10px}.folio{width:100%;aspect-ratio:1.55;max-height:335px}.frontprint{width:51%;right:10%}.backprint{left:11%;width:40%}.roundseal{width:16%;left:26%;bottom:7%}.folioFoot{font-size:6px}.trustgrid{padding-block:15px;gap:13px 0}.trustgrid .icon{font-size:21px}.trustgrid b{font-size:12px}.trustgrid small{font-size:10px}.trustgrid>div{padding-inline:10px}.section{padding-block:37px}.sectionHead{margin-bottom:18px}.index{display:none}.catimg{height:155px}.occasion:nth-child(n+3) .catimg{height:115px}.catlabel strong{font-size:14px}.catlabel small{font-size:7px}.catlabel>b{font-size:15px}.gallerysec .wrap{width:92%}.workgrid{gap:9px}.workbody{padding:10px}.workbody h3{font-size:15px}.worklinks{flex-wrap:wrap;gap:0 7px}.worklinks button{font-size:11px}.chip{font-size:12px}.search{width:100%}.search input{width:100%}.pricecards,.corpgrid,.comparelayout,.faqgrid{grid-template-columns:1fr}.pricecards{gap:10px}.pricecard h3{margin-top:7px}.pricecard{padding:15px 18px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.corpimg{max-height:190px}.reviewcta{align-items:start;flex-direction:column}.reviewfeatured{grid-template-columns:1fr 1fr}.reviewfeatured>:first-child{grid-column:1/-1}.reviewpending,.comparisonempty{padding:24px 12px}.steps{gap:12px}.step h3{font-size:16px}.mobilebar{display:flex;align-items:center;justify-content:space-between;gap:8px;position:fixed;bottom:0;left:0;right:0;padding:9px 5% calc(9px + env(safe-area-inset-bottom));background:#fcf8f6;border-top:1px solid #e0c5b3;z-index:4}.mobilebar>span{font-size:12px}.mobilebar .button{padding:8px 13px;font-size:13px}.detailgrid{grid-template-columns:1fr;gap:10px}.detailimage{height:31vh}.detailgrid h2{margin:4px 0}footer small{display:none}.finalQuote{margin-left:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.sourceNote{font-size:12px}.stepimg{width:100%;height:145px;object-fit:cover;border-radius:4px}.placeholderHalf{position:absolute;inset:0;background:#eeddce}.placeholderHalf.right{background:#ecd4c4}.placeholderHalf .samplePlate{position:absolute;width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.placeholderHalf.right .samplePlate{right:0}.samplePlate .icon{font-size:28px;color:#a1505b}.samplePlate small{font-size:12px}.divider b{position:absolute;top:45%;left:0;transform:translateX(-50%);width:33px;height:33px;display:grid;place-items:center;color:white;background:#5d363b;border-radius:50%;font-size:14px}.pairbox{border-radius:4px}.artPlaceholder{height:100%;background:#ead5c3;display:grid;place-items:center;font-size:50px}.craft summary{margin-top:10px;margin-left:auto;width:max-content;font-size:11px;align-items:center;color:#774a50}.craft summary span{font:8px Arial,sans-serif;letter-spacing:1px}.studies{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studies figure{margin:12px 0}.studies img{width:100%;height:140px;object-fit:cover;object-position:50% 35%}.studies figcaption{font-size:13px}.craft + .section{padding-top:28px}.reviewfeatured{margin-top:16px}.result{font:12px/1.6 Tahoma,sans-serif}.detailgrid .button{font-size:14px}.iconbtn:disabled{opacity:.3;cursor:default}
@media(max-width:620px){.headcta{white-space:nowrap}.headcta .icon{display:none}.printcap span:last-child{font-size:9px}.printcap{font-size:10px}.folioFoot{letter-spacing:1px}}
.brandlogo,.footerlogo{display:block;width:155px;height:auto}
.footerlogo{width:132px}
.folioLogo{position:absolute;left:6%;bottom:10%;width:31%;height:auto;transform:rotate(-6deg);box-shadow:0 2px 8px #392a1d22;pointer-events:none}
.worklinks{flex-wrap:wrap}
.worklinks .workline{color:white;font-size:12px;padding:6px 10px}
.linebtn{color:white;background:#087740}
.linebtn:hover{background:#075b33}
.lineId{margin:10px 0}
.finalQuote{margin-left:0}
.unavailable{display:grid;place-content:center}
@media(max-width:620px){.brandlogo{width:128px}.headcta{font-size:13px;min-height:40px}.worklinks{gap:6px}.mobilebar{padding-bottom:calc(9px + env(safe-area-inset-bottom))}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}
.worklinks .workline:last-child{color:#fff}
@media(max-width:620px){.folioLogo{bottom:14%}}

.clientGrid,.slotGrid,.chatGrid{display:grid;gap:14px;margin:18px 0}
.clientGrid,.slotGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.clientGrid:empty{display:none}
.clientTile,.slotGrid>div{border:1px solid #e7d4c7;background:#fefcfb;border-radius:6px}
.clientTile{display:grid;place-items:center;padding:18px;height:105px}
.clientTile img{max-width:100%;max-height:66px;object-fit:contain}
.slotPreview{margin:16px 0;padding:12px 16px;border:1px dashed #d0b09b;border-radius:5px}
.slotPreview summary{font-size:14px;font-weight:600}
.slotPreview p{font-size:13px;margin-top:10px}
.slotGrid>div{display:grid;place-content:center;text-align:center;min-height:76px}
.slotGrid small{font-size:12px;color:#78565b}
/* รีวิว LINE: แถวเดียวเลื่อนด้านข้าง จอใหญ่เห็น 5 ใบกับใบถัดไปโผล่มาเล็กน้อย กรอบทุกใบเท่ากันตามภาพที่สูงที่สุด (1284×2778) */
.chatRailWrap{position:relative;margin:18px 0}
.chatRail{--show:5.4;--gap:12px;display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px}
.chatRail::-webkit-scrollbar{display:none}
.chatRail .chatCard{flex:0 0 calc((100% - (var(--show) - 1)*var(--gap))/var(--show));scroll-snap-align:start;align-content:start}
.chatArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid #d8bcaa;border-radius:50%;background:#fefcfb;color:#3b2629;font-size:28px;line-height:1;box-shadow:0 3px 12px #30161926}
.chatArrow[hidden]{display:none}
.chatArrow:hover{border-color:#9e4954}
.chatArrow.next{right:-14px}
.chatArrow.prev{left:-14px}
@media(max-width:1100px){.chatRail{--show:4.4}}
@media(max-width:860px){.chatRail{--show:3.4}.chatArrow.next{right:-6px}.chatArrow.prev{left:-6px}}
@media(max-width:620px){.chatRail{--show:2.25;--gap:10px}}
@media(hover:none){.chatArrow{display:none}}
.chatCard{display:grid;gap:6px;padding:7px;background:#fefcfb;border:1px solid #e7d4c7;border-radius:6px;text-align:left}
.chatCard img{display:block;width:100%;height:auto;aspect-ratio:1284/2778;object-fit:contain;object-position:center;background:#f7ede6;border-radius:3px}
.chatCard span{display:flex;justify-content:space-between;padding:2px 3px;color:#583439;font-size:13px}
.chatCard:hover{border-color:#9e4954}
@media(max-width:780px){.clientGrid,.slotGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.clientGrid,.slotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.clientTile{height:84px}}

/* ===== ปรับสำหรับภาพถ่ายผลงานจริง (ภาพแนวตั้งเป็นหลัก) ===== */
.workthumb{aspect-ratio:.84}
.workthumb img,.catimg img{object-position:50% 34%}
.print img{object-position:50% 30%}
.studies img{height:210px;object-position:50% 40%}
.stepimg{height:210px;object-position:50% 35%}
.detailgrid{grid-template-columns:1.2fr 1fr}
.detailimage{height:min(60vh,560px)}
.thumbs button{flex:none}
.thumbs img{width:52px;height:52px}
.corpimg{max-height:320px;object-position:50% 40%}
.clientTile img{filter:none}
@media(max-width:620px){.detailimage{height:46vh}.studies img{height:150px}.stepimg{height:160px}}

/* ===== Gallery v2: ส่วนผลงานแบบห้องจัดแสดง (พื้นเข้ม) ===== */
.gallerysec{background:#1e1516;color:#f6e8e0}
.gallerysec h2{color:#f8efe9}
.gallerysec p{color:#ccb09e}
.gallerysec .eyebrow{color:#d29865}
.gallerysec .chip{border-color:#573d40;color:#edded0}
.gallerysec .chip:hover{border-color:#916067}
.gallerysec .chip[aria-pressed=true]{background:#f6e8e0;color:#1e1516;border-color:#f6e8e0}
.gallerysec .search{background:#2b1f21;border-color:#573d40;color:#d5b7a3}
.gallerysec .search input{color:#f6e8e0}
.gallerysec .search input::placeholder{color:#a38c7c}
.gallerysec .result{color:#bba08e}
.gallerysec .work{background:#27181a;border-color:#3c282b}
.gallerysec .worktop{color:#cd905b}
.gallerysec .workbody h3{color:#f7ebe4}
.gallerysec .worklinks{border-top-color:#3c282b}
.gallerysec .textbtn{color:#ead9cb}
.gallerysec .worklinks .linebtn{color:#fff}
.gallerysec .outline{border-color:#6e4e52;color:#f6e8e0}
.gallerysec .outline:hover{background:#2f2123}
.gallerysec .empty{border-color:#573d40}
.gallerysec :is(button,a,input):focus-visible{outline-color:#d29865}
.workthumb{position:relative;aspect-ratio:4/5;background:#140f0f}
.workthumb img{position:absolute;inset:0}
.workthumb .faceimg{opacity:0;transition:opacity .35s;pointer-events:none}
@media(hover:hover){.workthumb:hover .faceimg,.workthumb:focus-visible .faceimg{opacity:1}}
@media(hover:none){.workthumb .faceimg{opacity:1;inset:auto 7px 7px auto;width:36%;height:auto;aspect-ratio:1;border-radius:50%;border:2px solid #f6e8e0;box-shadow:0 4px 12px #0009;transform:none!important}}
.realtag{position:absolute;left:8px;bottom:8px;z-index:1;font:600 10px/1 PlexThai,Tahoma,sans-serif;background:#000000a8;color:#f6e3d3;padding:5px 7px;border-radius:3px;pointer-events:none}
.zoomwrap{position:relative;overflow:hidden;background:#f1e1d6;cursor:zoom-in;border-radius:3px}
.zoomwrap.zoomed{cursor:zoom-out}
.zoomwrap .detailimage{height:min(56vh,520px);transition:transform .25s ease}
.zoomwrap.zoomed .detailimage{transform:scale(2.3)}
.zoomhint{font-size:12px;color:#7e5e62;margin:5px 0 0}
.zoomwrap.nozoom{cursor:default}.zoomwrap.nozoom+.zoomhint{visibility:hidden}
@media(max-width:620px){.realtag{font-size:9px;padding:4px 5px;left:5px;bottom:5px}.realtag span{display:none}.zoomwrap .detailimage{height:42vh}}
@media(prefers-reduced-motion:reduce){.workthumb .faceimg,.zoomwrap .detailimage{transition:none}}


/* ===== ชุดภาพใหม่ (รูปเต็มตัวโมเดล 2 มุม): 1 = ด้านหน้า, 2 = แสดงเมื่อ hover บนคอมหรือแตะบนมือถือ ===== */
.workthumb img,.catimg img,.print img{object-position:50% 50%}
.workthumb .faceimg{transition:opacity .3s}
.fliphint{display:none}
@media(hover:none){
 .workthumb .faceimg{opacity:0;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}
 .workthumb.flip .faceimg{opacity:1}
 .fliphint{display:block;position:absolute;right:8px;bottom:8px;z-index:2;font:600 10px/1 PlexThai,Tahoma,sans-serif;background:#000000a8;color:#f6e3d3;padding:5px 7px;border-radius:3px;pointer-events:none}
}
@media(max-width:620px){.fliphint{right:5px;bottom:5px;font-size:9px;padding:4px 5px}}

/* ===== แถบผลงานวิ่ง (#reel) ===== */
.reel{padding:38px 0 30px;overflow:hidden;background:#fbf5f1}
.reelhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.reelhead h2{font-size:clamp(24px,2.3vw,36px);margin:8px 0 0}
.reelhead h2 b{color:#7f5837;font-weight:650}
.reellink{font-size:14px;font-weight:600;white-space:nowrap;border-bottom:1px solid #c49e85;padding-bottom:2px}
.reellink:hover{color:#7f5837}
.reelnote{font-size:12px;color:#7e5d61;margin-top:14px}
.ticker{--h:228px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ticker+.ticker{margin-top:12px}
.track{display:flex;width:max-content;will-change:transform}
.set{display:flex;gap:12px;padding-right:12px}
.tick{flex:none;height:var(--h);aspect-ratio:3/4;padding:0;border:0;border-radius:4px;overflow:hidden;background:#edded0;display:block;box-shadow:0 1px 2px #4d292e14}
.tick.wide{aspect-ratio:16/10}
.tick img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
@media(hover:hover) and (pointer:fine){.tick:hover img{transform:scale(1.045)}}
.ticker.manual{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scroll-snap-type:x mandatory;padding-bottom:6px}
.ticker.manual .tick{scroll-snap-align:start}
.ticker.manual .set{padding-left:5%}

/* ===== Sketch / Blender (#craft) ===== */
.craftsec{padding-bottom:0;background:#f8eee7;border-top:1px solid #eedacc}
.craftintro{max-width:760px}
.craftintro p{color:#62464a}
.craftrows{margin-top:30px}
.craftrow{display:grid;grid-template-columns:minmax(280px,31%) 1fr;align-items:center;padding-block:30px}
.craftrow.flip{grid-template-columns:1fr minmax(280px,31%)}
.craftrow.paper{background:#fcf7f5;border-block:1px solid #e8d5c5}
.craftrow.studio{background:#2d2627;color:#f7ece5}
.crafttext{padding:4px 34px 4px max(5.5vw,calc((100vw - 1440px)/2))}
.craftrow.flip .crafttext{padding:4px max(5.5vw,calc((100vw - 1440px)/2)) 4px 34px}
.craftnum{font:600 10px/1.4 Arial,sans-serif;letter-spacing:2px;color:#7f5837}
.studio .craftnum{color:#e2bd9c}
.crafttext h3{font:600 26px/1.3 Georgia,PlexThai,serif;margin:8px 0 6px}
.crafttext p{margin:0;font-size:14px;color:#6e4f53}
.studio .crafttext p{color:#d7beae}
.crafttext ul{margin:12px 0 0;padding:0;list-style:none;font-size:13px}
.crafttext li{padding-left:18px;position:relative;margin:4px 0}
.crafttext li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:currentColor;opacity:.6}
.craftrow .ticker{--h:200px}
.studio .tick{background:#3b3233;box-shadow:none}
.craftend{display:grid;grid-template-columns:minmax(280px,31%) 1fr;gap:34px;align-items:center;padding-block:34px 56px}
.craftend .studies{margin:0}
.craftend .studies figure{margin:0}
.craftend .studies img{height:150px;border-radius:4px}
.craftend .button{margin-top:16px}
.craftview{margin:0;clear:both}
.craftview img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#f6e9e1;border-radius:4px}
.craftview figcaption{display:flex;align-items:center;gap:12px;margin-top:10px}
.craftactions{margin-top:14px}

/* ===== Trust เพิ่มเติม ===== */
.herofacts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;padding:0;list-style:none;font-size:13px;color:#62464a}
.herofacts li{display:flex;align-items:center;gap:6px}
.herofacts .icon{color:#73553b;font-size:15px}
.pricefacts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;padding:0;list-style:none;font-size:14px}
.pricefacts b{color:#5d422b}
.taxnote{font-size:12px!important;margin-top:10px}
.contactgrid{display:flex;justify-content:center;align-items:center;gap:34px;margin-top:6px}
.qrcard{display:grid;justify-items:center;gap:6px;background:#fdfaf8;color:#3e2a2d;padding:12px 12px 8px;border-radius:8px}
.qrcard img{width:132px;height:132px;display:block}
.qrcard small{font-size:12px}
.dialogqr{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px;border:1px solid #edd8ca;border-radius:6px}
.dialogqr img{width:96px;height:96px}
.dialogqr p{margin:0;font-size:13px}
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:6;max-width:560px;margin-inline:auto;background:#fdfaf8;border:1px solid #e6d5c9;border-radius:8px;box-shadow:0 8px 30px #30161930;padding:14px 16px;display:flex;align-items:center;gap:14px;font-size:13px}
.consent p{margin:0;flex:1}
.consent .button{padding:7px 14px;font-size:13px}
@media(hover:none),(max-width:780px){.contactgrid .qrcard,.dialogqr{display:none}}

@media(max-width:780px){
 .reelhead{align-items:start;flex-direction:column;gap:8px}
 .ticker{--h:172px}
 .craftrow,.craftrow.flip,.craftend{grid-template-columns:1fr}
 .craftrow.flip .crafttext{order:-1}
 .crafttext,.craftrow.flip .crafttext{padding:0 5% 16px}
 .craftrow .ticker{--h:150px}
 .craftend{gap:16px}
}
@media(max-width:620px){
 .reel{padding:26px 0 22px}
 .ticker{--h:160px}
 .set{gap:9px;padding-right:9px}
 .crafttext h3{font-size:22px}
 .craftend .studies{gap:8px}.craftend .studies img{height:96px}
 .consent{bottom:76px;flex-direction:column;align-items:stretch}
}
.qrcard{margin:0}.craftend .crafttext{padding:0}

/* ===== กล่องของขวัญ (#gift) ===== */
.giftsec{background:#302325;color:#fcf7f5;overflow:hidden}
.giftgrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;align-items:center}
.giftphoto{position:relative;margin:0;max-width:440px;width:100%;justify-self:end}
.giftphoto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 70%;border-radius:6px;box-shadow:0 18px 40px #0005}
.giftphoto figcaption{margin-top:10px;font-size:12px;color:#d6baa7}
.giftphoto figcaption span{display:inline-block;margin-right:6px;padding:1px 8px;border:1px solid #946168;border-radius:99px;font-size:11px;color:#f5e2d1}
.freebadge{position:absolute;top:-16px;right:-16px;width:104px;height:104px;border-radius:50%;background:#844d1c;color:#fff;display:grid;place-content:center;text-align:center;transform:rotate(-10deg);box-shadow:0 8px 20px #0004;border:2px dashed #ffffff66;outline:6px solid #844d1c}
.freebadge b{font:700 25px/1 Georgia,serif;letter-spacing:1px}
.freebadge small{font-size:11px;line-height:1.3;margin-top:3px}
.giftcopy .eyebrow{color:#e2c2a6}
.giftcopy h2{color:#fcf7f5}
.giftcopy>p{color:#eedacd;margin:0 0 6px}
.giftlist{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:4px}
.giftlist li{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #ffffff1c}
.giftlist li:last-child{border-bottom:0}
.giftlist .icon{flex:none;width:46px;height:46px;padding:11px;border:1px solid #e2c2a666;border-radius:50%;color:#eac7a9}
.giftlist b{display:block;font-size:17px}
.giftlist small{display:block;font-size:13px;color:#d6baa7}
.giftlist li:first-child b{color:#fbdfc6}
@media(max-width:780px){
 .giftgrid{grid-template-columns:1fr;gap:34px}
 .giftphoto{justify-self:center;max-width:380px}
}
@media(max-width:620px){
 .giftphoto{max-width:none;width:calc(100% - 12px);justify-self:start}
 .giftphoto img{aspect-ratio:1/1;object-position:50% 62%}
 .freebadge{width:84px;height:84px;top:-12px;right:-10px}
 .freebadge b{font-size:20px}.freebadge small{font-size:10px}
 .giftlist b{font-size:15px}
}

/* Edited product photography: front image + one alternate angle. */
.workthumb{aspect-ratio:4/5;background:#f3eeeb}
.productPreview{position:relative;overflow:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.productPreview:disabled{cursor:default;opacity:1}
.productPreview .cardimg,.productPreview .secondimg{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;background:#f3eeeb}
.productPreview .secondimg{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease}
.productPreview.showSecond .secondimg{opacity:1}
.previewCanvas{display:block;position:relative;width:100%;height:100%;background:#f3eeeb;overflow:hidden}
.print.productPreview .secondimg{height:100%}
.productPreview .fliphint{display:none}
.catimg,.corpimg{background:#f3eeeb}
.catimg img,.corpimg{object-fit:contain;object-position:center}
.tick.productPreview{aspect-ratio:4/5;background:#f3eeeb}
.tick.productPreview img{object-fit:contain;transform:none!important}
@media(hover:none){.productPreview:has(.secondimg) .fliphint{display:block;position:absolute;right:7px;bottom:7px;z-index:2;font:500 10px/1.2 PlexThai,Tahoma,sans-serif;color:#5d4649;background:#fcf7f3e8;padding:6px 8px;border:1px solid #e5d6cc;border-radius:20px;pointer-events:none}.productPreview.showSecond .fliphint{opacity:0}}
@media(prefers-reduced-motion:reduce){.productPreview .secondimg{transition:none}}
.work{display:flex;flex-direction:column}.workbody{display:flex;flex-direction:column;flex:1}.worklinks{margin-top:auto}

/* Hero: รูปโพลารอยด์ต้องลอยอยู่ในกรอบเสมอ (กัน .productPreview ทับตำแหน่ง) */
.print.productPreview{position:absolute}

/* ลูกค้าเอกชน: ผนังโลโก้ช่องเท่ากัน คั่นด้วยเส้นบาง */
.clientHead{text-align:center;max-width:680px;margin:0 auto}
.clientHead .eyebrow{justify-content:center}
#clients .clientGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:30px 0 0;background:#eeded3;border:1px solid #eeded3;border-radius:8px;overflow:hidden}
#clients .clientTile{height:118px;padding:18px;background:#fefcfb;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}
#clients .clientTile img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}
.clientName{font-size:17px;font-weight:600;letter-spacing:.02em;color:#4f3538;text-align:center}
@media(max-width:1000px){#clients .clientGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){#clients .clientGrid{grid-template-columns:repeat(3,minmax(0,1fr))}#clients .clientTile{height:88px;padding:12px}#clients .clientTile img{transform:scale(.82)}.clientName{font-size:14px}}

/* ภาพร่างจริงเกือบจัตุรัส: แสดงครบไม่ตัดคำอธิบาย */
.tick.sketchTick{aspect-ratio:1/1;background:#fff}
.tick.sketchTick img{object-fit:contain;padding:6px}

/* Customer story and photographs supplied by the studio owner. */
#compare{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6%;align-items:center}
#compare .pairbox{aspect-ratio:4/5;background:#fff;max-width:540px;margin-inline:auto;border:1px solid #ebd9cd;box-shadow:0 10px 35px #4c282d0d}
#compare .pairbox img{object-fit:contain;background:#fff}
#compare .paircaps{max-width:540px;margin:9px auto 0;color:#79575c}
#pairnote{font-size:12px;line-height:1.7;margin-top:18px;color:#856065}
.caseStudy{border-left:2px solid #b27f53;padding-left:20px;margin-top:24px}
.caseStudy .caseTag{font-size:10px;letter-spacing:1.4px;color:#7e5939;margin:0 0 10px}
.caseStudy h3{font-family:Georgia,PlexThai,serif;font-size:30px;line-height:1.2;letter-spacing:.01em;margin:0 0 15px}
.caseStudy h3 span{display:block;font-size:20px;font-style:italic;color:#815e41;margin-top:7px}
.caseStudy p{font-size:14px;line-height:1.85;margin:0 0 12px}
#order .steps{align-items:stretch;gap:18px}
#order .step{padding:0;border:1px solid #ebdacf;border-radius:7px;background:#fefcfb;overflow:hidden}



#order .stepcopy{padding:20px 18px 16px}
#order .step h3{font-size:17px;line-height:1.5;margin-top:8px}
#order .step p{font-size:13px;line-height:1.8}
#corporate .corpimg{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;object-position:center;margin-top:26px;border-color:#ede1d9;background:#fff}
@media(max-width:780px){#compare{grid-template-columns:1fr;gap:25px}#compare .pairbox{max-width:460px}#order .steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#order .steps{gap:10px}#order .stepcopy{padding:16px 12px 12px}#order .step h3{font-size:15px}#order .step p{font-size:12px}.caseStudy{padding-left:15px}.caseStudy h3{font-size:27px}}

/* ปั้นโมเดล 3D ใน Blender: แถวเด่นกว่าส่วนอื่น */
.craftrow.studio{grid-template-columns:1fr minmax(320px,29%);padding-block:clamp(52px,5.5vw,84px);background:radial-gradient(90% 130% at 28% 50%,#3e3435 0,#2d2627 62%,#251f20 100%)}
.craftrow.studio .ticker{--h:clamp(300px,23vw,430px)}
.craftrow.studio .tick{border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.craftrow.studio .craftnum{font-size:12px;letter-spacing:2.6px}
.craftrow.studio .crafttext h3{font-size:clamp(32px,2.9vw,44px);line-height:1.2;margin:12px 0 12px;color:#fff}
.craftrow.studio .crafttext p{font-size:16px;line-height:1.65}
.craftrow.studio .crafttext ul{margin-top:18px;font-size:15px}
.craftrow.studio .crafttext li{margin:7px 0}
@media (max-width:980px){
 .craftrow.studio{grid-template-columns:1fr;padding-block:40px}
 .craftrow.studio .ticker{--h:clamp(210px,42vw,300px)}
 .craftrow.studio .crafttext h3{font-size:30px}
 .craftrow.studio .crafttext{order:-1;padding:0 5% 22px}
}
.craftrow.studio .nb{white-space:nowrap}

/* รูปในงานลงสี: เห็นโมเดลเต็มตัวและอยู่กลางกรอบ */
.craftend .studies img{object-position:50% 50%}
@media(min-width:781px){.craftend{padding-block:0;min-height:262px}.craftend .studies img{height:200px}.craftend .studies figcaption{margin-top:6px;font-size:13px;line-height:22px}}

/* ===== MOOD: Champagne Rose Gold (สร้างโดย _tools/build_themes.py) ===== */
:root{--bg:#fbf6f2;--glowA:#f3dcc6;--glowB:#f6d8d4;--glowC:#efe3d2;--btn1:#a8695a;--btn2:#7d4a3f;--glow:#a8695a;--grad1:#94603f;--grad2:#c99158;--shadow:#7d4a3f33;--shadow2:#7d4a3f14;--spark:#fff3e6;--deep1:#4f2e32;--deep2:#2b1a1d;--deepglow:#d4a373}
body{background:var(--bg)}
body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
 background:radial-gradient(38% 32% at 12% 18%,var(--glowA),transparent 70%),radial-gradient(34% 30% at 88% 30%,var(--glowB),transparent 72%),radial-gradient(40% 34% at 60% 92%,var(--glowC),transparent 72%);
 filter:blur(30px);opacity:.75;animation:moodDrift 26s ease-in-out infinite alternate}
@keyframes moodDrift{to{transform:translate3d(2%,-2%,0) scale(1.06)}}
header{background:#f6efe9d9;-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}
.reel{background:transparent}
.trust{background:#f6efe9b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.band{background:linear-gradient(180deg,#efe3dbcc,#f6efe9cc)}
.faqsection{background:#efe3db99}
.craftsec{background:#f6efe9cc}
.accent{background:linear-gradient(100deg,var(--grad1),var(--grad2));-webkit-background-clip:text;background-clip:text;color:transparent}
.heroaccent:after{border-top-color:var(--grad2);opacity:.8}
.reelhead h2 b{color:var(--grad1)}
.button{border-radius:999px;background:linear-gradient(135deg,var(--btn1),var(--btn2));box-shadow:0 12px 26px -14px var(--glow);transition:transform .25s,box-shadow .25s,filter .25s}
.button:hover{background:linear-gradient(135deg,var(--btn1),var(--btn2));filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 16px 32px -14px var(--glow)}
.linebtn,.linebtn:hover{background:linear-gradient(135deg,#0c8c49,#06703a);box-shadow:0 12px 26px -14px #087740}
.outline,.outline:hover{background:#ffffff80;border-color:var(--btn1);color:var(--btn2);box-shadow:none}
.outline:hover{background:#ffffffcc}
.folio{border-radius:18px;border-color:#ffffff99;box-shadow:0 40px 80px -48px var(--shadow),0 0 0 6px #ffffff40}
.folio:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 62% 42%,#ffffffa6,transparent 70%)}
.print{box-shadow:0 22px 40px -22px var(--shadow),0 3px 8px var(--shadow2)}
.hero{position:relative}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.9;
 background:radial-gradient(2px 2px at 8% 22%,var(--spark),transparent),radial-gradient(1.5px 1.5px at 22% 78%,var(--spark),transparent),radial-gradient(2px 2px at 46% 12%,var(--spark),transparent),radial-gradient(1.5px 1.5px at 51% 64%,var(--spark),transparent),radial-gradient(2.5px 2.5px at 93% 8%,var(--spark),transparent),radial-gradient(1.5px 1.5px at 97% 88%,var(--spark),transparent),radial-gradient(2px 2px at 36% 40%,var(--spark),transparent);
 filter:drop-shadow(0 0 3px var(--grad2));animation:twinkle 4.5s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.35}to{opacity:1}}
.hero>*{position:relative;z-index:1}
.pricecard{border-radius:18px;background:#ffffffb3;border-color:#ffffffcc;box-shadow:0 24px 50px -36px var(--shadow)}
.occasion{border-radius:14px;box-shadow:0 18px 40px -30px var(--shadow)}
.reviewpic{border-radius:12px}
.freebadge{background:radial-gradient(circle at 35% 30%,var(--grad2),#b0735a 65%);box-shadow:0 10px 24px -10px #b0735a}
.gallerysec{background:radial-gradient(70% 50% at 50% 0,#4f2e32,transparent 70%),var(--deep2);color:#f4eef6}
.giftsec{background:radial-gradient(60% 70% at 80% 30%,#4f2e32,transparent 70%),var(--deep2)}
.corp{background:radial-gradient(60% 70% at 15% 20%,#4f2e32,transparent 70%),var(--deep2)}
.craftrow.studio{background:radial-gradient(90% 130% at 28% 50%,#4f2e32 0,var(--deep2) 62%)}
.final{background:radial-gradient(50% 90% at 50% 0,var(--deepglow),transparent 70%),linear-gradient(180deg,#4f2e32,var(--deep2))}
.final .button{box-shadow:0 0 0 1px #ffffff33,0 14px 34px -12px #000}
.mobilebar{background:#f6efe9e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
/* ป้ายสลับธีม (เฉพาะไฟล์ตัวอย่าง) */
.themechip{position:fixed;left:16px;bottom:16px;z-index:9;display:flex;gap:4px;align-items:center;padding:5px;border-radius:999px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -12px #0005;font:600 12px/1 PlexThai,Tahoma,sans-serif;color:#333}
.themechip b{padding:0 8px 0 6px;font-weight:600}
.themechip a{padding:7px 11px;border-radius:999px}
.themechip a[aria-current]{background:var(--btn2);color:#fff}
@media(max-width:780px){.themechip{bottom:auto;top:88px;left:50%;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){body:before,.hero:after{animation:none}}

/* ===== โบว์ริบบิ้นที่กรอบรูปบนสุด (index3) ===== */
/* โบว์และริบบิ้นห่อของขวัญที่มุมกรอบรูปบนสุด */
.folioTop span:last-child{visibility:hidden}
.giftribbon{position:absolute;z-index:4;top:30px;right:-62px;width:240px;height:26px;transform:rotate(45deg);pointer-events:none;
 background:linear-gradient(180deg,#e9b9a2 0,#f8dccb 22%,#c98a72 50%,#a8695a 78%,#d39c84 100%);box-shadow:0 4px 10px #7d4a3f40}
.giftribbon:before,.giftribbon:after{content:"";position:absolute;left:0;right:0;height:1px;border-top:1px dashed #fff8;top:4px}
.giftribbon:after{top:auto;bottom:4px}
.giftbow{position:absolute;z-index:5;top:6px;right:8px;width:92px;height:78px;pointer-events:none;filter:drop-shadow(0 6px 8px #7d4a3f55);transform-origin:50% 60%;animation:bowsway 6s ease-in-out infinite;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8dccb'/%3E%3Cstop offset='.45' stop-color='%23cf917a'/%3E%3Cstop offset='1' stop-color='%23955a4c'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M60 47C40 18 8 16 11 40c2 19 30 17 49 8z' fill='url(%23g)'/%3E%3Cpath d='M60 47c20-29 52-31 49-7-2 19-30 17-49 8z' fill='url(%23g)'/%3E%3Cpath d='M56 51 38 93l11-5 5 9 6-44z' fill='url(%23g)'/%3E%3Cpath d='m64 51 18 42-11-5-5 9-6-44z' fill='url(%23g)'/%3E%3Cpath d='M57 45C45 31 27 27 21 37M63 45c12-14 30-18 36-8' stroke='%23fff' stroke-opacity='.55' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='60' cy='48' rx='9.5' ry='8.5' fill='%23b06f5c'/%3E%3Cellipse cx='58' cy='45' rx='4' ry='2.5' fill='%23fff' fill-opacity='.4'/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes bowsway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(max-width:780px){.giftbow{width:70px;height:60px}.giftribbon{top:22px;right:-70px;height:20px}}
@media(prefers-reduced-motion:reduce){.giftbow{animation:none}}

/* ===== กรอบรูปหมวดของขวัญ: พื้นหลังสีเดียวกับรูป (index3) ===== */
.catimg,.corpimg{background:#ece8e5}
.occasion{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
.occasion .catimg{flex:1 0 auto;width:100%}
.occasion .catlabel{flex:none}

/* ===== หัวเว็บทึบ ไม่ให้สีส่วนเข้มด้านหลังซึม/เป็นขอบ (index3) ===== */
header{background:#f8f2ee;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #eadbd1;box-shadow:0 6px 18px -14px #7d4a3f55}
.mobilebar{background:#f8f2ee;-webkit-backdrop-filter:none;backdrop-filter:none}

/* มือถือ/จอสัมผัส: ส่วนสเก็ตช์และปั้น 3D ใช้นิ้วปัดดูทีละชิ้น */
.ticker.swipe{--w:min(72vw,340px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:none;mask-image:none;touch-action:pan-x pan-y}
.ticker.swipe::-webkit-scrollbar{display:none}
.ticker.swipe[data-craft=blender]{--w:min(84vw,520px)}
.ticker.swipe .track{will-change:auto}
.ticker.swipe .set{display:flex;gap:12px;padding:6px var(--pad,8vw) 4px}
.ticker.swipe .tick{width:var(--w);height:auto;scroll-snap-align:center;scroll-snap-stop:always;transition:transform .35s ease,opacity .35s ease;transform:scale(.92);opacity:.6}
.ticker.swipe .tick.on{transform:none;opacity:1}
.swipedots{display:flex;justify-content:center;gap:2px;margin-top:10px}
.swipedots button{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.swipedots button:after{content:"";width:6px;height:6px;border-radius:3px;background:#c9a99b;transition:width .3s,background .3s}
.swipedots button[aria-current=true]:after{width:18px;background:#7d4a3f}
.studio .swipedots button:after{background:#ffffff40}
.studio .swipedots button[aria-current=true]:after{background:#e2bd9c}
@media(prefers-reduced-motion:reduce){.ticker.swipe .tick{transition:none}}

/* ===== ความเร็ว: ส่วนที่อยู่ใต้จอแรก ให้เบราว์เซอร์ข้ามการจัดหน้าจนกว่าจะเลื่อนใกล้ถึง (หน้าตาเหมือนเดิม) ===== */
#reviews,#occasions,#works,#craft,#compare,#prices,#gift,#order,#questions,#behind,#films,#corporate,#contact{content-visibility:auto;contain-intrinsic-size:auto 900px}