.m22-service{position:relative;background:#080e13;color:#e7edf1;--m22-progress:0;--m22-bend:0deg;--m22-drop:0px;--m22-arm:0deg;--m22-light:.7;--m22-work:0;--m22-torch:1}
.m22-service.is-enhanced{height:190vh;height:190svh}
.m22-service-sticky{position:relative;min-height:730px;overflow:hidden;isolation:isolate}
.m22-service.is-enhanced .m22-service-sticky{position:sticky;top:0;height:100vh;height:100svh;min-height:560px}
.m22-heading{position:absolute;z-index:3;top:10%;right:7%;width:34%;pointer-events:none}
.m22-heading h2{font-size:clamp(32px,4vw,68px);font-weight:300;line-height:1.12;letter-spacing:-.055em;margin:20px 0}.m22-heading h2 em{font-style:normal;color:#8ebacf}.m22-heading p{font-size:14px;line-height:1.8;color:#a5b5c0;max-width:260px}
.m22-workshop{position:absolute;inset:0;overflow:hidden}.m22-artboard{position:absolute;width:100%;aspect-ratio:1672/940;bottom:9%;left:0}.m22-car{width:100%;height:100%;display:block;object-fit:contain;opacity:.85;mask-image:linear-gradient(transparent,#000 10%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 88%,transparent)}
.m22-light{position:absolute;inset:0;width:100%;height:100%;opacity:var(--m22-light);pointer-events:none}
.m22-mechanic{position:absolute;left:10%;top:44%;width:17%;aspect-ratio:180/250;filter:drop-shadow(3px 7px 3px #0007);pointer-events:none}
.m22-mechanic .m19-upper{transform-origin:88px 163px;transform:translateY(var(--m22-drop)) rotate(var(--m22-bend))}.m22-mechanic .m19-point-arm{transform:rotate(var(--m22-arm))}.m22-mechanic .m19-finger{display:none}.m22-mechanic .m19-torch,.m22-torch-beam{opacity:var(--m22-torch)}.m22-wrench{opacity:var(--m22-work)}.m22-mechanic .m19-case-arm{transform-origin:55px 92px;transform:rotate(calc(var(--m22-bend) * -1))}.m22-mechanic .m19-leg-back{transform:rotate(calc(var(--m22-bend) * -.45))}.m22-mechanic .m19-leg-front{transform:rotate(calc(var(--m22-bend) * .35))}
.m22-hotspot{position:absolute;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#e6f8ff;padding:0;min-height:44px;cursor:pointer;font:inherit;font-size:11px;letter-spacing:.05em;z-index:4}.m22-hotspot span{display:grid;place-items:center;border:1px solid #bddde980;background:#102333d9;box-shadow:0 0 0 7px #a1d9ef0a;border-radius:50%;width:44px;height:44px;font-size:23px;font-weight:300}.m22-hotspot b{font-weight:400;background:#0a1825d9;padding:6px 8px;border-radius:4px}.m22-hotspot[aria-expanded=true] span{background:#e1f5ff;color:#122330}.m22-suspension{left:29%;top:57%}.m22-steering{left:49%;top:74%}.m22-hotspot:focus-visible,.m22-controls button:focus-visible,.m22-close:focus-visible{outline:2px solid #a0dbfa;outline-offset:5px}
.m22-controls{position:absolute;bottom:5%;left:7%;right:7%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px}.m22-phases{display:flex;gap:26px}.m22-phases button{border:0;background:none;padding:10px 0;color:#8c9da9;font:inherit;font-size:13px;cursor:pointer;min-height:44px}.m22-phases small{font-size:9px;margin-right:8px;color:#78b4d0}.m22-phases button[aria-pressed=true]{color:#fff}.m22-scroll-cue{font-size:11px;color:#92a6b4}.m22-progress{position:absolute;top:-10px;left:0;right:0;height:1px;background:#a1c0d32b}.m22-progress i{display:block;height:1px;background:#bce7fc;box-shadow:0 0 8px #bce7fc;width:100%;transform-origin:left;transform:scaleX(var(--m22-progress))}
.m22-part-panels{position:absolute;right:7%;bottom:20%;width:min(360px,35%);z-index:6}.m22-part-panel{position:relative;display:flex;align-items:center;gap:12px;background:#101d28f5;border:1px solid #a4cede40;border-radius:16px;padding:25px 18px;box-shadow:0 20px 60px #0006}.m22-part-panel[hidden]{display:none}.m22-part-panel img{width:36%;height:auto;object-fit:contain}.m22-part-panel .j-kicker{font-size:9px}.m22-part-panel h3{font-size:20px;line-height:1.3;font-weight:400;margin:10px 0 18px}.m22-part-panel .j-link{font-size:12px}.m22-close{position:absolute;right:3px;top:3px;width:40px;height:40px;border:0;background:none;color:#d4e7f3;cursor:pointer;font-size:23px}.m22-fallback{position:absolute;bottom:0;left:7%;font-size:12px}
@media(min-width:1700px){.m22-artboard{width:90%;left:5%;bottom:4%}}
@media(max-width:760px){.m22-service.is-enhanced{height:165svh}.m22-service.is-enhanced .m22-service-sticky{min-height:610px}.m22-service-sticky{min-height:680px}.m22-heading{top:6%;left:7%;right:auto;width:85%}.m22-heading h2{font-size:40px;margin:15px 0}.m22-heading p{font-size:12px;max-width:100%}.m22-artboard{width:176%;left:-13%;bottom:18%}.m22-mechanic{width:18%;left:9%}.m22-suspension{left:29%;top:53%}.m22-steering{left:44%;top:77%}.m22-hotspot{gap:4px}.m22-hotspot b{font-size:10px}.m22-controls{bottom:5%;left:7%;right:7%;flex-wrap:wrap;gap:4px}.m22-phases{width:100%;justify-content:space-between;gap:10px}.m22-scroll-cue{font-size:10px}.m22-part-panels{left:7%;right:7%;bottom:17%;width:auto}.m22-part-panel{padding:15px 24px 15px 14px;max-width:400px;margin:auto}.m22-part-panel img{width:24%}.m22-part-panel h3{font-size:18px;margin:5px 0 10px}}
@media(max-height:600px) and (min-width:761px){.m22-service.is-enhanced .m22-service-sticky{min-height:460px}.m22-heading{top:6%}.m22-heading h2{font-size:34px}.m22-artboard{width:82%;bottom:0}.m22-part-panels{bottom:22%}}
@media(prefers-reduced-motion:reduce){.m22-service.is-enhanced{height:auto}.m22-service.is-enhanced .m22-service-sticky{position:relative}.m22-mechanic *{animation:none!important;transition:none!important}}
.m22-controls{bottom:125px}.m22-artboard{bottom:17%}.m22-mechanic .m19-upper,.m22-mechanic .m19-point-arm,.m22-mechanic .m19-leg{transition:transform .12s linear}.m22-part-panels{bottom:32%}
.m22-controls{align-items:flex-start;flex-direction:column;gap:2px}
@media(min-width:761px) and (max-width:1000px) and (orientation:portrait){.m22-heading{left:7%;right:auto;width:80%;top:7%}.m22-heading h2{font-size:48px}.m22-artboard{width:140%;left:-8%;bottom:21%}.m22-part-panels{width:360px;bottom:30%}}
@media(max-width:760px){.m22-controls{bottom:120px}.m22-artboard{bottom:26%}.m22-part-panels{bottom:30%}}
@media(max-height:600px){.m22-service.is-enhanced{height:auto}.m22-service.is-enhanced .m22-service-sticky{position:relative;min-height:650px}.m22-heading h2{font-size:32px}.m22-artboard{bottom:22%}.m22-controls{bottom:120px}}