.scroll-scene{position:relative;isolation:isolate;background:#fff}
.brand-scroll{--scene-height:clamp(290px,43svh,420px);--scene-run:170svh;border-radius:26px 26px 0 0;margin-top:-26px;z-index:3;background:#f6f9fc;background-image:radial-gradient(ellipse at 50% 50%,#dcecff66,transparent 68%)}
.vehicle-scroll{--scene-height:clamp(360px,62svh,610px);--scene-run:240svh;background:linear-gradient(180deg,#fff,#f8fbfe 50%,#fff)}
.scroll-scenes-ready .scroll-scene{height:calc(var(--scene-height) + var(--scene-run))}
.scroll-scenes-ready .scene-stage{position:sticky;top:calc((100svh - var(--scene-height))/2 + 24px);height:var(--scene-height);box-sizing:border-box}
.brand-scroll .brand-strip{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:25px;padding:25px 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.brand-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 6.25%}
.brand-intro p{font-size:20px;line-height:1.6;color:#6e8295}.brand-intro strong{color:#223c56;font-weight:500}
.brand-intro>span{font-size:8px;letter-spacing:1.6px;color:#7896b3;display:flex;align-items:center;gap:12px}.brand-intro svg{width:18px;transform:rotate(180deg);color:#087eff}
.brand-window{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b3cce2 transparent;outline-offset:-3px}
.scroll-scenes-ready .brand-window{overflow:hidden}
.brand-track{display:flex;gap:28px;width:max-content;position:relative;list-style:none;padding:4px 6.25vw;margin:0;transform:translate3d(var(--brands-x,0px),0,0);will-change:transform}
.brand-card{flex:0 0 clamp(260px,24vw,340px);height:135px;padding:27px 30px;display:flex;align-items:center;justify-content:center;border:1px solid #dce7f1;border-radius:12px;background:#f2f6fa;box-shadow:0 9px 30px #09355c06;transition:border-color .3s,box-shadow .3s}
.brand-card svg{width:100%;height:80px;fill:none;stroke:none;overflow:hidden;border-radius:4px}
.brand-card.is-centered{border-color:#90bff0;box-shadow:0 12px 35px #087eff12}
.vehicle-scroll .vehicle-gallery{display:flex;flex-direction:column;justify-content:center;gap:14px;background:transparent;padding:24px 0;overflow:hidden}
.vehicle-gallery-heading{margin-bottom:0}.vehicle-track{position:relative}.vehicle-gallery:after{display:none}
.scene-footer{margin:0 6.25%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ba0b3}
.scene-footer small,.brand-strip .scene-footer small{font-size:9px;position:static;line-height:1.7;color:#8196aa}
.scene-counter{font-size:9px;letter-spacing:2px;white-space:nowrap;color:#4382b8}
.scene-meter{height:2px;background:#dfeaf4;margin:0 6.25%;overflow:hidden}.scene-meter>span{display:block;width:100%;height:100%;background:#1689ff;transform-origin:left;transform:scaleX(var(--scene-progress,0));box-shadow:0 0 14px #087eff55}
@media(max-width:760px){.brand-scroll{--scene-height:330px;--scene-run:190svh;margin-top:-20px;border-radius:20px 20px 0 0}.vehicle-scroll{--scene-height:335px;--scene-run:280svh}.scroll-scenes-ready .scene-stage{top:calc((100svh - var(--scene-height))/2 + 18px)}.brand-scroll .brand-strip{padding:20px 0;gap:22px}.brand-intro{padding:0 24px;gap:15px;align-items:flex-start}.brand-intro p{font-size:15px;min-width:0;flex:1;line-height:1.7}.brand-intro>span{font-size:6px;letter-spacing:1px;max-width:90px;line-height:1.8;gap:6px}.brand-intro svg{width:12px;flex-shrink:0}.brand-track{padding:4px 22px;gap:22px}.brand-card{flex-basis:220px;height:107px;padding:20px 23px;border-radius:9px}.brand-card svg{height:65px}.scene-footer{margin:0 24px;gap:15px}.scene-footer small,.brand-strip .scene-footer small{font-size:8px;max-width:245px}.scene-counter{font-size:8px;letter-spacing:1.2px}.scene-meter{margin:0 24px}.vehicle-scroll .vehicle-gallery{gap:16px;padding:20px 0}.vehicle-gallery-heading{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.scroll-scenes-ready .scroll-scene,.scroll-scene{height:auto!important}.scroll-scenes-ready .scene-stage,.scene-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0}.brand-track,.vehicle-track{transform:none!important;will-change:auto}.scroll-scenes-ready .brand-window,.brand-window{overflow-x:auto}.vehicle-gallery-window{overflow-x:auto!important}.scene-meter,.scene-counter{display:none}.brand-scroll .brand-strip{padding:35px 0}.brand-card{transition:none}.vehicle-scroll .vehicle-gallery{padding:25px 0}}