.tf{--tf-paper:#f7f6f1;--tf-paper-2:#efece3;--tf-grid:rgba(40,50,60,0.07);--tf-ink:#28323c;--tf-ink-2:#59636d;--tf-ink-3:#8a939b;--tf-line:#d9d6cc;--tf-teal:#009e83;--tf-teal-aa:#00856a;--tf-teal-aa-hover:#00755e;--tf-mint:#b8f4e7;--tf-fab:#e9e4d6;--tf-fab-dark:#d9d2bf;--tf-display:var(--ff-kanit),"Kanit","Prompt",system-ui,sans-serif;--tf-body:var(--ff-prompt),"Prompt","Sarabun",system-ui,sans-serif;--tf-num:var(--ff-montserrat),"Montserrat","Prompt",system-ui,sans-serif;--tf-maxw:1180px;background:var(--tf-paper);color:var(--tf-ink);font-family:var(--tf-body);font-size:17px;line-height:1.65;overflow-x:clip}.tf *,.tf :after,.tf :before{box-sizing:border-box}.tf h1,.tf h2,.tf h3{font-family:var(--tf-display);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.005em}.tf p{margin:0}.tf a{color:inherit}.tf .tf-num{font-family:var(--tf-num);font-variant-numeric:tabular-nums}.tf .tf-wrap{max-width:var(--tf-maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.tf .tf-fine{font-size:14px;color:var(--tf-ink-2)}.tf .tf-src{font-size:13px;color:var(--tf-ink-3)}.tf-top{position:absolute;inset:0 0 auto 0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,40px)}.tf-top img{height:34px;width:auto;display:block}.tf-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--tf-display);font-weight:600;font-size:16px;line-height:1;padding:14px 20px;border-radius:12px;text-decoration:none;transition:background-color .18s ease,color .18s ease}.tf-btn-primary{background:var(--tf-teal-aa);color:#fff}.tf-btn-primary:hover{background:var(--tf-teal-aa-hover)}.tf-btn-ghost{background:transparent;color:var(--tf-ink);box-shadow:inset 0 0 0 1.5px var(--tf-line)}.tf-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--tf-ink)}.tf a:focus-visible,.tf button:focus-visible{outline:3px solid var(--tf-teal);outline-offset:3px}.tf-hero{position:relative;min-height:100svh;display:grid;align-items:end;padding-block:120px 56px;isolation:isolate;overflow:hidden;background-image:linear-gradient(var(--tf-grid) 1px,transparent 1px),linear-gradient(90deg,var(--tf-grid) 1px,transparent 1px);background-size:48px 48px}.tf-hero-planes{position:absolute;inset:0;z-index:-1;pointer-events:none}.tf-plane{position:absolute;will-change:transform}.tf-plane svg{width:100%;height:100%;display:block;overflow:visible}.tf-plane-back{right:-6%;top:2%;width:min(62vw,720px);translate:0 calc(var(--sc-p, 0) * -60px);opacity:.9}.tf-plane-mid{left:48%;top:10%;width:min(46vw,540px);translate:0 calc(var(--sc-p, 0) * -140px)}.tf-plane-front{left:56%;top:38%;width:min(34vw,380px);translate:0 calc(var(--sc-p, 0) * -240px)}.tf-plane-neck{left:42%;top:6%;width:min(22vw,240px);translate:0 calc(var(--sc-p, 0) * -320px);rotate:calc(-6deg + var(--sc-p, 0) * 10deg)}.tf-hero-copy{position:relative;max-width:640px;display:grid;gap:18px}.tf-kicker{font-family:var(--tf-display);font-weight:500;font-size:15px;color:var(--tf-ink-2);letter-spacing:.02em}.tf-hero h1{font-size:clamp(42px,7.2vw,96px);font-weight:800}.tf-hero-lede{font-size:clamp(17px,1.6vw,21px);max-width:34ch;color:var(--tf-ink-2)}.tf-hero-price{display:grid;gap:2px;padding:16px 0 0;border-top:1.5px solid var(--tf-ink);max-width:420px}.tf-hero-price .tf-num{font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:1;color:var(--tf-teal)}.tf-hero-price small{font-size:15px;color:var(--tf-ink-2)}.tf-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}.tf-spec{padding-block:clamp(72px,10vw,128px)}.tf-spec-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);align-items:start}.tf-spec h2{font-size:clamp(30px,3.6vw,46px);font-weight:700}.tf-spec-lede{margin-top:18px;color:var(--tf-ink-2);font-size:18px;max-width:52ch}.tf-spec-rows{display:grid;border-top:1.5px solid var(--tf-ink)}.tf-spec-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--tf-line)}.tf-spec-row dt{color:var(--tf-ink-2);font-size:16px}.tf-spec-row dd{margin:0;font-family:var(--tf-num);font-weight:700;font-size:clamp(22px,2.4vw,30px);white-space:nowrap}.tf-spec-row dd span{font-family:var(--tf-body);font-weight:400;font-size:15px;color:var(--tf-ink-2);margin-left:6px}.tf-silence{min-height:52svh;display:grid;place-items:center;text-align:center;padding-inline:16px}.tf-silence p{font-family:var(--tf-display);font-weight:500;font-size:clamp(20px,2.4vw,30px);color:var(--tf-ink-2);max-width:26ch;text-wrap:balance}.tf-act-stage{position:relative;height:520vh}.tf-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,56px);max-width:var(--tf-maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,40px);overflow:hidden;--p:var(--sc-p,0);--k1:clamp(0,calc(var(--p) * 6),1);--k2:clamp(0,calc((var(--p) - 0.1667) * 6),1);--k3:clamp(0,calc((var(--p) - 0.3333) * 6),1);--k4:clamp(0,calc((var(--p) - 0.5) * 6),1);--k5:clamp(0,calc((var(--p) - 0.6667) * 6),1);--k6:clamp(0,calc((var(--p) - 0.8333) * 6),1)}.tf-stage-svg{width:100%;height:auto;max-height:86svh;display:block;color:var(--tf-ink)}.tf-stage-copy{display:grid;gap:10px;align-content:center}.tf-stage-copy h2{font-size:clamp(26px,3vw,38px);font-weight:700}.tf-steps-live{position:relative;min-height:220px}.tf-cap{position:absolute;inset:0;display:grid;gap:8px;align-content:start}.tf-cap .tf-step-n{font-family:var(--tf-num);font-weight:700;color:var(--tf-teal);font-size:15px;letter-spacing:.04em}.tf-cap h3{font-size:clamp(22px,2.6vw,32px);font-weight:700}.tf-cap p{color:var(--tf-ink-2);font-size:17px;max-width:38ch}.tf-cap .tf-fact{color:var(--tf-ink);font-weight:500;font-size:16px;position:relative;padding-left:20px}.tf-cap .tf-fact:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:2px;background:var(--tf-teal)}.tf-cap[data-n="1"]{opacity:calc(1 - var(--k2))}.tf-cap[data-n="2"]{opacity:calc(var(--k2) * (1 - var(--k3)))}.tf-cap[data-n="3"]{opacity:calc(var(--k3) * (1 - var(--k4)))}.tf-cap[data-n="4"]{opacity:calc(var(--k4) * (1 - var(--k5)))}.tf-cap[data-n="5"]{opacity:calc(var(--k5) * (1 - var(--k6)))}.tf-cap[data-n="6"]{opacity:var(--k6)}.tf-stage-progress{height:3px;background:var(--tf-line);border-radius:2px;overflow:hidden}.tf-stage-progress i{display:block;height:100%;width:100%;background:var(--tf-teal);transform-origin:left;scale:var(--p) 1}.tf-stage-svg .tf-fab{fill:var(--tf-fab)}.tf-stage-svg .tf-fab-dark{fill:var(--tf-fab-dark)}.tf-stage-svg .tf-core{fill:var(--tf-paper)}.tf-stage-svg .tf-rib{fill:var(--tf-fab-dark)}.tf-stage-svg .tf-seam{fill:none;stroke:var(--tf-teal);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--k3, 1))}.tf-stage-svg .tf-roll{transform-box:fill-box;transform-origin:right center;scale:calc(.35 + .65 * var(--k1, 1)) 1;opacity:calc(1 - var(--k2, 1))}.tf-stage-svg .tf-piece{transform-box:fill-box;transform-origin:center;opacity:calc(var(--k2, 1) * (1 - var(--k6, 0) * .15))}.tf-stage-svg .tf-back{translate:calc(-150px * (1 - var(--k3, 1))) calc(120px * (1 - var(--k3, 1)));rotate:calc(-9deg * (1 - var(--k3, 1)))}.tf-stage-svg .tf-front{translate:calc(140px * (1 - var(--k3, 1))) calc(130px * (1 - var(--k3, 1)));rotate:calc(7deg * (1 - var(--k3, 1)))}.tf-stage-svg .tf-sleeve-l{translate:calc(-210px * (1 - var(--k3, 1))) calc(-60px * (1 - var(--k3, 1)));rotate:calc(-28deg * (1 - var(--k3, 1)))}.tf-stage-svg .tf-sleeve-r{translate:calc(210px * (1 - var(--k3, 1))) calc(-60px * (1 - var(--k3, 1)));rotate:calc(28deg * (1 - var(--k3, 1)))}.tf-stage-svg .tf-neck{translate:0 calc(-170px * (1 - var(--k3, 1)));rotate:calc(14deg * (1 - var(--k3, 1)))}.tf-stage-svg .tf-print{transform-box:fill-box;transform-origin:center;opacity:var(--k4,1);scale:calc(.6 + .4 * var(--k4, 1))}.tf-stage-svg .tf-print-fill{fill:var(--tf-teal)}.tf-stage-svg .tf-print-text{fill:#fff;font-family:var(--tf-display);font-weight:700;font-size:16px}.tf-stage-svg .tf-qc-ring{fill:none;stroke:var(--tf-ink);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--k5, 1))}.tf-stage-svg .tf-qc-tick{fill:none;stroke:var(--tf-ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--k5, 1))}.tf-stage-svg .tf-garment{transform-box:fill-box;transform-origin:center;scale:calc(1 - .42 * var(--k6, 0));translate:0 calc(40px * var(--k6, 0));opacity:calc(1 - var(--k6, 0))}.tf-stage-svg .tf-box{transform-box:fill-box;transform-origin:center;opacity:var(--k6,0);scale:calc(.8 + .2 * var(--k6, 0))}.tf-stage-svg .tf-box-fill{fill:var(--tf-paper-2);stroke:var(--tf-ink);stroke-width:2.5}.tf-stage-svg .tf-box-line{stroke:var(--tf-ink);stroke-width:2}.tf-stage-svg .tf-folded{fill:var(--tf-fab);stroke:var(--tf-ink-2);stroke-width:1.5}.tf-stage-svg .tf-fold-line{stroke:var(--tf-ink-2);stroke-width:1.2;stroke-dasharray:4 4}.tf-strip{display:none}.tf-steps-list{padding-block:40px clamp(72px,9vw,120px)}.tf-steps-list ol{list-style:none;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;border-top:1.5px solid var(--tf-ink);padding:28px 0 0}.tf-steps-list li{display:grid;gap:6px}.tf-steps-list .tf-step-n{font-family:var(--tf-num);font-weight:700;color:var(--tf-teal);font-size:14px}.tf-steps-list h3{font-size:20px;font-weight:600}.tf-steps-list p{color:var(--tf-ink-2);font-size:16px}.tf-act-pan{position:relative;height:240vh}.tf-pan-sticky{position:sticky;top:0;height:100svh;display:grid;align-content:center;gap:28px;overflow:hidden}.tf-pan-head{max-width:var(--tf-maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,40px);width:100%;display:grid;gap:10px}.tf-pan-head h2{font-size:clamp(30px,3.6vw,46px);font-weight:700}.tf-pan-track{display:flex;gap:20px;padding-inline:clamp(16px,4vw,40px);width:max-content;translate:calc(var(--sc-p, 0) * (100vw - 100%)) 0;will-change:transform}.tf-fabric{width:clamp(300px,30vw,420px);background:#fff;border:1px solid var(--tf-line);border-radius:18px;padding:22px 22px 24px;display:grid;gap:14px;align-content:start;min-height:420px}.tf-fabric.is-top{width:clamp(320px,34vw,480px)}.tf-fabric figure{margin:0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--tf-paper-2)}.tf-fabric figure img{width:100%;height:100%;object-fit:cover;display:block}.tf-fabric h3{font-size:24px;font-weight:700;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tf-fabric h3 small{font-family:var(--tf-body);font-weight:500;font-size:13px;color:var(--tf-teal-aa)}.tf-fabric .tf-code{color:var(--tf-ink-2);font-size:15px}.tf-fabric .tf-price{display:grid;gap:2px;margin-top:auto;padding-top:12px;border-top:1px solid var(--tf-line)}.tf-fabric .tf-price .tf-num{font-size:26px;font-weight:700}.tf-fabric .tf-caveat,.tf-fabric .tf-price small{color:var(--tf-ink-2);font-size:14px}.tf-fabric .tf-caveat:before{content:"ข้อควรรู้ · ";color:var(--tf-ink-3)}.tf-factory{padding-block:clamp(72px,10vw,128px);background:var(--tf-paper-2)}.tf-factory-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);align-items:start}.tf-factory h2{font-size:clamp(30px,3.6vw,46px);font-weight:700}.tf-factory-lede{margin-top:16px;color:var(--tf-ink-2);font-size:18px;max-width:48ch}.tf-honest{display:grid;gap:22px}.tf-honest h3{font-size:17px;font-weight:600;color:var(--tf-ink-2);padding-bottom:8px;border-bottom:1.5px solid var(--tf-ink)}.tf-honest ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tf-honest li{position:relative;padding-left:22px;font-size:17px}.tf-honest li:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:2px;background:var(--tf-teal)}.tf-honest .is-partner li:before{background:transparent;box-shadow:inset 0 0 0 2px var(--tf-ink-3)}.tf-photo-note{margin-top:40px;font-size:14px;color:var(--tf-ink-2);max-width:62ch}.tf-photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}.tf-photo-grid figure{margin:0;border-radius:12px;overflow:hidden;background:var(--tf-paper);grid-column:span 2;aspect-ratio:4/3}.tf-photo-grid figure:first-child{grid-column:span 4;aspect-ratio:16/9}.tf-photo-grid img,.tf-photo-grid video{width:100%;height:100%;object-fit:cover;display:block}.tf-photo-grid figcaption{font-size:13px;color:var(--tf-ink-3);padding:6px 2px 0}.tf-faq{padding-block:clamp(72px,10vw,128px)}.tf-faq h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;margin-bottom:28px}.tf-faq dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,6vw,80px);border-top:1.5px solid var(--tf-ink)}.tf-faq .tf-qa{padding:22px 0;border-bottom:1px solid var(--tf-line);display:grid;gap:8px}.tf-faq dt{font-family:var(--tf-display);font-weight:600;font-size:20px}.tf-faq dd{margin:0;color:var(--tf-ink-2);font-size:16.5px}.tf-close{background:var(--tf-ink);color:#fff;padding-block:clamp(72px,10vw,128px) 120px}.tf-close-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px clamp(32px,6vw,96px);align-items:start}.tf-close h2{font-size:clamp(34px,4.6vw,64px);font-weight:800}.tf-close-price{margin-top:28px;padding-top:18px;border-top:1.5px solid rgba(255,255,255,.35);display:grid;gap:4px}.tf-close-price .tf-num{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1;color:var(--tf-mint)}.tf-close-price small{color:rgba(255,255,255,.72);font-size:15px}.tf-close-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;align-items:center}.tf-close .tf-btn-primary{background:var(--tf-mint);color:var(--tf-ink)}.tf-close .tf-btn-primary:hover{background:#d4fbf2}.tf-close .tf-btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}.tf-close .tf-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff}.tf-close-contact{display:grid;gap:6px;margin-top:28px;color:rgba(255,255,255,.78);font-size:15px}.tf-close-contact a{color:#fff;text-decoration:underline;text-underline-offset:3px}.tf-close-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px}.tf-close-form h3{font-size:22px;font-weight:700;margin-bottom:6px}.tf-close-form>p{color:rgba(255,255,255,.72);font-size:15px;margin-bottom:16px}.tf-close-form .nl-form label,.tf-close-form .nl-form legend{color:rgba(255,255,255,.85)}.tf-close-form .nl-form input,.tf-close-form .nl-form select,.tf-close-form .nl-form textarea{background:#fff;color:var(--tf-ink)}.tf-sticky{display:none}html[data-sc-ready] .tf [data-sc-reveal]{opacity:0;translate:0 18px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1)}html[data-sc-ready] .tf [data-sc-reveal].is-in{opacity:1;translate:0 0}html[data-sc-ready] .tf [data-sc-reveal][data-sc-delay="1"]{transition-delay:.08s}html[data-sc-ready] .tf [data-sc-reveal][data-sc-delay="2"]{transition-delay:.16s}html[data-sc-ready] .tf [data-sc-reveal][data-sc-delay="3"]{transition-delay:.24s}@media (max-width:1024px){.tf-close-grid,.tf-factory-grid,.tf-spec-grid{grid-template-columns:1fr}.tf-photo-grid,.tf-steps-list ol{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-photo-grid figure,.tf-photo-grid figure:first-child{grid-column:span 1;aspect-ratio:4/3}.tf-faq dl{grid-template-columns:1fr}}@media (max-width:760px){.tf{font-size:16px}.tf-top img{height:28px}.tf-top .tf-btn{display:none}.tf-hero{padding-block:96px 120px}.tf-plane-back{right:-30%;top:8%;width:120vw}.tf-plane-mid{left:30%;top:4%;width:78vw}.tf-plane-front{left:44%;top:24%;width:62vw}.tf-plane-neck{left:10%;top:2%;width:40vw}.tf-hero h1{font-size:clamp(40px,13vw,56px)}.tf-hero-actions .tf-btn-ghost{display:none}.tf-spec-row dd{font-size:22px}.tf-silence{min-height:40svh}.tf-act-stage{height:420vh}.tf-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,54svh) auto;align-items:start;padding-top:12px;gap:8px}.tf-stage-svg{max-height:54svh;margin-inline:auto}.tf-stage-copy h2{font-size:22px}.tf-steps-live{min-height:170px}.tf-cap h3{font-size:21px}.tf-cap p{font-size:15px}.tf-cap .tf-fact{font-size:14px}.tf-steps-list ol{grid-template-columns:1fr}.tf-act-pan{height:auto;padding-block:64px 24px}.tf-pan-sticky{position:static;height:auto;overflow:visible}.tf-pan-track{translate:0 0;width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}.tf-fabric,.tf-fabric.is-top{flex:0 0 82vw;width:82vw;scroll-snap-align:start;min-height:0}.tf-close{padding-bottom:140px}.tf-sticky{display:flex;position:fixed;left:0;right:0;bottom:var(--consent-banner-h,0);z-index:30;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px));background:rgba(247,246,241,.94);backdrop-filter:blur(10px);border-top:1px solid var(--tf-line)}.tf-sticky .tf-btn{flex:1 1 auto;justify-content:center}.tf-sticky .tf-sticky-line{flex:0 0 auto;font-size:14px;color:var(--tf-ink);text-decoration:underline;text-underline-offset:3px}body:has(.tf) .fixed.bottom-5.right-5.z-50{display:none}}@media (prefers-reduced-motion:reduce){.tf [data-sc-reveal]{transition:none!important;opacity:1!important;translate:0 0!important}.tf-plane{translate:0 0!important;rotate:0deg!important}.tf-act-stage{height:auto}.tf-stage{display:none}.tf-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:var(--tf-maxw);margin-inline:auto;padding:48px clamp(16px,4vw,40px) 0}.tf-strip figure{margin:0;display:grid;gap:6px}.tf-strip figcaption{font-size:14px;color:var(--tf-ink-2)}.tf-act-pan{height:auto;padding-block:64px 24px}.tf-pan-sticky{position:static;height:auto;overflow:visible}.tf-pan-track{translate:0 0;width:auto;overflow-x:auto}.tf-fabric,.tf-fabric.is-top{flex:0 0 min(82vw,380px)}}@media (prefers-reduced-motion:reduce) and (max-width:760px){.tf-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}