.onsite-hero{isolation:isolate;width:100%;height:min(960px, calc(100svh - var(--header-height-desktop)));min-height:0;color:var(--white);font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;background:#010713;position:relative;overflow:hidden}.onsite-hero__artwork{z-index:-3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.onsite-hero__background{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.onsite-hero__background--desktop{object-fit:initial;object-position:initial;width:100%;max-width:100%;height:auto;display:block;position:absolute;top:0;left:0;transform:none}.onsite-hero__background--mobile{display:none}.onsite-hero__overlay{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#010814d6 0%,#020c1c8a 30%,#020e1f1a 58%,#01081214 100%),linear-gradient(#01081205 0% 62%,#01081294 100%);position:absolute;inset:0}.onsite-hero__safe-zone{z-index:2;width:min(100% - 96px,1600px);height:100%;min-height:0;margin-inline:auto;position:relative}.onsite-hero__content{box-sizing:border-box;flex-direction:column;width:100%;height:100%;min-height:0;padding:clamp(48px,6.4svh,70px) 0 clamp(26px,3.6svh,38px);display:flex;overflow:hidden}.onsite-hero__copy{flex:none;width:min(46%,620px)}.onsite-hero__title{color:var(--white);font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;letter-spacing:-.035em;flex-direction:column;margin:0;font-size:clamp(50px,4.25vw,76px);font-weight:400;line-height:1.01;display:flex}.onsite-hero__title span,.onsite-hero__title strong{display:block}.onsite-hero__title span{font-weight:600}.onsite-hero__title strong{color:var(--orange-500);margin-top:2px;font-weight:700}.onsite-hero__subtitle{color:#fffffff5;width:100%;max-width:590px;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;letter-spacing:-.012em;margin:18px 0 0;font-size:clamp(18px,1.38vw,24px);font-weight:400;line-height:1.34}.onsite-hero__accent{background:var(--orange-500);border-radius:999px;width:96px;height:2px;margin-top:20px}.onsite-hero__description{color:#ffffffe6;width:100%;max-width:530px;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;letter-spacing:-.008em;margin-top:20px;font-size:clamp(15px,1.03vw,18px);font-weight:400;line-height:1.45}.onsite-hero__description p{margin:0}.onsite-hero__description p+p{margin-top:20px}.onsite-hero__lower{flex:none;width:100%;min-height:0;margin-top:auto}.onsite-hero__cards{width:min(72%,920px);overflow:visible}.onsite-hero__card-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.onsite-liquid-card{isolation:isolate;-webkit-backdrop-filter:blur(32px)saturate(108%);min-width:0;height:clamp(104px,7.2vw,132px);color:var(--white);box-sizing:border-box;transition:transform .42s var(--ease-premium), border-color .32s ease, box-shadow .32s ease, background .32s ease;background:linear-gradient(145deg,#122a48e0 0%,#0a1f3ae6 48%,#041429eb 100%);border:1px solid #b0cde838;border-radius:11px;flex-direction:column;justify-content:center;padding:18px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #ffffff06,0 12px 28px #00040f47}.onsite-liquid-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff12 0%,#ffffff06 30%,#6c91b806 58%,#010b1b14 100%),radial-gradient(circle at 18% 8%,#c3dcf21a,#0000 40%);position:absolute;inset:0}.onsite-liquid-card:after{content:"";z-index:-1;border-radius:inherit;opacity:.85;pointer-events:none;background:linear-gradient(#ffffff06,#ffffff02);position:absolute;inset:0}.onsite-liquid-card__shine{opacity:.55;pointer-events:none;width:60%;height:190%;transition:left .7s var(--ease-premium), opacity .32s ease;background:linear-gradient(110deg,#0000 18%,#ffffff05 34%,#ffffff13 49%,#ffffff05 64%,#0000 82%);position:absolute;top:-45%;left:-60%;transform:rotate(14deg)}.onsite-liquid-card:hover{background:linear-gradient(145deg,#152e4eeb 0%,#0b213ef0 48%,#04152bf2 100%);border-color:#ff843e6b;transform:translateY(-5px);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08,0 18px 38px #00040f57}.onsite-liquid-card:hover .onsite-liquid-card__shine{opacity:.68;left:120%}.onsite-liquid-card h2{z-index:2;color:#fffffffa;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;margin:0;font-size:clamp(13px,1vw,17px);font-weight:700;line-height:1.18;position:relative}.onsite-liquid-card p{z-index:2;color:#ffffffc2;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;margin:8px 0 0;font-size:clamp(10px,.72vw,12px);font-weight:400;line-height:1.35;position:relative}.onsite-hero-reveal{opacity:0;animation:onsiteHeroReveal 1.15s var(--ease-premium) forwards;transform:translateY(30px)}.onsite-hero__cards.onsite-hero-reveal{animation-delay:.32s}@keyframes onsiteHeroReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.onsite-hero__safe-zone{width:min(100% - 120px,1600px)}}@media (min-width:1025px) and (max-width:1599px){.onsite-hero__safe-zone{width:min(100% - 80px,1440px)}.onsite-hero__copy{width:min(46%,610px)}.onsite-hero__title{font-size:clamp(44px,3.75vw,62px)}.onsite-hero__subtitle{max-width:560px;font-size:clamp(16px,1.25vw,20px)}.onsite-hero__description{max-width:510px;font-size:clamp(14px,1vw,16px)}}@media (min-width:1025px) and (max-height:820px){.onsite-hero__content{padding-top:28px;padding-bottom:20px}.onsite-hero__title{font-size:clamp(40px,3.35vw,56px)}.onsite-hero__subtitle{max-width:540px;margin-top:12px;font-size:clamp(15px,1.1vw,18px);line-height:1.3}.onsite-hero__accent{width:72px;margin-top:14px}.onsite-hero__description{max-width:490px;margin-top:14px;font-size:clamp(13px,.9vw,15px);line-height:1.36}.onsite-hero__description p+p{margin-top:12px}.onsite-liquid-card{height:96px;padding:14px}.onsite-liquid-card h2{font-size:clamp(12px,.9vw,15px)}.onsite-liquid-card p{margin-top:5px;font-size:9.5px}}@media (min-width:1025px) and (max-height:700px){.onsite-hero__content{padding-top:18px;padding-bottom:14px}.onsite-hero__title{font-size:clamp(34px,2.85vw,46px);line-height:1}.onsite-hero__title strong{margin-top:2px}.onsite-hero__subtitle{max-width:510px;margin-top:8px;font-size:clamp(13px,.95vw,16px);line-height:1.25}.onsite-hero__accent{width:58px;height:2px;margin-top:10px}.onsite-hero__description{max-width:470px;margin-top:10px;font-size:clamp(11px,.8vw,13px);line-height:1.3}.onsite-hero__description p+p{margin-top:8px}.onsite-liquid-card{height:82px;padding:12px}.onsite-liquid-card h2{font-size:11px}.onsite-liquid-card p{margin-top:3px;font-size:8.5px;line-height:1.2}}@media (max-width:1024px){.onsite-hero{height:auto;min-height:0;overflow:hidden}.onsite-hero__safe-zone{width:100%;height:auto;min-height:0;margin:0}.onsite-hero__content{height:auto;min-height:0;overflow:visible}}@media (max-width:767px){.onsite-hero{background:#010713;min-height:0;padding-bottom:24px;overflow:hidden}.onsite-hero__artwork{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.onsite-hero__background--desktop{display:none}.onsite-hero__background--mobile{object-fit:initial;object-position:initial;width:100%;max-width:100%;height:auto;display:block;position:absolute;top:0;left:0;transform:none}.onsite-hero__overlay{background:linear-gradient(#020a1796 0%,#020a1761 22%,#020a1714 45%,#020a170a 68%,#020a1785 100%)}.onsite-hero__safe-zone{width:100%;min-height:0;margin:0}.onsite-hero__content{box-sizing:border-box;flex-direction:column;min-height:215.37vw;padding:clamp(48px,11vw,70px) 0 24px;display:flex}.onsite-hero__copy{width:auto;padding-inline:24px}.onsite-hero__title{letter-spacing:-.035em;max-width:370px;font-size:clamp(28px,8vw,38px);line-height:1.03}.onsite-hero__title strong{margin-top:5px}.onsite-hero__subtitle{max-width:350px;margin-top:12px;font-size:clamp(13px,3.5vw,15px);line-height:1.35}.onsite-hero__accent{width:46px;height:2px;margin-top:13px}.onsite-hero__description{max-width:340px;margin-top:13px;font-size:clamp(11px,2.9vw,13px);line-height:1.42}.onsite-hero__description p+p{margin-top:12px}.onsite-hero__lower{flex-shrink:0;width:100%;margin-top:auto}.onsite-hero__cards{width:100%;overflow:visible}.onsite-hero__card-track{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;box-sizing:border-box;gap:10px;width:100%;padding:2px 24px 14px;scroll-padding-inline:24px;display:flex;overflow:auto hidden}.onsite-hero__card-track::-webkit-scrollbar{display:none}.onsite-liquid-card{scroll-snap-align:start;-webkit-backdrop-filter:blur(28px)saturate(115%);border-radius:10px;flex:0 0 min(64vw,245px);height:128px;padding:17px 16px}.onsite-liquid-card h2{font-size:15px;line-height:1.2}.onsite-liquid-card p{margin-top:7px;font-size:10.5px}}@media (max-width:480px){.onsite-hero__copy{padding-inline:22px}.onsite-hero__title{font-size:clamp(27px,7.8vw,34px)}.onsite-hero__subtitle{font-size:12.5px}.onsite-hero__description{font-size:11px}.onsite-liquid-card{flex-basis:min(67vw,235px)}}@media (max-width:360px){.onsite-hero__copy{padding-inline:18px}.onsite-hero__title{font-size:26px}.onsite-hero__subtitle{font-size:12px}.onsite-hero__description{font-size:10.5px}.onsite-hero__card-track{padding-left:18px;padding-right:18px;scroll-padding-inline:18px}.onsite-liquid-card{flex-basis:220px}}@media (prefers-reduced-motion:reduce){.onsite-hero-reveal{opacity:1;animation:none;transform:none}}
.onsite-service-section2{color:#071b3a;isolation:isolate;width:100%;height:100svh;min-height:700px;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;background:#fff;position:relative;overflow:hidden}.onsite-service-section2__safe-grid{grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);align-items:center;gap:clamp(46px,5vw,90px);width:min(1500px,100% - 96px);min-width:0;height:100%;min-height:0;margin-inline:auto;display:grid;position:relative}.onsite-service-section2__left{opacity:0;will-change:opacity, transform;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;height:min(760px,100svh - 100px);min-height:0;transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.25s cubic-bezier(.22,1,.36,1);display:grid;position:relative;transform:translate(-34px,24px)}.onsite-service-section2__heading-block{z-index:3;padding-left:clamp(28px,4.5vw,72px);position:relative}.onsite-service-section2__eyebrow{align-items:baseline;gap:clamp(14px,1.4vw,22px);display:flex}.onsite-service-section2__number{color:#f15a16;letter-spacing:-.05em;font-size:35px;font-weight:800;line-height:1}.onsite-service-section2__label{color:#071b3a;letter-spacing:-.035em;text-transform:uppercase;font-size:35px;font-weight:700;line-height:1.1}.onsite-service-section2__heading-block h2{color:#071b3a;letter-spacing:-.045em;flex-direction:column;margin:clamp(22px,3vh,34px) 0 0 clamp(70px,7.2vw,112px);font-size:30px;font-weight:700;line-height:1.04;display:flex}.onsite-service-section2__heading-block h2 strong{color:#f15a16;font:inherit;font-size:30px;font-weight:700}.onsite-service-section2__visual{justify-content:flex-start;align-items:flex-end;min-width:0;min-height:0;display:flex;position:relative;overflow:visible}.onsite-service-section2__image{object-fit:contain;object-position:left bottom;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.onsite-service-section2__services{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.4vw,24px);width:100%;min-width:0;height:min(720px,100svh - 120px);min-height:0;display:grid}.onsite-service-section2__card{opacity:0;min-width:0;min-height:0;transition:opacity .75s cubic-bezier(.22, 1, .36, 1) calc(.17s + (var(--onsite-card-index) * 65ms)), transform .95s cubic-bezier(.22, 1, .36, 1) calc(.17s + (var(--onsite-card-index) * 65ms)), box-shadow .28s ease, background .28s ease;will-change:opacity, transform;background:linear-gradient(145deg,#f8f8f9f5,#f4f4f5eb);border:1px solid #071b3a06;border-radius:12px;padding:clamp(18px,1.6vw,26px) clamp(18px,1.5vw,24px);position:relative;overflow:hidden;transform:translate(28px,22px);box-shadow:inset 0 1px #ffffffeb,0 8px 24px #071b3a06}.onsite-service-section2__card-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.onsite-service-section2__card-number{color:#f15a16;font-size:clamp(.95rem,1vw,1.15rem);font-weight:800;line-height:1.25}.onsite-service-section2__card h3{color:#071b3a;margin:0;font-size:clamp(.92rem,1vw,1.08rem);font-weight:800;line-height:1.4}.onsite-service-section2__card p{color:#071b3adb;max-width:26ch;margin:clamp(10px,1.2vh,14px) 0 0 calc(1.15rem + 10px);font-size:clamp(.72rem,.72vw,.84rem);font-weight:500;line-height:1.5}@media (hover:hover) and (pointer:fine){.onsite-service-section2--visible .onsite-service-section2__card:hover{background:linear-gradient(145deg,#fafafb,#f6f6f7fa);transform:translateY(-5px);box-shadow:inset 0 1px #fff,0 16px 32px #071b3a12}}.onsite-service-section2--visible .onsite-service-section2__left,.onsite-service-section2--visible .onsite-service-section2__card{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.onsite-service-section2__safe-grid{grid-template-columns:minmax(0,1.04fr) minmax(560px,.96fr);width:min(1600px,100% - 120px)}.onsite-service-section2__left{height:min(800px,100svh - 100px)}.onsite-service-section2__services{height:min(740px,100svh - 120px)}}@media (min-width:1025px) and (max-width:1599px){.onsite-service-section2{min-height:660px}.onsite-service-section2__safe-grid{grid-template-columns:minmax(0,1fr) minmax(480px,1fr);gap:clamp(34px,3.8vw,58px);width:min(1320px,100% - 72px)}.onsite-service-section2__left{height:min(690px,100svh - 86px)}.onsite-service-section2__services{gap:16px;height:min(650px,100svh - 100px)}.onsite-service-section2__heading-block{padding-left:clamp(18px,3vw,42px)}.onsite-service-section2__number,.onsite-service-section2__label{font-size:35px}.onsite-service-section2__heading-block h2{margin-left:clamp(48px,5vw,74px);font-size:30px}.onsite-service-section2__heading-block h2 strong{font-size:30px}.onsite-service-section2__card{padding:16px 17px}}@media (min-width:1025px) and (max-height:780px){.onsite-service-section2{min-height:620px}.onsite-service-section2__safe-grid{gap:34px;width:min(1280px,100% - 64px)}.onsite-service-section2__left{height:calc(100svh - 64px)}.onsite-service-section2__number,.onsite-service-section2__label{font-size:35px}.onsite-service-section2__heading-block h2{margin-top:14px;font-size:30px}.onsite-service-section2__heading-block h2 strong{font-size:30px}.onsite-service-section2__services{gap:11px;height:calc(100svh - 70px)}.onsite-service-section2__card{padding:12px 14px}.onsite-service-section2__card h3{font-size:.82rem}.onsite-service-section2__card p{margin-top:7px;font-size:.66rem;line-height:1.4}}@media (max-width:1024px){.onsite-service-section2{height:auto;min-height:auto;padding-block:64px;overflow:hidden}.onsite-service-section2__safe-grid{flex-direction:column;gap:48px;width:min(100% - 48px,860px);height:auto;display:flex}.onsite-service-section2__left{flex-direction:column;gap:32px;height:auto;display:flex}.onsite-service-section2__heading-block{padding-left:0}.onsite-service-section2__heading-block h2{margin:24px 0 0 54px}.onsite-service-section2__visual{justify-content:center;width:100%;height:auto}.onsite-service-section2__image{width:100%;height:auto;max-height:none}.onsite-service-section2__services{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;height:auto}.onsite-service-section2__card{min-height:170px;padding:20px}.onsite-service-section2__card h3{font-size:.95rem}.onsite-service-section2__card p{font-size:.8rem}}@media (max-width:640px){.onsite-service-section2{padding-block:48px}.onsite-service-section2__safe-grid{gap:38px;width:calc(100% - 32px)}.onsite-service-section2__eyebrow{gap:12px}.onsite-service-section2__number{font-size:2.25rem}.onsite-service-section2__label{font-size:1.45rem}.onsite-service-section2__heading-block h2{margin:20px 0 0 36px;font-size:1.65rem}.onsite-service-section2__heading-block h2 strong{font-size:1.3em}.onsite-service-section2__left{gap:26px}.onsite-service-section2__services{grid-template-columns:1fr;gap:12px}.onsite-service-section2__card{min-height:auto;padding:20px 18px}.onsite-service-section2__card h3{font-size:.95rem}.onsite-service-section2__card p{margin-left:calc(1.15rem + 10px);font-size:.8rem}}@media (prefers-reduced-motion:reduce){.onsite-service-section2__left,.onsite-service-section2__card{opacity:1;will-change:auto;transition:none;transform:none}}
.onsite-service-section3{color:#071b3a;isolation:isolate;width:100%;height:100svh;min-height:700px;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;background:#fff;position:relative;overflow:hidden}.onsite-service-section3__background{z-index:0;pointer-events:none;opacity:0;will-change:opacity;justify-content:center;align-items:flex-start;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden}.onsite-service-section3__background-image{object-fit:contain;object-position:top center;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.onsite-service-section3__safe-grid{z-index:2;align-items:center;width:min(1500px,100% - 96px);min-width:0;height:100%;min-height:0;margin-inline:auto;display:flex;position:relative}.onsite-service-section3__content{opacity:0;will-change:opacity, transform;flex-direction:column;width:min(46%,610px);min-width:0;transition:opacity 1.05s cubic-bezier(.22,1,.36,1) 80ms,transform 1.25s cubic-bezier(.22,1,.36,1) 80ms;display:flex;position:relative;transform:translate(-34px,22px)}.onsite-service-section3__heading{white-space:nowrap;align-items:baseline;gap:clamp(14px,1.4vw,22px);display:flex}.onsite-service-section3__number{color:#f15a16;letter-spacing:-.055em;flex:none;font-size:35px;font-weight:800;line-height:.95}.onsite-service-section3__heading h2{color:#071b3a;letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:35px;font-weight:800;line-height:.98}.onsite-service-section3__subtitle{color:#f15a16;letter-spacing:-.035em;margin:clamp(10px,1.4vh,16px) 0 0;font-size:30px;font-weight:700;line-height:1.25}.onsite-service-section3__accent{background:#f15a16;border-radius:999px;width:54px;height:3px;margin-top:clamp(14px,2vh,20px)}.onsite-service-section3__points{gap:clamp(10px,1.25vh,14px);width:min(100%,465px);margin:clamp(20px,2.8vh,30px) 0 0 clamp(54px,7vw,110px);display:grid}.onsite-service-section3__point{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);opacity:0;min-width:0;transition:opacity .75s cubic-bezier(.22, 1, .36, 1) calc(.18s + (var(--onsite-selling-index) * 70ms)), transform .92s cubic-bezier(.22, 1, .36, 1) calc(.18s + (var(--onsite-selling-index) * 70ms)), background .28s ease, box-shadow .28s ease;will-change:opacity, transform;background:linear-gradient(145deg,#ffffffc7,#fafafb94);border:1px solid #071b3a09;border-radius:9px;padding:clamp(15px,1.7vh,20px) clamp(18px,1.5vw,24px);position:relative;transform:translate(-20px,18px);box-shadow:inset 0 1px #fffffff5,0 8px 24px #071b3a09}.onsite-service-section3__point h3{color:#071b3a;margin:0;font-size:clamp(.92rem,1vw,1.08rem);font-weight:800;line-height:1.3}.onsite-service-section3__point p{color:#071b3ad1;max-width:32ch;margin:7px 0 0;font-size:clamp(.75rem,.78vw,.88rem);font-weight:500;line-height:1.42}@media (hover:hover) and (pointer:fine){.onsite-service-section3--visible .onsite-service-section3__point:hover{background:linear-gradient(145deg,#ffffffe6,#fafafbb3);transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 14px 30px #071b3a11}}.onsite-service-section3--visible .onsite-service-section3__background{opacity:1}.onsite-service-section3--visible .onsite-service-section3__content,.onsite-service-section3--visible .onsite-service-section3__point{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.onsite-service-section3__safe-grid{width:min(1600px,100% - 120px)}.onsite-service-section3__content{width:min(46%,660px)}.onsite-service-section3__points{width:min(100%,500px);margin-left:clamp(70px,6vw,118px)}}@media (min-width:1025px) and (max-width:1599px){.onsite-service-section3{min-height:660px}.onsite-service-section3__safe-grid{width:min(1320px,100% - 72px)}.onsite-service-section3__content{width:min(47%,560px)}.onsite-service-section3__number,.onsite-service-section3__heading h2{font-size:35px}.onsite-service-section3__subtitle{font-size:30px}.onsite-service-section3__points{width:min(100%,430px);margin-left:clamp(42px,5.5vw,78px)}.onsite-service-section3__point{padding:14px 18px}}@media (min-width:1025px) and (max-height:780px){.onsite-service-section3{min-height:620px}.onsite-service-section3__safe-grid{width:min(1280px,100% - 64px)}.onsite-service-section3__content{width:min(47%,540px)}.onsite-service-section3__number,.onsite-service-section3__heading h2{font-size:35px}.onsite-service-section3__subtitle{margin-top:7px;font-size:30px}.onsite-service-section3__accent{width:44px;margin-top:9px}.onsite-service-section3__points{gap:7px;margin-top:13px;margin-left:54px}.onsite-service-section3__point{padding:10px 15px}.onsite-service-section3__point h3{font-size:.78rem}.onsite-service-section3__point p{margin-top:4px;font-size:.66rem;line-height:1.34}}@media (max-width:1024px){.onsite-service-section3{height:auto;min-height:auto;padding-block:64px;overflow:hidden}.onsite-service-section3__background{align-items:flex-start}.onsite-service-section3__background-image{object-fit:contain;object-position:top center;width:100%;height:auto}.onsite-service-section3__safe-grid{width:min(100% - 48px,860px);height:auto;display:block}.onsite-service-section3__content{width:55%}.onsite-service-section3__heading{white-space:normal}.onsite-service-section3__number{font-size:clamp(2.7rem,7vw,4rem)}.onsite-service-section3__heading h2{font-size:clamp(2.2rem,6vw,3.4rem)}.onsite-service-section3__subtitle{font-size:clamp(1.25rem,3.4vw,1.7rem)}.onsite-service-section3__points{gap:12px;width:100%;margin:28px 0 0}.onsite-service-section3__point{padding:18px}.onsite-service-section3__point h3{font-size:.95rem}.onsite-service-section3__point p{font-size:.8rem}}@media (max-width:640px){.onsite-service-section3{padding-block:48px}.onsite-service-section3__background-image{object-position:top right;opacity:.42}.onsite-service-section3__safe-grid{width:calc(100% - 32px)}.onsite-service-section3__content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border:1px solid #ffffffc7;border-radius:24px;width:100%;padding:24px 20px}.onsite-service-section3__heading{align-items:flex-start;gap:10px}.onsite-service-section3__number{font-size:2.35rem}.onsite-service-section3__heading h2{font-size:clamp(1.75rem,8vw,2.45rem)}.onsite-service-section3__subtitle{margin-top:10px;font-size:1.2rem}.onsite-service-section3__accent{margin-top:12px}.onsite-service-section3__points{gap:10px;margin-top:24px}.onsite-service-section3__point{padding:16px}.onsite-service-section3__point h3{font-size:.9rem}.onsite-service-section3__point p{font-size:.78rem}}@media (prefers-reduced-motion:reduce){.onsite-service-section3__background,.onsite-service-section3__content,.onsite-service-section3__point{opacity:1;will-change:auto;transition:none;transform:none}}
.onsite-service-section4,.onsite-service-section4 *,.onsite-service-section4 :before,.onsite-service-section4 :after{box-sizing:border-box}.onsite-service-section4{isolation:isolate;color:#071b3a;width:100%;height:100svh;min-height:700px;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;background:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.onsite-service-section4__safe-grid{z-index:1;width:min(1600px,100% - 96px);min-width:0;height:min(860px,100svh - 110px);min-height:0;margin-inline:auto;position:relative;overflow:hidden}.onsite-service-section4__artwork{z-index:0;opacity:0;will-change:opacity, transform;pointer-events:none;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden;transform:translateY(36px)}.onsite-service-section4__image{object-fit:contain;object-position:right center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.onsite-service-section4__content{z-index:2;grid-template-rows:auto minmax(0,1fr);gap:clamp(20px,2.5svh,30px);width:50.5%;min-width:0;height:100%;min-height:0;padding:clamp(36px,4.5svh,58px) clamp(24px,2.6vw,44px) clamp(36px,4.5svh,58px) clamp(34px,3.6vw,62px);display:grid;position:relative;overflow:hidden}.onsite-service-section4__header{opacity:0;min-width:0;transition:opacity .9s cubic-bezier(.22,1,.36,1) .12s,transform 1.1s cubic-bezier(.22,1,.36,1) .12s;transform:translate(-28px,18px)}.onsite-service-section4__eyebrow{align-items:center;gap:clamp(12px,1.2vw,20px);display:flex}.onsite-service-section4__section-number{color:#f15a16;letter-spacing:-.05em;flex:none;font-size:35px;font-weight:800;line-height:1}.onsite-service-section4__section-label{color:#071b3a;letter-spacing:-.025em;min-width:0;font-size:35px;font-weight:800;line-height:1.15}.onsite-service-section4__title{color:#f15a16;letter-spacing:-.05em;text-transform:uppercase;margin:clamp(16px,2svh,24px) 0 0;font-size:30px;font-weight:800;line-height:.98}.onsite-service-section4__facilities{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,.7vw,10px);width:100%;min-width:0;height:100%;min-height:0;display:grid}.onsite-service-section4__card{opacity:0;min-width:0;min-height:0;transition:opacity .8s cubic-bezier(.22, 1, .36, 1) calc(.22s + (var(--facility-index) * 45ms)), transform .95s cubic-bezier(.22, 1, .36, 1) calc(.22s + (var(--facility-index) * 45ms)), border-color .24s ease, box-shadow .24s ease;will-change:opacity, transform;background:linear-gradient(145deg,#fffffffa,#f9fafbf2);border:1px solid #071b3a0e;border-radius:13px;grid-template-columns:auto 1px minmax(0,1fr);align-items:center;gap:clamp(8px,.7vw,11px);padding:clamp(8px,.8vw,12px) clamp(11px,1vw,16px);display:grid;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 2px 4px #071b3a06,0 7px 18px #071b3a09}.onsite-service-section4__card:hover{border-color:#f15a1629;transform:translateY(-3px);box-shadow:0 15px 30px #071b3a13,0 4px 8px #071b3a09}.onsite-service-section4__card-number{color:#f15a16;letter-spacing:-.04em;font-size:clamp(.95rem,1.05vw,1.25rem);font-weight:800;line-height:1}.onsite-service-section4__card-divider{background:#f15a169e;align-self:center;width:1px;height:27px}.onsite-service-section4__card h3{color:#071b3a;letter-spacing:-.012em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(.7rem,.75vw,.86rem);font-weight:800;line-height:1.22}.onsite-service-section4--visible .onsite-service-section4__artwork,.onsite-service-section4--visible .onsite-service-section4__header,.onsite-service-section4--visible .onsite-service-section4__card{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.onsite-service-section4__safe-grid{width:min(1600px,100% - 120px)}.onsite-service-section4__card h3{font-size:clamp(.76rem,.78vw,.9rem)}}@media (min-width:1025px) and (max-width:1599px){.onsite-service-section4{min-height:660px}.onsite-service-section4__safe-grid{width:min(1440px,100% - 72px);height:min(780px,100svh - 96px)}.onsite-service-section4__content{gap:clamp(14px,1.8svh,20px);width:50.5%;padding:clamp(26px,3.2svh,38px) clamp(18px,2vw,30px) clamp(26px,3.2svh,38px) clamp(26px,2.8vw,42px)}.onsite-service-section4__section-number,.onsite-service-section4__section-label{font-size:35px}.onsite-service-section4__title{font-size:30px}.onsite-service-section4__facilities{gap:6px}.onsite-service-section4__card{padding:7px 10px}.onsite-service-section4__card-number{font-size:clamp(.86rem,.92vw,1.05rem)}.onsite-service-section4__card-divider{height:23px}.onsite-service-section4__card h3{font-size:clamp(.63rem,.67vw,.76rem)}}@media (min-width:1025px) and (max-height:780px){.onsite-service-section4{min-height:620px}.onsite-service-section4__safe-grid{width:min(1320px,100% - 64px);height:calc(100svh - 72px)}.onsite-service-section4__content{gap:10px;padding:18px clamp(16px,1.8vw,24px) 18px clamp(20px,2.2vw,30px)}.onsite-service-section4__section-number,.onsite-service-section4__section-label{font-size:35px}.onsite-service-section4__title{margin-top:8px;font-size:30px}.onsite-service-section4__facilities{gap:5px}.onsite-service-section4__card{border-radius:10px;padding:5px 8px}.onsite-service-section4__card-number{font-size:clamp(.76rem,.82vw,.92rem)}.onsite-service-section4__card-divider{height:20px}.onsite-service-section4__card h3{font-size:clamp(.57rem,.61vw,.68rem);line-height:1.18}}@media (max-width:1024px){.onsite-service-section4{height:auto;min-height:0;padding-block:64px;display:block;overflow:clip}.onsite-service-section4__safe-grid{width:min(100% - 48px,900px);height:auto;overflow:visible}.onsite-service-section4__artwork{width:min(100% - 48px,900px);height:auto;margin-inline:auto;position:relative;inset:auto;transform:translateY(34px)}.onsite-service-section4__image{object-fit:contain;object-position:center;width:100%;max-width:100%;height:auto;max-height:none}.onsite-service-section4__content{width:100%;height:auto;margin-top:42px;padding:0;display:block;position:relative;overflow:visible}.onsite-service-section4__section-number{font-size:clamp(2rem,2.6vw,3rem)}.onsite-service-section4__section-label{font-size:clamp(1rem,1.25vw,1.45rem)}.onsite-service-section4__title{font-size:clamp(2.3rem,3.2vw,3.9rem)}.onsite-service-section4__facilities{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:auto;margin-top:32px}.onsite-service-section4__card{min-height:96px;padding:17px}.onsite-service-section4__card-number{font-size:1.2rem}.onsite-service-section4__card-divider{height:30px}.onsite-service-section4__card h3{font-size:.86rem;line-height:1.28}.onsite-service-section4--visible .onsite-service-section4__artwork{transform:translate(0,0)}}@media (max-width:640px){.onsite-service-section4{padding-block:48px}.onsite-service-section4__safe-grid{width:calc(100% - 32px)}.onsite-service-section4__artwork{width:calc(100% - 32px);transform:translateY(28px)}.onsite-service-section4__content{margin-top:34px}.onsite-service-section4__eyebrow{gap:10px}.onsite-service-section4__section-number{font-size:1.8rem}.onsite-service-section4__section-label{font-size:.92rem}.onsite-service-section4__title{margin-top:16px;font-size:clamp(2rem,9.5vw,2.8rem)}.onsite-service-section4__facilities{grid-template-columns:1fr;gap:10px;margin-top:26px}.onsite-service-section4__card{gap:12px;min-height:84px;padding:16px}.onsite-service-section4__card-number{font-size:1.25rem}.onsite-service-section4__card-divider{height:30px}.onsite-service-section4__card h3{font-size:.88rem}.onsite-service-section4--visible .onsite-service-section4__artwork{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.onsite-service-section4__artwork,.onsite-service-section4__header,.onsite-service-section4__card{opacity:1;will-change:auto;transition:none;transform:none}.onsite-service-section4__card:hover{transform:none}}
.onsite-service-section5{color:#071b3a;isolation:isolate;width:100%;height:100svh;min-height:720px;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;background:#fff;position:relative;overflow:hidden}.onsite-service-section5__background{z-index:0;pointer-events:none;opacity:0;will-change:opacity;justify-content:center;align-items:flex-start;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden}.onsite-service-section5__background-image{object-fit:contain;object-position:top center;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.onsite-service-section5__safe-grid{z-index:2;width:min(1500px,100% - 96px);min-width:0;height:100%;min-height:0;margin-inline:auto;position:relative}.onsite-service-section5__content{box-sizing:border-box;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:0;padding:clamp(42px,5.4vh,64px) 0 clamp(28px,3.5vh,42px);display:grid;position:relative}.onsite-service-section5__intro{opacity:0;will-change:opacity, transform;align-self:start;width:min(47%,650px);min-width:0;transition:opacity 1.05s cubic-bezier(.22,1,.36,1) .1s,transform 1.25s cubic-bezier(.22,1,.36,1) .1s;position:relative;transform:translate(-30px,22px)}.onsite-service-section5__eyebrow{align-items:baseline;gap:clamp(14px,1.3vw,22px);display:flex}.onsite-service-section5__number{color:#f15a16;letter-spacing:-.055em;font-size:35px;font-weight:800;line-height:.95}.onsite-service-section5__label{color:#071b3a;letter-spacing:-.045em;font-size:35px;font-weight:800;line-height:1}.onsite-service-section5__statement{color:#f15a16;letter-spacing:-.035em;margin:clamp(28px,3.7vh,44px) 0 0;font-size:30px;font-weight:800;line-height:1.08}.onsite-service-section5__accent{background:#f15a16;border-radius:999px;width:68px;height:4px;margin-top:clamp(24px,3vh,34px);display:block}.onsite-service-section5__copy{max-width:48ch;margin-top:clamp(24px,3vh,34px)}.onsite-service-section5__copy p{color:#071b3ae6;margin:0;font-size:clamp(.92rem,1.05vw,1.16rem);font-weight:500;line-height:1.68}.onsite-service-section5__copy p+p{margin-top:clamp(20px,2.5vh,30px)}.onsite-service-section5--visible .onsite-service-section5__background{opacity:1}.onsite-service-section5--visible .onsite-service-section5__intro{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.onsite-service-section5__safe-grid{width:min(1600px,100% - 120px)}}@media (min-width:1025px) and (max-width:1599px){.onsite-service-section5{min-height:680px}.onsite-service-section5__safe-grid{width:min(1380px,100% - 72px)}.onsite-service-section5__content{padding:34px 0 28px}.onsite-service-section5__intro{width:min(46%,590px)}.onsite-service-section5__number,.onsite-service-section5__label{font-size:35px}.onsite-service-section5__statement{font-size:30px}.onsite-service-section5__accent,.onsite-service-section5__copy{margin-top:20px}.onsite-service-section5__copy p{font-size:clamp(.82rem,.9vw,1rem);line-height:1.55}.onsite-service-section5__copy p+p{margin-top:17px}}@media (min-width:1025px) and (max-height:780px){.onsite-service-section5{min-height:620px}.onsite-service-section5__safe-grid{width:min(1320px,100% - 64px)}.onsite-service-section5__content{padding:24px 0 20px}.onsite-service-section5__number,.onsite-service-section5__label{font-size:35px}.onsite-service-section5__statement{font-size:30px}.onsite-service-section5__accent{width:52px;height:3px;margin-top:15px}.onsite-service-section5__copy{margin-top:15px}.onsite-service-section5__copy p{font-size:.75rem;line-height:1.48}.onsite-service-section5__copy p+p{margin-top:12px}}@media (max-width:1024px){.onsite-service-section5{height:auto;min-height:auto;padding-block:64px;overflow:hidden}.onsite-service-section5__background{align-items:flex-start}.onsite-service-section5__background-image{object-fit:contain;width:100%;height:auto}.onsite-service-section5__safe-grid{width:min(100% - 48px,860px);height:auto}.onsite-service-section5__content{height:auto;padding:0;display:block}.onsite-service-section5__intro{width:min(100%,620px)}.onsite-service-section5__eyebrow{gap:14px}.onsite-service-section5__number{font-size:3rem}.onsite-service-section5__label{font-size:clamp(2rem,5vw,3rem)}.onsite-service-section5__copy p{font-size:.95rem}.onsite-service-section5__copy br{display:none}}@media (max-width:640px){.onsite-service-section5{padding-block:48px}.onsite-service-section5__safe-grid{width:calc(100% - 32px)}.onsite-service-section5__eyebrow{align-items:flex-start;gap:10px}.onsite-service-section5__number{font-size:2.2rem}.onsite-service-section5__label{font-size:clamp(1.65rem,8vw,2.35rem)}.onsite-service-section5__accent{width:54px;margin-top:22px}.onsite-service-section5__copy{margin-top:22px}.onsite-service-section5__copy p{font-size:.88rem}}@media (prefers-reduced-motion:reduce){.onsite-service-section5__background,.onsite-service-section5__intro{opacity:1;will-change:auto;transition:none;transform:none}}