.hero-motion{--motion-x:0;--motion-y:0;--motion-scroll:0;--motion-drift:0;pointer-events:none;isolation:isolate;background:radial-gradient(at 80% 42%,#355445 0%,#1a3329 35%,#10221c 73%);position:absolute;inset:0;overflow:hidden}.hero-motion:after{content:"";z-index:2;background:linear-gradient(90deg,#10221c 0%,#10221cf5 25%,#10221cb8 39%,#0000 57%);position:absolute;inset:0}.hero-motion-glow{background:radial-gradient(circle,#d29d6340,#0000 65%);width:520px;height:520px;position:absolute;top:-12%;right:1%}.hero-motion-stage{perspective:1200px;width:min(54%,1000px);height:100%;transform-style:preserve-3d;transform:translate3d(calc(var(--motion-x) * 10px), calc(var(--motion-scroll) * -65px), 0) rotateX(calc(var(--motion-y) * -5deg)) rotateY(calc(var(--motion-x) * 7deg)) rotateZ(calc(var(--motion-scroll) * 6deg + var(--motion-drift) * 1deg));will-change:transform;position:absolute;top:0;right:0}.hero-motion-orbit{aspect-ratio:1;border:1px solid #d1d9c82c;border-radius:50%;width:90%;position:absolute;top:-8%;left:8%;transform:rotateX(25deg)rotate(-20deg)}.hero-motion-orbit-inner{border-style:dashed;border-color:#d1d9c81c;width:65%;top:8%;left:20%}.hero-motion-coordinate{color:#d0d4cb8c;letter-spacing:.18em;font-size:9px;position:absolute;top:8%;right:13%}.hero-motion-card{--card-angle:-5deg;--card-depth:0px;width:32%;transform:translateZ(var(--card-depth)) rotateZ(calc(var(--card-angle) + var(--motion-x) * -3deg + var(--motion-drift) * 1.5deg)) rotateY(calc(var(--motion-x) * -9deg + var(--motion-scroll) * 9deg));backface-visibility:hidden;background:#142a22;border:1px solid #d1d9c840;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 24px 50px #0005}.hero-motion-card img{aspect-ratio:1.5;object-fit:cover;width:100%;height:auto;display:block}.hero-motion-card span{color:#e3d8bb;letter-spacing:.17em;padding:10px 12px;font-size:8px;font-weight:600;display:block}.hero-motion-compass{--card-angle:-7deg;--card-depth:60px;z-index:3;width:47%;top:29%;left:23%}.hero-motion-polo{--card-angle:8deg;width:30%;top:5%;left:10%}.hero-motion-hilux{--card-angle:10deg;--card-depth:20px;width:32%;top:10%;right:3%}.hero-motion-honda{--card-angle:8deg;--card-depth:35px;width:30%;top:65%;left:4%}.hero-motion-yamaha{--card-angle:-9deg;width:28%;top:66%;right:5%}.hero-motion-road{--card-angle:-4deg;opacity:.7;width:23%;top:78%;left:40%}.hero-motion-note{z-index:3;color:#e3e8dfb8;font-size:10px;position:absolute;bottom:17px;right:25px}@media (max-width:1000px) and (min-width:761px){.hero-motion-stage{width:51%;right:-3%}.hero-motion:after{background:linear-gradient(90deg,#10221c 0%,#10221cfa 38%,#10221ce0 57%,#10221c90 67%,#0000 88%)}}@media (max-width:760px){.hero-motion{background:radial-gradient(at 70% 78%,#355445,#10221c 72%)}.hero-motion:after{background:linear-gradient(#10221c 0% 40%,#10221c40 66%,#0000 78%)}.hero-motion-stage{width:min(100%,500px);height:280px;top:auto;bottom:12px;right:0}.hero-motion-orbit{width:85%;top:-13%}.hero-motion-orbit-inner{width:65%;top:1%}.hero-motion-compass{width:44%;top:27%;left:28%}.hero-motion-polo{width:29%;top:8%;left:6%}.hero-motion-hilux{width:28%;top:4%;right:4%}.hero-motion-honda{width:28%;top:56%;left:6%}.hero-motion-yamaha{width:26%;top:57%;right:4%}.hero-motion-road{display:none}.hero-motion-card{border-radius:8px}.hero-motion-card span{padding:6px 7px;font-size:6px}.hero-motion-coordinate{display:none}.hero-motion-note{background:#10221ce8;border-radius:4px;padding:4px 7px;font-size:9px;bottom:8px;right:18px}}@media (prefers-reduced-motion:reduce){.hero-motion-stage{will-change:auto;transform:none}.hero-motion-card{transform:rotateZ(var(--card-angle))}}