.electrical-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}.electrical-hero__artwork{z-index:-3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.electrical-hero__background{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.electrical-hero__background--desktop{object-fit:initial;object-position:initial;width:100%;max-width:100%;height:auto;position:absolute;top:0;left:0;transform:none}.electrical-hero__background--mobile{display:none}.electrical-hero__overlay{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#010814db 0%,#020c1c91 31%,#020e1f21 58%,#01081212 100%),linear-gradient(#01081208 0%,#01081205 60%,#0108129e 100%);position:absolute;inset:0}.electrical-hero__safe-zone{z-index:2;width:min(100% - 96px,1600px);height:100%;min-height:0;margin-inline:auto;position:relative}.electrical-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}.electrical-hero__copy{flex:none;width:min(47%,640px)}.electrical-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}.electrical-hero__title span,.electrical-hero__title strong{display:block}.electrical-hero__title span{font-weight:600}.electrical-hero__title strong{color:var(--orange-500);margin-top:2px;font-weight:700}.electrical-hero__subtitle{color:#fffffff5;width:100%;max-width:620px;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}.electrical-hero__accent{background:var(--orange-500);border-radius:999px;width:96px;height:2px;margin-top:20px}.electrical-hero__description{color:#ffffffe6;width:100%;max-width:560px;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}.electrical-hero__description p{margin:0}.electrical-hero__description p+p{margin-top:18px}.electrical-hero__lower{flex:none;width:100%;min-height:0;margin-top:auto}.electrical-hero__cards{width:min(72%,920px);overflow:visible}.electrical-hero__card-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;display:grid}.electrical-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: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}.electrical-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}.electrical-liquid-card:after{content:"";z-index:-1;border-radius:inherit;opacity:.85;pointer-events:none;background:linear-gradient(#ffffff06,#ffffff02);position:absolute;inset:0}.electrical-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)}.electrical-liquid-card:hover{border-color:#ff843e6b;transform:translateY(-5px);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08,0 18px 38px #00040f57}.electrical-liquid-card:hover .electrical-liquid-card__shine{opacity:.68;left:120%}.electrical-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(12px,.9vw,15px);font-weight:700;line-height:1.18;position:relative}.electrical-liquid-card p{z-index:2;color:#ffffffb8;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;margin:8px 0 0;font-size:clamp(9px,.66vw,11px);font-weight:400;line-height:1.35;position:relative}.electrical-hero-reveal{opacity:0;animation:electricalHeroReveal 1.15s var(--ease-premium) forwards;transform:translateY(30px)}.electrical-hero__cards.electrical-hero-reveal{animation-delay:.24s}@keyframes electricalHeroReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.electrical-hero__safe-zone{width:min(100% - 120px,1600px)}}@media (min-width:1025px) and (max-width:1599px){.electrical-hero__safe-zone{width:min(100% - 80px,1440px)}.electrical-hero__copy{width:min(47%,620px)}.electrical-hero__title{font-size:clamp(46px,4vw,64px)}.electrical-hero__subtitle{max-width:590px;font-size:clamp(16px,1.25vw,20px)}.electrical-hero__description{max-width:530px;font-size:clamp(14px,1vw,16px)}}@media (min-width:1025px) and (max-height:820px){.electrical-hero__content{padding-top:28px;padding-bottom:20px}.electrical-hero__title{font-size:clamp(42px,3.5vw,58px)}.electrical-hero__subtitle{max-width:570px;margin-top:12px;font-size:clamp(15px,1.1vw,18px);line-height:1.3}.electrical-hero__accent{width:72px;margin-top:14px}.electrical-hero__description{max-width:510px;margin-top:14px;font-size:clamp(13px,.9vw,15px);line-height:1.36}.electrical-hero__description p+p{margin-top:12px}.electrical-liquid-card{height:96px;padding:14px}.electrical-liquid-card h2{font-size:clamp(11px,.82vw,14px)}.electrical-liquid-card p{margin-top:5px;font-size:9.5px}}@media (min-width:1025px) and (max-height:700px){.electrical-hero__content{padding-top:18px;padding-bottom:14px}.electrical-hero__title{font-size:clamp(36px,3vw,48px);line-height:1}.electrical-hero__title strong{margin-top:2px}.electrical-hero__subtitle{max-width:540px;margin-top:8px;font-size:clamp(13px,.95vw,16px);line-height:1.25}.electrical-hero__accent{width:58px;height:2px;margin-top:10px}.electrical-hero__description{max-width:490px;margin-top:10px;font-size:clamp(11px,.8vw,13px);line-height:1.3}.electrical-hero__description p+p{margin-top:8px}.electrical-liquid-card{height:82px;padding:11px 12px}.electrical-liquid-card h2{font-size:10.5px}.electrical-liquid-card p{margin-top:3px;font-size:8.5px;line-height:1.2}}@media (max-width:1024px){.electrical-hero{height:auto;min-height:0;overflow:hidden}.electrical-hero__safe-zone{width:100%;height:auto;min-height:0;margin:0}.electrical-hero__content{height:auto;min-height:0;overflow:visible}}@media (max-width:767px){.electrical-hero{background:#010713;min-height:0;padding-bottom:24px;overflow:hidden}.electrical-hero__artwork{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.electrical-hero__background--desktop{display:none}.electrical-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}.electrical-hero__overlay{background:linear-gradient(#020a179e 0%,#020a1766 22%,#020a171a 46%,#020a170d 68%,#020a1794 100%)}.electrical-hero__safe-zone{width:100%;min-height:0;margin:0}.electrical-hero__content{box-sizing:border-box;flex-direction:column;min-height:215.37vw;padding:clamp(48px,11vw,70px) 0 24px;display:flex}.electrical-hero__copy{width:auto;padding-inline:24px}.electrical-hero__title{letter-spacing:-.035em;max-width:370px;font-size:clamp(28px,8vw,38px);line-height:1.03}.electrical-hero__title strong{margin-top:5px}.electrical-hero__subtitle{max-width:350px;margin-top:12px;font-size:clamp(13px,3.5vw,15px);line-height:1.35}.electrical-hero__accent{width:46px;height:2px;margin-top:13px}.electrical-hero__description{max-width:340px;margin-top:13px;font-size:clamp(11px,2.9vw,13px);line-height:1.42}.electrical-hero__description p+p{margin-top:12px}.electrical-hero__lower{flex-shrink:0;width:100%;margin-top:auto}.electrical-hero__cards{width:100%;overflow:visible}.electrical-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}.electrical-hero__card-track::-webkit-scrollbar{display:none}.electrical-liquid-card{scroll-snap-align:start;border-radius:10px;flex:0 0 min(64vw,245px);height:128px;padding:17px 16px}.electrical-liquid-card h2{font-size:14px;line-height:1.2}.electrical-liquid-card p{margin-top:8px;font-size:10px;line-height:1.35}}@media (max-width:480px){.electrical-hero__copy{padding-inline:22px}.electrical-hero__title{font-size:clamp(27px,7.8vw,34px)}.electrical-hero__subtitle{font-size:12.5px}.electrical-hero__description{font-size:11px}.electrical-liquid-card{flex-basis:min(67vw,235px)}}@media (max-width:360px){.electrical-hero__copy{padding-inline:18px}.electrical-hero__title{font-size:26px}.electrical-hero__subtitle{font-size:12px}.electrical-hero__description{font-size:10.5px}.electrical-hero__card-track{padding-left:18px;padding-right:18px;scroll-padding-inline:18px}.electrical-liquid-card{flex-basis:220px}}@media (prefers-reduced-motion:reduce){.electrical-hero-reveal{opacity:1;animation:none;transform:none}}
.electrical-section2{color:#071b3a;isolation:isolate;width:100%;min-height:100svh;font-family:var(--font-open-sans), var(--font-noto-sans-thai), sans-serif;background:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.electrical-section2__safe-grid{grid-template-columns:minmax(430px,.82fr) minmax(0,1.18fr);align-items:stretch;gap:clamp(50px,5vw,92px);width:min(1500px,100% - 96px);height:min(760px,100svh - 120px);margin-inline:auto;display:grid}.electrical-section2__intro{opacity:0;will-change:opacity, transform;flex-direction:column;min-width:0;min-height:0;transition:opacity 1.25s cubic-bezier(.22,1,.36,1),transform 1.5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translate(-36px,28px)}.electrical-section2__eyebrow{flex:none;align-items:center;gap:18px;display:flex}.electrical-section2__section-number{color:#f15a16;letter-spacing:-.05em;font-size:35px;font-weight:800;line-height:1}.electrical-section2__section-label{color:#071b3a;letter-spacing:-.035em;text-transform:uppercase;font-size:35px;font-weight:700;line-height:1}.electrical-section2__heading{flex:none;margin-top:clamp(28px,3vh,42px)}.electrical-section2__heading h2{color:#071b3a;letter-spacing:-.045em;max-width:560px;margin:0;font-size:30px;font-weight:700;line-height:.98}.electrical-section2__heading h2>span{color:#f15a16;text-transform:uppercase;margin-bottom:8px;font-size:30px;font-weight:800;display:block}.electrical-section2__visual{flex:auto;justify-content:center;align-items:flex-end;min-height:0;margin-top:14px;display:flex;position:relative}.electrical-section2__image{object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;width:min(100%,620px);height:auto;max-height:100%;display:block}.electrical-section2__services{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.45vw,24px);min-width:0;min-height:0;display:grid}.electrical-section2__service-card{opacity:0;min-width:0;min-height:0;transition:opacity .88s cubic-bezier(.22, 1, .36, 1) calc(.18s + (var(--service-index) * 65ms)), transform 1.08s cubic-bezier(.22, 1, .36, 1) calc(.18s + (var(--service-index) * 65ms)), border-color .22s ease, box-shadow .22s ease;will-change:opacity, transform;background:linear-gradient(145deg,#f9f9f9fa,#f2f2f2f0);border:1px solid #071b3a06;border-radius:14px;padding:clamp(18px,1.45vw,25px);overflow:hidden;transform:translateY(30px)}.electrical-section2__service-card:hover{border-color:#f15a1624;box-shadow:0 16px 34px #071b3a14,0 3px 8px #071b3a09}.electrical-section2__card-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;display:grid}.electrical-section2__card-number{color:#f15a16;font-size:clamp(.95rem,.95vw,1.1rem);font-weight:800;line-height:1.25}.electrical-section2__card-heading h3{color:#071b3a;margin:0;font-size:clamp(.9rem,.88vw,1.03rem);font-weight:800;line-height:1.32}.electrical-section2__service-card p{color:#071b3acc;max-width:27ch;margin:clamp(11px,1.2vh,15px) 0 0 calc(11px + 1.1rem);font-size:clamp(.75rem,.72vw,.86rem);font-weight:500;line-height:1.48}.electrical-section2--visible .electrical-section2__intro,.electrical-section2--visible .electrical-section2__service-card{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.electrical-section2__safe-grid{width:min(1600px,100% - 120px)}}@media (min-width:1025px) and (max-width:1599px){.electrical-section2__safe-grid{grid-template-columns:minmax(390px,.8fr) minmax(0,1.2fr);gap:clamp(38px,4vw,64px);width:min(1320px,100% - 72px);height:min(700px,100svh - 100px)}.electrical-section2__heading{margin-top:24px}.electrical-section2__image{width:min(100%,560px)}.electrical-section2__service-card{padding:16px}}@media (min-width:1025px) and (max-height:780px){.electrical-section2__safe-grid{height:calc(100svh - 72px)}.electrical-section2__heading{margin-top:18px}.electrical-section2__section-number,.electrical-section2__section-label{font-size:35px}.electrical-section2__heading h2,.electrical-section2__heading h2>span{font-size:30px}.electrical-section2__service-card{padding:13px 14px}.electrical-section2__service-card p{margin-top:7px;font-size:.72rem;line-height:1.38}}@media (max-width:1024px){.electrical-section2{min-height:auto;padding-block:72px;display:block;overflow:clip}.electrical-section2__safe-grid{flex-direction:column;gap:56px;width:min(100% - 48px,820px);height:auto;display:flex}.electrical-section2__heading{margin-top:26px}.electrical-section2__heading h2{max-width:680px;font-size:clamp(2.1rem,6vw,3.5rem);line-height:1.02}.electrical-section2__visual{min-height:auto;margin-top:30px}.electrical-section2__image{width:min(100%,640px);max-height:none}.electrical-section2__services{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.electrical-section2__service-card{min-height:180px;padding:22px}.electrical-section2__service-card p{max-width:none}}@media (max-width:640px){.electrical-section2{padding-block:56px 64px}.electrical-section2__safe-grid{gap:42px;width:calc(100% - 36px)}.electrical-section2__eyebrow{gap:12px}.electrical-section2__section-number{font-size:1.85rem}.electrical-section2__section-label{font-size:1.3rem}.electrical-section2__heading{margin-top:22px}.electrical-section2__heading h2{font-size:clamp(2rem,10vw,3rem)}.electrical-section2__visual{margin-top:24px}.electrical-section2__image{width:100%}.electrical-section2__services{grid-template-columns:1fr}.electrical-section2__service-card{min-height:auto;padding:22px 20px}.electrical-section2__card-heading h3{font-size:1rem}.electrical-section2__service-card p{margin-left:0;font-size:.88rem}}@media (prefers-reduced-motion:reduce){.electrical-section2__intro,.electrical-section2__service-card{opacity:1;will-change:auto;transition:none;transform:none}}
.electrical-section3{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}.electrical-section3__artwork{z-index:0;pointer-events:none;opacity:0;will-change:opacity;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.15s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden}.electrical-section3__background{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.electrical-section3__safe-grid{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);align-items:center;gap:clamp(70px,6vw,120px);width:min(1500px,100% - 96px);height:100%;margin-inline:auto;display:grid;position:relative}.electrical-section3__left{min-width:0;height:100%;position:relative}.electrical-section3__header{opacity:0;will-change:opacity, transform;width:min(100%,590px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1) 80ms,transform 1.35s cubic-bezier(.22,1,.36,1) 80ms;position:absolute;top:clamp(22px,3.4vh,38px);left:0;transform:translate(-32px,20px)}.electrical-section3__eyebrow{align-items:baseline;gap:18px;display:flex}.electrical-section3__section-number{color:#f15a16;letter-spacing:-.055em;font-size:35px;font-weight:800;line-height:1}.electrical-section3__section-label{color:#071b3a;letter-spacing:-.05em;text-transform:uppercase;font-size:35px;font-weight:800;line-height:1}.electrical-section3__accent{background:#f15a16;width:70px;height:3px;margin-top:12px}.electrical-section3__header h2{color:#f15a16;letter-spacing:-.035em;max-width:560px;margin:clamp(14px,1.8vh,20px) 0 0;font-size:30px;font-weight:700;line-height:1.12}.electrical-section3__header h2>span{color:#071b3a;margin-top:2px;font-size:30px;display:block}.electrical-section3__selling-points{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:1fr;align-self:center;gap:clamp(12px,1.45vh,18px);width:100%;min-width:0;height:min(720px,100svh - 150px);min-height:0;display:grid}.electrical-section3__selling-point{opacity:0;min-width:0;min-height:0;transition:opacity .85s cubic-bezier(.22, 1, .36, 1) calc(.18s + (var(--selling-point-index) * 75ms)), transform 1.05s cubic-bezier(.22, 1, .36, 1) calc(.18s + (var(--selling-point-index) * 75ms)), border-color .22s ease, box-shadow .22s ease;will-change:opacity, transform;background:linear-gradient(145deg,#fffffff7,#f8f8f8ed);border:1px solid #071b3a0b;border-radius:14px;flex-direction:column;justify-content:center;padding:clamp(15px,1.4vw,21px) clamp(22px,1.8vw,30px);display:flex;position:relative;transform:translate(30px,18px);box-shadow:0 10px 28px #071b3a0a}.electrical-section3__selling-point:hover{border-color:#f15a1621;box-shadow:0 15px 34px #071b3a12}.electrical-section3__selling-point h3{color:#071b3a;letter-spacing:-.012em;margin:0;font-size:clamp(.95rem,.95vw,1.12rem);font-weight:800;line-height:1.28}.electrical-section3__selling-point p{color:#071b3ac7;max-width:46ch;margin:7px 0 0;font-size:clamp(.8rem,.78vw,.94rem);font-weight:500;line-height:1.48}.electrical-section3--visible .electrical-section3__artwork{opacity:1}.electrical-section3--visible .electrical-section3__header,.electrical-section3--visible .electrical-section3__selling-point{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.electrical-section3__safe-grid{grid-template-columns:minmax(0,1.1fr) minmax(540px,.9fr);width:min(1600px,100% - 120px)}.electrical-section3__header{top:clamp(24px,3.2vh,40px)}.electrical-section3__selling-points{height:min(740px,100svh - 160px)}}@media (min-width:1025px) and (max-width:1599px){.electrical-section3{min-height:680px}.electrical-section3__safe-grid{grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);gap:clamp(48px,4vw,72px);width:min(1320px,100% - 72px)}.electrical-section3__header{top:clamp(20px,3vh,32px)}.electrical-section3__section-number,.electrical-section3__section-label{font-size:35px}.electrical-section3__accent{margin-top:10px}.electrical-section3__header h2{margin-top:12px;font-size:30px;line-height:1.1}.electrical-section3__header h2>span{font-size:30px}.electrical-section3__selling-points{gap:11px;height:min(650px,100svh - 125px)}.electrical-section3__selling-point{padding:13px 20px}}@media (min-width:1025px) and (max-height:780px){.electrical-section3{min-height:620px}.electrical-section3__header{top:14px}.electrical-section3__section-number,.electrical-section3__section-label{font-size:35px}.electrical-section3__accent{width:50px;margin-top:8px}.electrical-section3__header h2{margin-top:10px;font-size:30px;line-height:1.08}.electrical-section3__header h2>span{font-size:30px}.electrical-section3__selling-points{gap:8px;height:calc(100svh - 90px)}.electrical-section3__selling-point{padding:9px 16px}.electrical-section3__selling-point h3{font-size:.86rem}.electrical-section3__selling-point p{margin-top:4px;font-size:.72rem;line-height:1.35}}@media (max-width:1024px){.electrical-section3{height:auto;min-height:auto;padding-block:64px 0;overflow:hidden}.electrical-section3__safe-grid{flex-direction:column;gap:46px;width:min(100% - 48px,820px);height:auto;display:flex}.electrical-section3__left{width:100%;height:auto}.electrical-section3__header{width:100%;position:relative;top:auto;left:auto}.electrical-section3__section-number{font-size:2.6rem}.electrical-section3__section-label{font-size:clamp(1.8rem,5vw,2.8rem)}.electrical-section3__accent{margin-top:14px}.electrical-section3__header h2{max-width:620px;margin-top:20px;font-size:clamp(2rem,5.5vw,3.2rem);line-height:1.12}.electrical-section3__selling-points{grid-template-rows:none;gap:16px;width:100%;height:auto}.electrical-section3__selling-point{min-height:120px;padding:20px 22px}.electrical-section3__artwork{width:100%;height:auto;margin-top:48px;position:relative;inset:auto}.electrical-section3__background{object-fit:contain;width:100%;height:auto}}@media (max-width:640px){.electrical-section3{padding-top:52px}.electrical-section3__safe-grid{gap:38px;width:calc(100% - 36px)}.electrical-section3__eyebrow{align-items:flex-start;gap:12px}.electrical-section3__section-number{font-size:2rem}.electrical-section3__section-label{font-size:1.55rem;line-height:1.05}.electrical-section3__accent{width:46px;height:3px;margin-top:15px}.electrical-section3__header h2{margin-top:20px;font-size:clamp(1.9rem,8vw,2.8rem)}.electrical-section3__selling-points{gap:14px}.electrical-section3__selling-point{min-height:auto;padding:18px}.electrical-section3__selling-point h3{font-size:1rem}.electrical-section3__selling-point p{font-size:.88rem}.electrical-section3__artwork{margin-top:38px}}@media (prefers-reduced-motion:reduce){.electrical-section3__artwork,.electrical-section3__header,.electrical-section3__selling-point{opacity:1;will-change:auto;transition:none;transform:none}}
.electrical-section4,.electrical-section4 *,.electrical-section4 :before,.electrical-section4 :after{box-sizing:border-box}.electrical-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}.electrical-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}.electrical-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)}.electrical-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}.electrical-section4__content{z-index:2;grid-template-rows:auto minmax(0,1fr);gap:clamp(26px,3.2svh,40px);width:50.5%;min-width:0;height:100%;min-height:0;padding:clamp(42px,5svh,68px) clamp(28px,3vw,52px) clamp(42px,5svh,68px) clamp(34px,3.6vw,62px);display:grid;position:relative;overflow:hidden}.electrical-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)}.electrical-section4__eyebrow{align-items:center;gap:clamp(12px,1.2vw,20px);display:flex}.electrical-section4__section-number{color:#f15a16;letter-spacing:-.05em;flex:none;font-size:35px;font-weight:800;line-height:1}.electrical-section4__section-label{color:#071b3a;letter-spacing:-.025em;min-width:0;font-size:35px;font-weight:800;line-height:1.15}.electrical-section4__title{color:#f15a16;letter-spacing:-.055em;text-transform:uppercase;margin:clamp(20px,2.6svh,32px) 0 0;font-size:30px;font-weight:800;line-height:.98}.electrical-section4__facilities{grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1vw,16px);width:100%;min-width:0;height:100%;min-height:0;display:grid}.electrical-section4__card:last-child{grid-column:1/-1}.electrical-section4__card{opacity:0;min-width:0;min-height:0;transition:opacity .8s cubic-bezier(.22, 1, .36, 1) calc(.22s + (var(--facility-index) * 60ms)), transform .95s cubic-bezier(.22, 1, .36, 1) calc(.22s + (var(--facility-index) * 60ms)), border-color .24s ease, box-shadow .24s ease;will-change:opacity, transform;background:linear-gradient(145deg,#fffffffa,#fafafbf2);border:1px solid #071b3a0e;border-radius:16px;grid-template-columns:auto 1px minmax(0,1fr);align-items:center;gap:clamp(10px,.9vw,15px);padding:clamp(12px,1.15vw,19px) clamp(14px,1.35vw,22px);display:grid;position:relative;overflow:hidden;transform:translateY(24px);box-shadow:0 2px 4px #071b3a06,0 8px 22px #071b3a0b}.electrical-section4__card:hover{border-color:#f15a1629;transform:translateY(-4px);box-shadow:0 18px 36px #071b3a17,0 4px 10px #071b3a0b}.electrical-section4__card-number{color:#f15a16;letter-spacing:-.04em;font-size:clamp(1.15rem,1.4vw,1.7rem);font-weight:800;line-height:1}.electrical-section4__card-divider{background:#f15a16a6;align-self:center;width:1px;height:34px}.electrical-section4__card h3{color:#071b3a;letter-spacing:-.018em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(.79rem,.86vw,.98rem);font-weight:800;line-height:1.32}.electrical-section4--visible .electrical-section4__artwork,.electrical-section4--visible .electrical-section4__header,.electrical-section4--visible .electrical-section4__card{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.electrical-section4__safe-grid{width:min(1600px,100% - 120px)}}@media (min-width:1025px) and (max-width:1599px){.electrical-section4{min-height:660px}.electrical-section4__safe-grid{width:min(1440px,100% - 72px);height:min(780px,100svh - 96px)}.electrical-section4__content{gap:clamp(20px,2.6svh,30px);width:50.5%;padding:clamp(32px,3.8svh,48px) clamp(22px,2.4vw,36px) clamp(32px,3.8svh,48px) clamp(28px,3vw,44px)}.electrical-section4__section-number,.electrical-section4__section-label{font-size:35px}.electrical-section4__title{font-size:30px}.electrical-section4__card{padding:11px 14px}.electrical-section4__card h3{font-size:clamp(.75rem,.82vw,.9rem)}}@media (min-width:1025px) and (max-height:780px){.electrical-section4{min-height:620px}.electrical-section4__safe-grid{height:calc(100svh - 72px)}.electrical-section4__content{gap:16px;padding:24px clamp(20px,2.2vw,32px) 24px clamp(24px,2.6vw,38px)}.electrical-section4__section-number,.electrical-section4__section-label{font-size:35px}.electrical-section4__title{margin-top:12px;font-size:30px}.electrical-section4__facilities{gap:8px}.electrical-section4__card{border-radius:13px;padding:9px 12px}.electrical-section4__card-number{font-size:clamp(1rem,1.18vw,1.32rem)}.electrical-section4__card-divider{height:28px}.electrical-section4__card h3{font-size:clamp(.68rem,.74vw,.82rem);line-height:1.25}}@media (max-width:1024px){.electrical-section4{height:auto;min-height:0;padding-block:64px;display:block;overflow:clip}.electrical-section4__safe-grid{width:min(100% - 48px,900px);height:auto;overflow:visible}.electrical-section4__artwork{width:100%;height:auto;position:relative;inset:auto;transform:translateY(34px)}.electrical-section4__image{object-fit:contain;object-position:center;width:100%;height:auto;max-height:none}.electrical-section4__content{width:100%;height:auto;margin-top:42px;padding:0;display:block;position:relative;overflow:visible}.electrical-section4__facilities{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:auto;margin-top:32px}.electrical-section4__card:last-child{grid-column:1/-1}.electrical-section4__card{min-height:108px;padding:18px}.electrical-section4__card h3{font-size:.9rem}.electrical-section4--visible .electrical-section4__artwork{transform:translate(0,0)}}@media (max-width:640px){.electrical-section4{padding-block:48px}.electrical-section4__safe-grid{width:calc(100% - 32px)}.electrical-section4__artwork{transform:translateY(28px)}.electrical-section4__content{margin-top:34px}.electrical-section4__eyebrow{gap:10px}.electrical-section4__section-number{font-size:1.8rem}.electrical-section4__section-label{font-size:.92rem}.electrical-section4__title{margin-top:16px;font-size:clamp(2.15rem,10vw,3rem)}.electrical-section4__facilities{grid-template-columns:1fr;gap:12px;margin-top:26px}.electrical-section4__card:last-child{grid-column:auto}.electrical-section4__card{gap:14px;min-height:90px;padding:18px}.electrical-section4__card-number{font-size:1.35rem}.electrical-section4__card-divider{height:34px}.electrical-section4__card h3{font-size:.9rem}.electrical-section4--visible .electrical-section4__artwork{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.electrical-section4__artwork,.electrical-section4__header,.electrical-section4__card{opacity:1;will-change:auto;transition:none;transform:none}.electrical-section4__card:hover{transform:none}}
.electrical-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}.electrical-section5__artwork{z-index:0;pointer-events:none;opacity:0;will-change:opacity;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.15s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden}.electrical-section5__background{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.electrical-section5__safe-grid{z-index:2;align-items:center;width:min(1500px,100% - 96px);height:100%;margin-inline:auto;display:flex;position:relative}.electrical-section5__content{opacity:0;will-change:opacity, transform;width:min(47%,690px);padding-block:36px;transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.45s cubic-bezier(.22,1,.36,1);transform:translate(-34px,26px)}.electrical-section5__eyebrow{align-items:baseline;gap:18px;display:flex}.electrical-section5__section-number{color:#f15a16;letter-spacing:-.055em;font-size:35px;font-weight:800;line-height:1}.electrical-section5__section-label{color:#071b3a;letter-spacing:-.045em;font-size:35px;font-weight:800;line-height:1}.electrical-section5__statement{box-shadow:none;background:0 0;border:none;border-radius:0;margin-top:clamp(42px,5vh,64px);padding:clamp(22px,2vw,30px) clamp(24px,2.2vw,34px)}.electrical-section5__statement h2{color:#f15a16;letter-spacing:-.045em;flex-direction:column;gap:6px;margin:0;font-size:30px;font-weight:800;line-height:1.04;display:flex}.electrical-section5__body{gap:clamp(28px,3.2vh,40px);margin-top:clamp(34px,4vh,50px);display:grid}.electrical-section5__body p{color:#071b3a;max-width:44ch;margin:0;font-size:clamp(1rem,1.15vw,1.28rem);font-weight:500;line-height:1.78}.electrical-section5--visible .electrical-section5__artwork{opacity:1}.electrical-section5--visible .electrical-section5__content{opacity:1;transform:translate(0,0)}@media (min-width:1600px){.electrical-section5__safe-grid{width:min(1600px,100% - 120px)}.electrical-section5__content{width:min(46%,710px)}}@media (min-width:1025px) and (max-width:1599px){.electrical-section5{min-height:680px}.electrical-section5__safe-grid{width:min(1320px,100% - 72px)}.electrical-section5__content{width:min(48%,620px)}.electrical-section5__section-number,.electrical-section5__section-label{font-size:35px}.electrical-section5__statement{margin-top:34px;padding:22px 26px}.electrical-section5__statement h2{font-size:30px}.electrical-section5__body{gap:28px;margin-top:30px}.electrical-section5__body p{font-size:clamp(.95rem,1vw,1.12rem)}}@media (min-width:1025px) and (max-height:780px){.electrical-section5{min-height:620px}.electrical-section5__content{padding-block:22px}.electrical-section5__section-number,.electrical-section5__section-label{font-size:35px}.electrical-section5__statement{margin-top:24px;padding:16px 20px}.electrical-section5__statement h2{font-size:30px}.electrical-section5__body{gap:18px;margin-top:22px}.electrical-section5__body p{font-size:.9rem;line-height:1.55}}@media (max-width:1024px){.electrical-section5{height:auto;min-height:auto;padding-block:72px 0;overflow:hidden}.electrical-section5__safe-grid{width:min(100% - 48px,760px);height:auto;display:block}.electrical-section5__content{width:100%;padding:0}.electrical-section5__section-number{font-size:2.5rem}.electrical-section5__section-label{font-size:clamp(1.8rem,5vw,2.8rem)}.electrical-section5__statement h2{font-size:clamp(2.2rem,6.5vw,3.6rem)}.electrical-section5__body p{max-width:52ch;font-size:1rem}.electrical-section5__artwork{width:100%;height:auto;margin-top:48px;position:relative;inset:auto}.electrical-section5__background{object-fit:contain;width:100%;height:auto}}@media (max-width:640px){.electrical-section5{padding-top:56px}.electrical-section5__safe-grid{width:calc(100% - 36px)}.electrical-section5__eyebrow{align-items:flex-start;gap:12px}.electrical-section5__section-number{font-size:2rem}.electrical-section5__section-label{font-size:clamp(1.5rem,7vw,2.15rem);line-height:1.05}.electrical-section5__statement{margin-top:30px;padding:20px 18px}.electrical-section5__statement h2{font-size:clamp(2rem,9vw,3rem)}.electrical-section5__body{gap:22px;margin-top:28px}.electrical-section5__body p{font-size:.96rem;line-height:1.65}.electrical-section5__artwork{margin-top:38px}}@media (prefers-reduced-motion:reduce){.electrical-section5__artwork,.electrical-section5__content{opacity:1;will-change:auto;transition:none;transform:none}}