/* Independent motion scenes in normal flow; no pinned or forced scrolling. */
.story-intro{padding-top:27px;padding-bottom:25px;width:min(1240px,calc(100% - 64px))}.intro-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.intro-heading .eyebrow{margin-bottom:5px;font-size:10px}.intro-heading .intro-premise{font-size:38px;letter-spacing:.025em;line-height:1.5;font-weight:900}.scene-motion-toggle{border:0;background:none;color:#71847e;font-size:10px;min-height:44px;padding:9px;white-space:nowrap;display:block}.scene-motion-toggle:hover{text-decoration:underline;text-underline-offset:4px}
.motion-scene{position:relative;isolation:isolate;--scene-progress:0;background:radial-gradient(circle,#a5bdc330 .65px,transparent .9px) 0 0/10px 10px}.hero-comic{height:393px;margin-top:27px}.intro-frame{position:absolute;border:2px solid #839c9e;z-index:0}.intro-frame-a{left:0;top:5%;width:49%;height:87%;background:#edf5f7;clip-path:polygon(0 5%,100% 0,93% 100%,0 94%);transform:rotate(-2deg)}.intro-frame-b{right:0;top:1%;width:52%;height:93%;background:#f0f5ee;clip-path:polygon(7% 0,100% 4%,100% 100%,0 94%);transform:rotate(2deg)}
.scene-actor{position:absolute;z-index:3;pointer-events:none;will-change:transform;transform:translateY(calc(var(--scene-progress)*-14px))}.scene-actor img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(2px 4px 2px #253b4210)}.hero-customer{left:16%;bottom:0;width:40%;height:112%}.hero-friend{right:0;bottom:-1%;width:43%;height:116%}
.dialogue{position:absolute;z-index:5;background:white;border:2px solid #385460;border-radius:46% 43% 45% 42%;padding:20px 25px;text-align:center;font-size:16px;line-height:1.85;font-weight:700;box-shadow:3px 4px 0 #314a4c0c}.dialogue:after{content:'';position:absolute;width:15px;height:15px;bottom:-8px;left:27%;background:white;border-right:2px solid #385460;border-bottom:2px solid #385460;transform:skewY(16deg) rotate(29deg)}.dialogue strong{font-weight:900;text-decoration:underline;text-decoration-color:#adc5b6;text-underline-offset:5px}.intro-a{left:0;top:0;max-width:37%;font-size:15px;padding:18px 23px}.intro-a small{display:block;font-weight:500;font-size:9px;color:#7f8d86;margin-bottom:5px}
.scene-sfx{position:absolute;z-index:7;paint-order:stroke fill;-webkit-text-stroke:4px white;filter:drop-shadow(2px 3px 0 #314a4c10);pointer-events:none}.intro-stop{left:48%;top:-1%;font-size:25px;font-weight:900;line-height:1.4;color:#245c58;transform:rotate(-10deg);background:#fff8d9;clip-path:polygon(50% 0,60% 12%,85% 2%,83% 22%,100% 25%,90% 43%,100% 60%,79% 67%,82% 94%,59% 85%,44% 100%,34% 85%,8% 96%,15% 70%,0 64%,9% 48%,0 28%,23% 24%,23% 3%,41% 13%);padding:23px 30px;-webkit-text-stroke:0}.intro-reaction{left:43%;top:40%;font-size:46px;font-weight:900;font-style:italic;transform:rotate(8deg)}.intro-b{left:54%;top:61%;right:1%;font-size:15px;padding:18px 22px}.intro-b:after{left:74%;top:-8px;bottom:auto;transform:rotate(210deg)}.intro-question{position:absolute;left:1%;bottom:0;z-index:6;background:#fffdf2;padding:8px 15px;font-size:15px;font-weight:700;transform:rotate(-2deg)}
.intro-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:20px}.intro-actions{display:flex;align-items:center;gap:23px}.intro-actions .button{font-size:12px;min-height:46px;padding:10px 23px}.intro-actions .text-link{font-size:11px}.story-note{color:#87958f;font-size:9px}.brand-proof-inner{padding-block:18px}
.service-story{display:grid;grid-template-columns:.8fr 1.6fr;gap:38px;align-items:center;margin-top:40px;padding:35px 0 25px;border-top:1px solid #dce6e2;scroll-margin-top:105px}.micro-copy h3{font-size:29px;line-height:1.65;margin-bottom:15px}.micro-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:#677e7e}.micro-copy .text-link{font-size:11px;margin-top:13px}.micro-copy .scene-motion-toggle{margin-top:5px;padding-left:0}.aircon-comic{height:360px}.scene-panel{position:absolute;overflow:hidden;border:2px solid #3c5860;background:#fff;box-shadow:3px 4px 0 #2d4c5010}.scene-picture{width:100%;height:100%;display:block}.aircon-wash{right:0;top:13%;width:73%;height:76%;clip-path:polygon(9% 0,100% 0,100% 100%,0 94%)}.aircon-finish{left:0;top:1%;width:30%;height:58%;transform:rotate(-4deg)}.aircon-worker{left:2%;bottom:-2%;height:102%;width:47%}.aircon-a{left:29%;top:0;font-size:12px;padding:13px 20px}.aircon-sound{right:1%;top:29%;font-size:44px;font-weight:900;font-style:italic;letter-spacing:-.08em;transform:rotate(-10deg);color:#2c6877;white-space:nowrap}.aircon-b{right:0;bottom:0;font-size:12px;padding:15px 20px;max-width:68%}.scene-water{position:absolute;left:40%;top:35%;width:50%;height:30%;fill:none;stroke:#9ee1ed;stroke-width:3;stroke-dasharray:16 9;opacity:.8}.service-menu{margin-top:26px}
.education-story{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center;margin-top:43px;padding-top:35px;border-top:1px solid #d1dfd4}.education-comic{height:355px;background:none}.education-team{left:0;top:21%;width:86%;height:61%;clip-path:polygon(0 0,100% 6%,93% 100%,0 96%);transform:rotate(-2deg)}.education-detail{left:1%;bottom:0;width:31%;height:35%;transform:rotate(-4deg)}.education-friend{right:-5%;bottom:0;width:46%;height:107%}.education-a{left:0;top:0;font-size:12px;padding:16px 24px;max-width:72%}.education-b{left:36%;bottom:-1%;right:-1%;font-size:12px;padding:16px 18px}.education-copy h3{font-size:24px;margin-bottom:7px}.education-copy>.eyebrow{color:#607f6d;font-size:11px}.education-duration{margin:12px 0}.education-duration>small{font-size:11px;display:block;color:#617b6e}.education-duration>strong{font-size:20px;font-weight:500;line-height:1}.education-duration>strong>span{font-size:70px;line-height:1.4;margin-inline:9px;font-weight:500;letter-spacing:-.04em}.education-copy>p:not(.eyebrow):not(.education-duration){font-size:12px;line-height:1.9}.education-copy>.education-answer{font-weight:700;margin-top:16px;color:#3a6453}.education-copy .scene-motion-toggle{padding-left:0;margin-top:5px}.training-proof{display:block;border-top:0;margin-top:18px;padding-top:0}.training-proof>div:first-child{display:none}.training-proof>div:last-child>h3,.training-proof>div:last-child>p{display:none}.training-proof details{max-width:640px;margin-left:auto}.training-proof summary{font-size:12px}
.in-view .intro-frame-a,.in-view .aircon-finish,.in-view .education-team{animation:scene-left .8s cubic-bezier(.2,.7,.3,1) both}.in-view .intro-frame-b,.in-view .aircon-wash,.in-view .education-detail{animation:scene-right .9s .1s cubic-bezier(.2,.7,.3,1) both}.in-view .scene-actor img{animation:scene-actor-enter 1s .2s cubic-bezier(.17,.7,.3,1) both}.in-view .dialogue{animation:scene-bubble .5s .4s both}.in-view .intro-stop{animation:scene-bang .6s 1.2s both}.in-view .intro-reaction{animation:scene-bang .5s 1.8s both}.in-view .intro-b{animation-delay:2.3s}.in-view .intro-question{animation:scene-bubble .5s 3s both}.in-view .aircon-b,.in-view .education-b{animation-delay:1.1s}.in-view .aircon-sound{animation:scene-sound 1s .6s both}.in-view .scene-water{animation:scene-water .5s linear infinite}.comic-paused .motion-scene *{animation:none!important;transition:none!important}.comic-paused .scene-actor{transform:none}
@keyframes scene-left{from{translate:-100px 15px;opacity:.15}to{translate:0 0;opacity:1}}@keyframes scene-right{from{translate:130px -15px;opacity:.15}to{translate:0 0;opacity:1}}@keyframes scene-actor-enter{from{translate:45px 15px;opacity:0}to{translate:0 0;opacity:1}}@keyframes scene-bubble{from{scale:.8;opacity:0}to{scale:1;opacity:1}}@keyframes scene-bang{0%{scale:.15;opacity:0}70%{scale:1.14;opacity:1}100%{scale:1;opacity:1}}@keyframes scene-sound{from{translate:-15px 7px;opacity:0}to{translate:0 0;opacity:1}}@keyframes scene-water{to{stroke-dashoffset:-25}}
@media(max-width:1000px){.story-intro{width:calc(100% - 48px)}.intro-heading .intro-premise{font-size:32px}.hero-comic{height:360px}.intro-a{font-size:12px;padding:17px;max-width:42%}.intro-b{font-size:12px;padding:15px;left:51%;right:0}.intro-stop{font-size:20px;padding:21px 25px;left:46%}.intro-reaction{font-size:37px}.intro-question{font-size:12px}.story-note{font-size:8px}.service-story{gap:23px;grid-template-columns:.85fr 1.35fr}.micro-copy h3{font-size:24px}.micro-copy>p:not(.eyebrow){font-size:10px}.aircon-comic{height:330px}.aircon-a{font-size:11px;padding:12px 15px;left:28%}.aircon-b{font-size:10px;padding:13px}.aircon-sound{font-size:35px}.education-story{gap:25px;grid-template-columns:1.25fr 1fr}.education-comic{height:320px}.education-a{font-size:11px;padding:14px 17px}.education-b{font-size:10px;padding:14px 12px;left:31%}.education-copy h3{font-size:21px}.education-copy>p:not(.eyebrow):not(.education-duration){font-size:11px}.education-duration>strong>span{font-size:63px}}
@media(max-width:650px){.story-intro{width:calc(100% - 32px);padding-top:20px;padding-bottom:20px;overflow:clip}.intro-heading{align-items:flex-start;gap:6px;margin-bottom:11px}.intro-heading .eyebrow{font-size:8px;margin-bottom:6px}.intro-heading .intro-premise{font-size:26px;letter-spacing:0;max-width:270px}.intro-heading>.scene-motion-toggle{font-size:8px;padding:4px 0;min-height:33px;width:53px;white-space:normal;line-height:1.6}.hero-comic{height:415px;margin-top:21px;margin-inline:0;background-size:9px 9px}.intro-frame-a{top:8%;width:56%;height:84%}.intro-frame-b{top:2%;width:56%;height:92%}.hero-customer{left:-12%;width:80%;height:91%;bottom:0}.hero-friend{right:-12%;width:74%;height:97%;bottom:0}.intro-a{left:0;top:0;max-width:59%;padding:13px 12px;font-size:10px;line-height:1.75}.intro-a small{font-size:7px;margin-bottom:4px}.intro-stop{right:-1%;left:auto;top:-1%;font-size:16px;padding:18px 20px}.intro-reaction{left:44%;top:34%;font-size:33px;-webkit-text-stroke-width:3px}.intro-b{left:25%;right:0;top:66%;font-size:11px;padding:14px 12px;line-height:1.8}.intro-b strong{font-size:11px}.dialogue:after{width:12px;height:12px;bottom:-6px}.intro-question{font-size:10px;left:0;bottom:0;max-width:100%;padding:6px 10px}.intro-footer{display:block;padding-top:16px}.intro-actions{gap:17px;justify-content:space-between}.intro-actions .button{font-size:11px;padding:11px 13px;min-height:44px}.intro-actions .text-link{font-size:10px;min-height:44px}.story-note{display:block;text-align:right;margin-top:8px;font-size:7px}.brand-proof-inner{padding-block:14px}.service-story{grid-template-columns:1fr;gap:17px;margin-top:28px;padding-top:25px;padding-bottom:16px;scroll-margin-top:85px}.micro-copy{position:relative}.micro-copy .eyebrow{font-size:9px;margin-bottom:7px}.micro-copy h3{font-size:24px;line-height:1.5;margin-bottom:10px}.micro-copy>p:not(.eyebrow){font-size:11px}.micro-copy>p:not(.eyebrow)>br{display:none}.micro-copy .text-link{font-size:10px;margin-top:5px;min-height:35px}.micro-copy .scene-motion-toggle{position:absolute;right:0;top:0;font-size:8px;padding:0;min-height:35px}.aircon-comic{height:355px;margin-top:8px}.aircon-a{left:29%;font-size:11px;padding:13px 17px}.aircon-finish{left:0;top:7%;width:31%;height:57%}.aircon-wash{top:15%;height:73%;width:73%}.aircon-worker{left:-2%;width:58%;height:98%}.aircon-sound{top:31%;right:-1%;font-size:35px}.aircon-b{font-size:10px;max-width:73%;padding:13px 14px;bottom:0}.service-menu{margin-top:20px}.education-story{grid-template-columns:1fr;gap:27px;padding-top:27px;margin-top:30px}.education-comic{height:320px}.education-team{top:22%;height:62%;width:89%}.education-detail{width:31%;height:33%;bottom:0}.education-friend{right:-7%;height:102%;width:49%}.education-a{max-width:76%;font-size:11px;padding:15px 20px}.education-b{left:34%;right:0;font-size:10px;padding:14px 11px;bottom:-1%}.education-copy{position:relative;padding-left:0}.education-copy h3{font-size:22px}.education-copy .eyebrow{font-size:10px;margin-bottom:7px}.education-duration{display:flex;align-items:center;gap:18px;margin:5px 0 7px}.education-duration>small{font-size:10px;max-width:115px}.education-duration>strong{font-size:17px;white-space:nowrap}.education-duration>strong>span{font-size:60px}.education-copy>p:not(.eyebrow):not(.education-duration){font-size:12px}.education-copy>.education-answer{font-size:11px!important;margin-top:11px}.education-copy>.scene-motion-toggle{position:absolute;top:0;right:0;font-size:8px;padding:0;min-height:30px}.training-proof{margin-top:16px}.training-proof summary{font-size:11px}}
@media(max-width:370px){.intro-heading .intro-premise{font-size:24px;max-width:225px}.hero-comic{height:405px}.intro-a{font-size:9px;padding:12px 10px}.intro-a small{font-size:6px}.intro-b,.intro-b strong{font-size:10px}.intro-stop{font-size:14px;padding:17px 19px}.intro-actions .button{font-size:10px;padding-inline:11px}.intro-actions .text-link{font-size:9px}.intro-question{font-size:9px}.aircon-comic{height:330px}.aircon-a{font-size:10px;padding:12px 14px}.aircon-b{font-size:9px;padding:13px 11px}.education-a{font-size:10px;padding:13px 17px}.education-b{font-size:9px}.education-comic{height:300px}}
main{overflow-x:clip}.people-section{overflow-x:clip}.service-story{scroll-margin-top:0}.oem-background{border-top:1px solid #cfdfd1;padding-top:14px;margin-top:17px;color:#557264;font-size:11px!important}.oem-background strong{font-size:14px;color:#294e43}
@media(min-width:651px){.hero-customer{height:103%}.hero-friend{height:106%}}
@media(prefers-reduced-motion:reduce){.motion-scene *{animation:none!important;transition:none!important}.scene-actor{transform:none}}