/* Transparent graphics only. The four original slide backgrounds remain authoritative. */
.arjb-home .product-hero{--race-ink:255,255,255;--race-trail:255,255,255}
.arjb-home .product-hero[data-theme=yellow],.arjb-home .product-hero[data-theme=white]{--race-ink:29,25,172;--race-trail:29,25,172}
.arjb-home .arjhr-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none!important;z-index:0;border-radius:inherit;contain:strict;color:rgb(var(--race-ink));transition:color .65s ease}
.arjb-home .arjhr-scene *{pointer-events:none!important;box-sizing:border-box}
.arjb-home .arjhr-ready>.hero-visual,.arjb-home .arjhr-ready>.hero-controls{position:relative;z-index:1}
.arjb-home .arjhr-road{position:absolute;inset:40% -22% -70% 28%;perspective:430px;opacity:.24;transform:rotate(-12deg);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 90%,transparent)}
.arjb-home .arjhr-grid{position:absolute;inset:-50% 0;transform:rotateX(58deg);background-image:linear-gradient(90deg,rgba(var(--race-ink),.28) 1px,transparent 1px),linear-gradient(rgba(var(--race-ink),.32) 1px,transparent 1px);background-size:95px 100%,100% 80px;animation:arjhr-road 5s linear infinite!important}
.arjb-home .arjhr-lane{position:absolute;top:-50%;bottom:-50%;width:3px;background:repeating-linear-gradient(to bottom,rgba(var(--race-ink),.9) 0 38px,transparent 38px 90px);transform:rotateX(58deg);animation:arjhr-lane 2s linear infinite!important}
.arjb-home .arjhr-lane.lane-a{left:42%}.arjb-home .arjhr-lane.lane-b{left:75%}
.arjb-home .arjhr-orbit{position:absolute;width:550px;height:550px;border:1px solid rgba(var(--race-ink),.18);border-radius:50%;right:-170px;top:-150px;transform:rotate(-25deg);box-shadow:0 0 0 30px rgba(var(--race-ink),.03),0 0 0 31px rgba(var(--race-ink),.09)}
.arjb-home .arjhr-dial{position:absolute;inset:18px;border-radius:50%;border:2px dashed rgba(var(--race-ink),.17);animation:arjhr-dial 60s linear infinite!important}
.arjb-home .arjhr-trails{position:absolute;inset:0;transform:rotate(-15deg);opacity:.65;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.28) 20%,rgba(0,0,0,.2) 55%,#000 95%)}
.arjb-home .arjhr-trails i{display:block;position:absolute;left:-50%;top:calc(8% + var(--i)*12%);height:2px;width:clamp(150px,32vw,620px);background:linear-gradient(90deg,transparent,rgba(var(--race-trail),.12) 18%,rgba(var(--race-trail),.7) 90%,transparent);box-shadow:0 0 8px rgba(var(--race-trail),.17);transform:translateX(0);animation:arjhr-speed 6s linear infinite!important;animation-delay:calc(var(--i)*-.87s)!important}
.arjb-home .arjhr-trails i:nth-child(3n){height:1px;width:18%;animation-duration:8s!important}
.arjb-home .arjhr-apex{position:absolute;left:16px;bottom:16%;display:flex;gap:9px;transform:skewX(-17deg);opacity:.32}
.arjb-home .arjhr-apex i{width:9px;height:55px;background:rgba(var(--race-ink),.7);animation:arjhr-apex 4s ease-in-out infinite!important}
.arjb-home .arjhr-apex i:nth-child(2){animation-delay:.2s}.arjb-home .arjhr-apex i:nth-child(3){animation-delay:.4s}
.arjb-home .arjhr-checker{position:absolute;right:0;bottom:0;width:260px;height:130px;opacity:.09;transform:skewX(-20deg);background:conic-gradient(rgba(var(--race-ink),1) 25%,transparent 0 50%,rgba(var(--race-ink),1) 0 75%,transparent 0) 0 0/26px 26px;mask-image:linear-gradient(135deg,transparent,#000)}
.arjb-home .arjhr-edge{position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--race-ink),.5),transparent);opacity:.35}
@keyframes arjhr-speed{from{transform:translateX(-15vw)}to{transform:translateX(170vw)}}
@keyframes arjhr-road{from{background-position:0 0,0 0}to{background-position:0 0,0 160px}}
@keyframes arjhr-lane{from{background-position:0 0}to{background-position:0 180px}}
@keyframes arjhr-dial{to{transform:rotate(360deg)}}
@keyframes arjhr-apex{0%,100%{opacity:.3}50%{opacity:1}}
.arjb-home .arjhr-scene.arjhr-paused *{animation-play-state:paused!important}
@media(max-width:767px){.arjb-home .arjhr-orbit{width:330px;height:330px;right:-165px;top:-80px}.arjb-home .arjhr-road{inset:55% -90% -40% -20%;opacity:.18}.arjb-home .arjhr-trails i:nth-child(n+6){display:none}.arjb-home .arjhr-trails{opacity:.45}.arjb-home .arjhr-apex{left:5px;bottom:18%;gap:5px}.arjb-home .arjhr-apex i{width:5px;height:34px}.arjb-home .arjhr-checker{width:160px;height:100px}}
/* Automatic motion is the owner's explicit preference; the carousel pause control stops it. */

/* 1.1: road drawn within the visible hero, independent of CSS 3D clipping. */
.arjb-home .arjhr-scene .arjhr-road{display:none}
.arjb-home .arjhr-scene svg.arjhr-highway{position:absolute;left:0;bottom:0;display:block;width:100%!important;max-width:none!important;height:39%!important;min-height:240px;max-height:330px;fill:none;stroke:rgb(var(--race-ink));overflow:visible;opacity:.74;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000);pointer-events:none}
.arjb-home .arjhr-highway path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:butt}
.arjb-home .arjhr-road-rails{stroke-width:3;opacity:.82}
.arjb-home .arjhr-shoulders{stroke-width:1.5;opacity:.38}
.arjb-home .arjhr-moving-lanes{stroke-width:4;stroke-dasharray:24 38;opacity:.82;stroke-dashoffset:0;animation:arjhr-drive 1.7s linear infinite!important}
.arjb-home .arjhr-road-markers{stroke-width:3;opacity:.55}
.arjb-home .arjhr-scene.arjhr-paused .arjhr-moving-lanes{animation-play-state:paused!important}
@keyframes arjhr-drive{from{stroke-dashoffset:0}to{stroke-dashoffset:-124}}
@media(max-width:767px){.arjb-home .arjhr-scene svg.arjhr-highway{height:31%!important;min-height:230px;max-height:340px;left:-20%;width:140%!important;opacity:.63}.arjb-home .arjhr-road-rails{stroke-width:2.5}.arjb-home .arjhr-moving-lanes{stroke-width:3;stroke-dasharray:17 26;animation:arjhr-drive-mobile 1.5s linear infinite!important}}
@keyframes arjhr-drive-mobile{from{stroke-dashoffset:0}to{stroke-dashoffset:-86}}