.moldy-why{padding:90px 0 78px;background:#fff9f3;border-block:1px solid #f0e4d8;scroll-margin-top:90px;overflow:clip}.mw-heading{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:48px;align-items:end;margin-bottom:38px}.mw-heading .kicker{font-size:11px;flex-wrap:wrap;line-height:1.7}.mw-heading h2{font-size:clamp(34px,3.7vw,53px);letter-spacing:-1.2px;line-height:1.35;margin:18px 0 0}.mw-heading h2 em{font-style:normal;color:#ea590f}.mw-purpose{border-left:2px solid #ffb386;padding-left:25px}.mw-purpose > span,.mw-purpose > :where(.moldy-native-widget) > span,.mw-purpose > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{font:700 11px/1.5 var(--font-latin);letter-spacing:1.5px;color:#a33c08}.mw-purpose p{font-size:16px;line-height:1.9;margin:10px 0 0;color:#726052}.mw-purpose strong{color:#24201d;font-size:21px;font-weight:600}.mw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.mw-tabs[hidden]{display:none}.mw-tabs button{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e5d8cb;border-radius:18px;background:#fff;color:#4e443c;font:600 16px/1.5 var(--font-thai);text-align:left;cursor:pointer;position:relative;overflow:hidden}.mw-tab-no{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#fff0e5;color:#b04108;font:800 12px var(--font-latin)}.mw-tab-arrow{margin-left:auto;color:#b04108;font-size:22px}.mw-tabs button[aria-selected=true]{background:#ff681f;border-color:#ff681f;color:#fff;box-shadow:0 9px 20px #e25e1521}.mw-tabs button[aria-selected=true] .mw-tab-no{background:#ffffff24;color:#fff}.mw-tabs button[aria-selected=true] .mw-tab-arrow{color:#fff}.mw-board{border-radius:30px;background:#1c1c1b;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 22px 45px #48280014}.mw-board:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at var(--mw-x,80%) var(--mw-y,30%),#ff8d2420,transparent 55%);pointer-events:none;z-index:-1}.mw-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;padding:30px;color:#fff;align-items:center}.mw-panel[hidden]{display:none}.mw-photo{position:relative;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:390px;background:#f0eae3;border-radius:22px;overflow:hidden}.mw-photo > img,.mw-photo > :where(.moldy-native-widget) > img,.mw-photo > :where(.moldy-native-widget) > :where(.elementor-widget-container) > img{display:block;width:100%;height:340px;object-fit:contain}.mw-photo figcaption{font-size:14px;line-height:1.7;background:#fff;color:#594d43;padding:17px 20px;text-align:center}.mw-photo-label{position:absolute;top:16px;left:16px;right:16px;max-width:max-content;background:#fffdf2ec;color:#8d390d;padding:8px 12px;border-radius:99px;font:700 10px/1.5 var(--font-latin);letter-spacing:.5px;box-shadow:0 4px 16px #2a211017}.mw-copy{padding:10px 10px 10px 0;min-width:0}.mw-label{font:700 11px/1.6 var(--font-latin);letter-spacing:1.3px;color:#ffab75;margin:0 0 16px}.mw-copy h3{font-size:clamp(27px,2.7vw,38px);line-height:1.4;letter-spacing:-.5px;margin:0 0 18px;color:#fff}.mw-copy h3 em{font-style:normal;color:#ff9b63}.mw-intro{font-size:16px;line-height:1.9;color:#d9cec4;margin:0 0 22px}.mw-copy :is(ul,.moldy-tag-ul){list-style:none;padding:0;margin:0 0 22px}.mw-copy li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.8;color:#e8ded4;margin:8px 0}.mw-copy li > span,.mw-copy li > :where(.moldy-native-widget) > span,.mw-copy li > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{color:#ffa36b}.mw-gain{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff25;padding-top:21px}.mw-gain > span,.mw-gain > :where(.moldy-native-widget) > span,.mw-gain > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;border:1px solid #ffab75;color:#ffab75;font-size:24px}.mw-gain p{margin:0}.mw-gain small{display:block;font-size:12px;color:#c8b09c;margin-bottom:4px}.mw-gain strong{display:block;font-size:16px;line-height:1.65;font-weight:500;color:#fff}.mw-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:32px}.mw-footer > p,.mw-footer > :where(.moldy-native-widget) > p,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p{font-size:18px;line-height:1.8;font-weight:600;margin:0}.mw-footer > p > span,.mw-footer > p > :where(.moldy-native-widget) > span,.mw-footer > p > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span,.mw-footer > :where(.moldy-native-widget) > p > span,.mw-footer > :where(.moldy-native-widget) > p > :where(.moldy-native-widget) > span,.mw-footer > :where(.moldy-native-widget) > p > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p > span,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p > :where(.moldy-native-widget) > span,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{font-size:14px;color:#7a6859;font-weight:400}.mw-footer > div,.mw-footer > :where(.moldy-native-widget) > div,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > div{display:flex;align-items:center;gap:25px;flex-shrink:0}.mw-about{font-size:14px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #8d7866;padding:9px 0}.moldy-why a:focus-visible,.mw-tabs button:focus-visible{outline:3px solid #b43e04;outline-offset:5px}.mw-panel:focus-visible{outline:3px solid #ffab75;outline-offset:-6px}.mw-panel+.mw-panel{border-top:1px solid #ffffff25}.mw-enhanced .mw-panel{border-top:0}
@media(prefers-reduced-motion:no-preference){html:not([data-motion="off"]) .mw-tabs button,html:not([data-motion="off"]) .mw-tab-arrow{transition:background .25s,border-color .25s,transform .3s,box-shadow .3s}html:not([data-motion="off"]) .mw-tabs button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #3d200c14}html:not([data-motion="off"]) .mw-tabs button:hover .mw-tab-arrow{transform:rotate(45deg)}html:not([data-motion="off"]) .mw-enhanced .mw-panel:not([hidden]) .mw-copy{animation:mw-in .5s ease both}html:not([data-motion="off"]) .mw-enhanced .mw-panel:not([hidden]) .mw-photo{animation:mw-in .6s ease both}html:not([data-motion="off"]) .mw-arrived .mw-heading{animation:mw-in .7s ease both}html:not([data-motion="off"]) .mw-arrived .mw-board{animation:mw-in .8s .1s ease both}}
@keyframes mw-in{from{opacity:.25;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:1050px){.mw-heading{grid-template-columns:1.4fr 1fr;gap:30px}.mw-heading h2{font-size:39px}.mw-panel{gap:26px;padding:25px}.mw-photo > img,.mw-photo > :where(.moldy-native-widget) > img,.mw-photo > :where(.moldy-native-widget) > :where(.elementor-widget-container) > img{height:320px}.mw-copy{padding:0}.mw-footer{align-items:flex-start}.mw-footer > div,.mw-footer > :where(.moldy-native-widget) > div,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > div{gap:15px}.mw-footer .button{padding-inline:20px;min-height:52px;font-size:14px}}
@media(max-width:800px){.moldy-why{padding:58px 0}.mw-heading{grid-template-columns:1fr;gap:24px}.mw-purpose{padding-left:18px}.mw-purpose p br{display:none}.mw-purpose strong{font-size:19px}.mw-purpose p{margin-top:6px}.mw-panel{grid-template-columns:1fr;gap:26px;padding:22px}.mw-photo{min-height:0}.mw-photo > img,.mw-photo > :where(.moldy-native-widget) > img,.mw-photo > :where(.moldy-native-widget) > :where(.elementor-widget-container) > img{height:auto;max-height:340px;aspect-ratio:16/10}.mw-copy{padding:0 3px 8px}.mw-tabs{gap:8px}.mw-tabs button{padding:13px 10px;gap:8px;font-size:14px;flex-wrap:wrap;align-content:flex-start}.mw-tab-no{width:29px;height:29px;border-radius:9px}.mw-tab-arrow{display:none}.mw-footer{flex-direction:column;gap:20px}.mw-footer > div,.mw-footer > :where(.moldy-native-widget) > div,.mw-footer > :where(.moldy-native-widget) > :where(.elementor-widget-container) > div{flex-wrap:wrap;gap:24px}.mw-heading h2{font-size:36px}}
@media(max-width:420px){.mw-heading h2{font-size:30px;letter-spacing:-.7px}.mw-tabs button{font-size:13px;flex-direction:column;align-items:flex-start;gap:8px}.mw-board{border-radius:22px}.mw-panel{padding:15px}.mw-copy{padding:5px 4px 10px}.mw-photo{border-radius:15px}.mw-photo-label{font-size:9px;top:10px;left:10px}.mw-photo figcaption{font-size:13px;padding:12px}.mw-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.moldy-why *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mw-playback{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px;color:#7a6859;font-size:13px}.mw-playback[hidden]{display:none}.mw-autoplay{border:1px solid #dccab9;border-radius:30px;background:#fff;padding:9px 15px;font:500 13px/1.5 var(--font-thai);color:#793e1e;cursor:pointer;flex-shrink:0}.mw-autoplay:disabled{cursor:default;color:#74665a}.mw-enhanced .mw-board{display:grid}.mw-enhanced .mw-panel{grid-area:1/1}.mw-enhanced .mw-panel[hidden]{display:grid;visibility:hidden;pointer-events:none}.mw-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff9;transform:scaleX(0);transform-origin:left}.mw-running .mw-tabs button[aria-selected=true]:after{animation:mw-timer 12s linear both}@keyframes mw-timer{to{transform:scaleX(1)}}
@media(max-width:600px){.mw-playback{align-items:flex-end;font-size:12px}.mw-playback > span,.mw-playback > :where(.moldy-native-widget) > span,.mw-playback > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{max-width:180px}.mw-autoplay{font-size:12px;padding:8px 12px}}.home-page .trust-ribbon{grid-template-columns:.48fr repeat(3,1fr);padding:28px 0}.home-page .trust-point{align-items:flex-start;gap:15px;padding-inline:24px}.home-page .trust-point__icon{flex-shrink:0;margin-top:3px;background:#fff1e5;border-color:#f4d4b9;color:#b1410a}.home-page .trust-point b{font-size:14px;line-height:1.65}.home-page .trust-point small{font-size:12px;line-height:1.8;color:#71675c;margin-top:6px}.home-page #proof .proof-intro{max-width:470px}.proof-intro > p,.proof-intro > :where(.moldy-native-widget) > p,.proof-intro > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p{font-size:16px;line-height:1.9;color:#756c61;margin:0 0 20px}.proof-about-link{display:inline-flex;align-items:center;gap:12px;padding:8px 10px 8px 9px;border:1px solid #e7d8c9;border-radius:99px;color:#61341a;background:#fffaf5;font-size:13px;text-decoration:none;transition:background .25s,transform .25s,border-color .25s}.proof-about-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#ffebd9;color:#bb4204;font-size:21px}.proof-about-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#25221f;color:#fff;font-size:18px;transition:transform .3s}.proof-about-link:hover{background:#ffecd9;border-color:#e4a77e;transform:translateY(-2px)}.proof-about-link:hover .proof-about-arrow{transform:rotate(45deg)}.proof-about-link:focus-visible,.gift-story a:focus-visible{outline:3px solid #bf490f;outline-offset:5px}.gift-story{margin-top:45px;padding:30px 36px 0;background:#fff7ed;border:1px solid #ecdcca;border-radius:28px;overflow:hidden;position:relative;isolation:isolate;color:#28241f}.gs-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e6d5c3;padding-bottom:20px;font:700 10px/1.5 var(--font-latin);letter-spacing:.1em;color:#98613d}.gs-topline > span:nth-child(2),.gs-topline > :where(.moldy-native-widget) > span:nth-child(2),.gs-topline > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span:nth-child(2){font-size:26px;color:#ef671e}.gs-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 0 36px;align-items:center}.gs-copy{position:relative;z-index:2}.gs-copy .kicker{font-size:10px;letter-spacing:.12em}.home-page .gs-copy h2{font-size:clamp(32px,3.45vw,47px);line-height:1.45;letter-spacing:-.8px;margin:20px 0 24px}.gs-copy h2 em{color:#d84d08;font-style:normal}.gs-copy > p:not(.kicker),.gs-copy > :where(.moldy-native-widget) > p:not(.kicker),.gs-copy > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p:not(.kicker){font-size:16px;line-height:1.95;color:#726356;margin:0 0 20px}.gs-copy .gs-lead{color:#473b30!important;font-size:18px!important}.gs-copy strong{font-weight:600;color:#973807}.gs-thought{display:flex;gap:15px;border-left:3px solid #ef6a20;padding:15px 18px;margin:28px 0;background:#ffead6;border-radius:0 15px 15px 0}.gs-thought > span,.gs-thought > :where(.moldy-native-widget) > span,.gs-thought > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{font-size:27px;color:#ba460c}.gs-thought p{font-size:13px;line-height:1.85;margin:0;color:#926649}.gs-thought b{font-size:17px;color:#3c2d22;font-weight:600}.gs-small-link{display:inline-flex;gap:15px;align-items:center;color:#8f380f;font-size:13px;text-decoration:none;border-bottom:1px solid #c79672;padding-bottom:6px}.gs-stage{position:relative;min-height:570px;isolation:isolate;display:flex;align-items:center;padding:28px 0 70px 45px}.gs-ring{position:absolute;left:3%;right:-14%;top:12%;bottom:10%;border:1px dashed #ce936a;border-radius:50%;z-index:-1;opacity:.55}.gs-ring--two{inset:23% -9% 18% 9%;border:32px solid #f5dfc7;opacity:.5}.gs-product{margin:0;background:#fff;box-shadow:0 24px 40px #66390818;border:8px solid #fff;overflow:hidden;position:relative}.gs-product--main{width:100%;border-radius:110px 110px 22px 22px;transform:rotate(4deg)}.home-page .gs-product--main img{display:block;width:100%;height:350px;max-height:none;object-fit:contain;background:#f8f4ef}.gs-product--main figcaption{padding:17px 17px 10px;background:#fff;position:static}.gs-product--main figcaption span{font:700 9px/1.5 var(--font-latin);letter-spacing:.12em;color:#ad561f}.gs-product--main figcaption b{display:block;font-size:18px;color:#3e3126;margin-top:4px}.gs-product--small{position:absolute;bottom:0;left:0;width:165px;border-radius:18px;transform:rotate(-9deg);z-index:3}.home-page .gs-product--small img{display:block;width:100%;height:155px;max-height:none;object-fit:contain;background:#eeeae1}.gs-product--small figcaption{position:static;font-size:10px;font-weight:600;color:#7e4a28;padding:10px 4px 3px}.gs-note{position:absolute;font-size:13px;font-weight:600;z-index:4;box-shadow:0 8px 22px #82471414}.gs-note--top{top:0;left:38px;color:#fff;background:#292621;padding:12px 19px;transform:rotate(-5deg);border-radius:12px}.gs-note--bottom{bottom:25px;right:0;color:#783605;background:#ffdda9;padding:14px 18px;transform:rotate(4deg);border-radius:10px}.gs-seal{position:absolute;right:-12px;top:30px;background:#ff671e;color:#fff;width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:700 8px/1.4 var(--font-latin);transform:rotate(12deg);z-index:3}.gs-seal b{font-size:16px;line-height:1.1;margin:3px 0}.gs-seal > span,.gs-seal > :where(.moldy-native-widget) > span,.gs-seal > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{font-size:16px}.gs-journey{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e4d2bc;border:1px solid #e4d2bc;border-radius:20px;overflow:hidden;margin:35px 0 30px}.gs-journey article{background:#fffdf9;padding:26px;position:relative;transition:background .3s}.gs-journey article:hover{background:#ffead7}.gs-step{display:flex;align-items:center;justify-content:space-between;color:#a6400e;font:700 12px/1.5 var(--font-latin);margin-bottom:20px}.gs-step i{font-style:normal;font-size:24px;color:#e65d16}.gs-journey h3{font-size:21px;line-height:1.5;margin:0 0 12px;color:#342a21}.gs-journey p{font-size:14px;line-height:1.9;color:#7a6858;margin:0}.gs-journey:after{content:'';position:absolute;top:0;left:0;width:24%;height:3px;background:linear-gradient(90deg,transparent,#fc752c,transparent);pointer-events:none}.gs-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #e6d5c3;padding:28px 0 32px}.gs-bottom p{margin:0;line-height:1.8}.gs-bottom b{display:block;font-size:18px;color:#3b2c22}.gs-bottom p > span,.gs-bottom p > :where(.moldy-native-widget) > span,.gs-bottom p > :where(.moldy-native-widget) > :where(.elementor-widget-container) > span{display:block;font-size:13px;color:#806955;margin-top:6px}.gs-bottom .button{flex-shrink:0;font-size:14px;min-height:52px;padding-inline:23px}
@media(prefers-reduced-motion:no-preference){html:not([data-motion="off"]) .gs-ring--one{animation:gs-orbit 65s linear infinite}html:not([data-motion="off"]) .gs-product--small{animation:gs-float 7s ease-in-out infinite}html:not([data-motion="off"]) .gs-note--bottom{animation:gs-float 7s -3s ease-in-out infinite}html:not([data-motion="off"]) .gs-journey:after{animation:gs-trace 7s linear infinite}}
@keyframes gs-orbit{to{rotate:360deg}}@keyframes gs-float{50%{translate:0 -10px}}@keyframes gs-trace{from{left:-25%}to{left:100%}}
@media(max-width:1000px){.home-page .trust-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .trust-ribbon__intro{display:none}.home-page .trust-point{padding-inline:15px;gap:10px}.gift-story{padding:25px 26px 0}.gs-layout{gap:25px}.gs-stage{padding-left:15px;min-height:520px}.home-page .gs-product--main img{height:300px}.gs-product--small{width:140px}.home-page .gs-product--small img{height:130px}.gs-seal{width:85px;height:85px;right:-8px}.gs-journey article{padding:22px}.gs-journey h3{font-size:19px}.gs-bottom{align-items:flex-start}.gs-bottom b{font-size:17px}}
@media(max-width:760px){.home-page .trust-ribbon{grid-template-columns:1fr;padding:8px 0}.home-page .trust-point{padding:18px 4px;gap:16px;border-left:0}.home-page .trust-point+.trust-point{border-top:1px solid #e8ddd2}.home-page .trust-point b{font-size:15px}.home-page #proof .proof-intro{margin-top:18px;max-width:none}.proof-intro > p,.proof-intro > :where(.moldy-native-widget) > p,.proof-intro > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p{font-size:15px}.gift-story{padding:20px 20px 0;border-radius:22px;margin-top:32px}.gs-topline{font-size:8px;letter-spacing:.04em;gap:8px}.gs-layout{grid-template-columns:1fr;padding-top:32px;gap:35px}.home-page .gs-copy h2{font-size:34px;line-height:1.42}.gs-copy > p:not(.kicker),.gs-copy > :where(.moldy-native-widget) > p:not(.kicker),.gs-copy > :where(.moldy-native-widget) > :where(.elementor-widget-container) > p:not(.kicker){font-size:15px}.gs-copy .gs-lead{font-size:17px!important}.gs-stage{width:100%;max-width:430px;min-height:500px;margin:0 auto;padding:35px 20px 70px 35px}.home-page .gs-product--main img{height:285px}.gs-product--small{left:0;bottom:0;width:135px}.gs-note--top{left:30px;top:8px}.gs-note--bottom{right:0;bottom:22px;font-size:12px}.gs-seal{right:0;top:20px}.gs-journey{grid-template-columns:1fr;margin:25px 0}.gs-journey article{padding:22px}.gs-step{margin-bottom:10px}.gs-bottom{flex-direction:column;gap:20px;padding:24px 0}.gs-bottom .button{width:100%}}
@media(prefers-reduced-motion:reduce){.gift-story *,.gift-story:after,.proof-about-link,.proof-about-arrow{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.gift-story .gs-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 22px;align-items:start;min-height:0;padding:32px 15px 12px 25px}.gift-story .gs-product--main{grid-column:1/-1;grid-row:1;min-width:0}.gift-story .gs-product--small{position:relative;inset:auto;grid-column:1;grid-row:2;justify-self:start;width:145px;max-width:100%;margin:0}.home-page .gift-story .gs-product--small img{height:125px}.gift-story .gs-note--bottom{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:center;justify-self:end;max-width:100%;text-align:center;line-height:1.7}
@media(max-width:760px){.gift-story .gs-stage{padding:35px 10px 12px 15px;gap:44px 18px}.gift-story .gs-product--small{width:130px}.home-page .gift-story .gs-product--small img{height:112px}.gift-story .gs-note--bottom{padding:12px;font-size:12px}}.home-page #process .mp-icon{width:112px;height:112px;margin:32px auto 34px;background:radial-gradient(circle at 35% 30%,#fff7ed,#f8e5d7);border:1px solid #f1d6c1;box-shadow:inset 0 0 0 7px #ffffff55;transform:none}.home-page #process .mp-svg{display:block;width:82px;height:82px;fill:none;stroke:#e8560b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:none;overflow:visible}.mp-svg .mp-paper{fill:#fffdf8;stroke:#d66b2e}.mp-svg .mp-guide{stroke:#d7bba4}.mp-svg .mp-pencil-body,.mp-svg .mp-clip{fill:#ffdfc1}.mp-svg .mp-ink{stroke:#c74707;stroke-width:2}.mp-svg .mp-total circle{fill:#fff0de;stroke:#dc641b}.mp-svg .mp-cube-fill{fill:#fff1e1}.mp-svg .mp-corners{stroke:#dba17b;stroke-width:1.4}.mp-svg .mp-scan{stroke:#ff7932;stroke-width:2;opacity:0}.mp-svg .mp-delivered circle{fill:#f5671b;stroke:#fff;stroke-width:2}.mp-svg .mp-delivered path{stroke:#fff;stroke-width:2.2}.mp-svg .mp-spark{stroke:#dc5b16;stroke-width:1.6}.mp-controls{display:flex;justify-content:center;margin:-20px 0 25px}.mp-controls[hidden]{display:none}.mp-motion-toggle{border:1px solid #e3d1c0;border-radius:99px;background:#fffdf9;color:#86502e;padding:8px 14px;font:500 12px/1.5 var(--font-thai);cursor:pointer}.mp-motion-toggle:hover{background:#ffead8}.mp-motion-toggle:disabled{cursor:default;color:#776758}.mp-motion-toggle:focus-visible{outline:3px solid #ca500f;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){html:not([data-motion="off"]) #process.mp-active .mp-pencil{animation:mp-write 5s ease-in-out infinite;transform-origin:40px 40px}html:not([data-motion="off"]) #process.mp-active .mp-ink{stroke-dasharray:1;animation:mp-draw 5s ease-in-out infinite}html:not([data-motion="off"]) #process.mp-active .mp-row{stroke-dasharray:1;animation:mp-list 5s ease-in-out infinite}html:not([data-motion="off"]) #process.mp-active .mp-row--two{animation-delay:.35s}html:not([data-motion="off"]) #process.mp-active .mp-row--three{animation-delay:.7s}html:not([data-motion="off"]) #process.mp-active .mp-total{animation:mp-stamp 5s 1s ease-in-out infinite;transform-origin:61px 61px}html:not([data-motion="off"]) #process.mp-active .mp-cube{animation:mp-turn 6s ease-in-out infinite;transform-origin:40px 42px}html:not([data-motion="off"]) #process.mp-active .mp-scan{animation:mp-scan 6s ease-in-out infinite}html:not([data-motion="off"]) #process.mp-active .mp-lid{animation:mp-close 6s ease-in-out infinite}html:not([data-motion="off"]) #process.mp-active .mp-delivered{animation:mp-stamp 6s 1.3s ease-in-out infinite;transform-origin:61px 59px}html:not([data-motion="off"]) #process.mp-active .mp-spark{animation:mp-twinkle 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
}
@keyframes mp-write{0%,80%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-4px,3px) rotate(-4deg)}35%{transform:translate(3px,-2px) rotate(2deg)}50%{transform:translate(-2px,2px) rotate(-2deg)}65%{transform:translate(3px,-3px)}}
@keyframes mp-draw{0%,8%{stroke-dashoffset:1}65%,100%{stroke-dashoffset:0}}
@keyframes mp-list{0%,10%{stroke-dashoffset:1;opacity:.3}42%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes mp-stamp{0%,12%{transform:scale(.65);opacity:.2}30%{transform:scale(1.08);opacity:1}42%,100%{transform:scale(1);opacity:1}}
@keyframes mp-turn{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-3px) rotate(-7deg)}70%{transform:translateY(0) rotate(7deg)}}
@keyframes mp-scan{0%,12%{transform:translateY(0);opacity:0}24%{opacity:.85}66%{transform:translateY(34px);opacity:.85}82%,100%{transform:translateY(34px);opacity:0}}
@keyframes mp-close{0%,12%{transform:translateY(-9px)}38%,100%{transform:translateY(0)}}
@keyframes mp-twinkle{0%,65%,100%{transform:scale(1);opacity:.45}35%{transform:scale(1.15);opacity:1}}
@media(max-width:600px){.home-page #process .mp-icon{width:72px;height:72px;margin:26px 0 0;box-shadow:inset 0 0 0 4px #ffffff55}.home-page #process .mp-svg{width:60px;height:60px}.mp-controls{margin:0 0 20px}}
@media(prefers-reduced-motion:reduce){#process .mp-svg *{animation:none!important}}