:root{--bg:#050506;--panel:#0b0b10;--line:#ff2525;--purple:#7b4cff;--text:#fff;--muted:rgba(255,255,255,.72);--road-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial Black,Impact,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:linear-gradient(180deg,#000000db,#00000047);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-size:28px;font-style:italic;letter-spacing:-.04em;text-shadow:0 0 18px var(--purple)}.brand span{display:block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#ddd}nav{display:flex;gap:30px;text-transform:uppercase;font-size:12px;letter-spacing:.12em}nav a{opacity:.72}nav a.active,nav a:hover{color:#ff3131;opacity:1}.hero-build{min-height:100vh;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:120px 7vw 80px;background:linear-gradient(90deg,#050506,#050506d6 40%,#05050626),radial-gradient(circle at 70% 45%,rgba(255,40,40,.28),transparent 28%),radial-gradient(circle at 82% 58%,rgba(123,76,255,.24),transparent 31%),#08080b;position:relative;overflow:hidden}.hero-build:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,#050506)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:clamp(34px,5vw,82px);margin:0;color:#ff2b2b;font-style:italic;text-transform:uppercase;text-shadow:0 0 18px rgba(255,43,43,.36);transform:skew(-10deg)}h1{font-size:clamp(72px,11vw,170px);line-height:.78;margin:10px 0;text-transform:uppercase;letter-spacing:-.07em;text-shadow:0 0 24px rgba(255,255,255,.25)}.hero-copy p:not(.eyebrow){font-family:Arial,sans-serif;font-size:20px;line-height:1.55;color:var(--muted);max-width:520px}.cta{display:inline-flex;margin-top:28px;border:1px solid var(--line);padding:18px 26px;text-transform:uppercase;letter-spacing:.08em;background:#ff000014;box-shadow:0 0 30px #ff25252e}.hero-car{height:420px;border-radius:36px;background:linear-gradient(145deg,#ffffff14,#ffffff04);display:grid;place-items:center;position:relative;z-index:1;box-shadow:inset 0 0 80px #ffffff0a,0 0 70px #7b4cff2e}.hero-car:before{content:"";width:82%;height:44%;border:2px solid rgba(255,255,255,.16);border-radius:50%;position:absolute;transform:rotate(-8deg);filter:drop-shadow(0 0 20px var(--purple))}.car-silhouette{font-size:130px;color:#ffffff0f;letter-spacing:-.1em;text-shadow:0 0 60px rgba(255,255,255,.12)}.build-section{display:grid;grid-template-columns:160px minmax(0,1fr);gap:46px;padding:80px 6vw 120px;position:relative}.road-timeline{position:sticky;top:100px;height:calc(100vh - 120px);align-self:start}.road-track{position:relative;width:86px;height:100%;margin:auto;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(90deg,#151515,#2a2a2d 48%,#101010);box-shadow:inset 0 0 22px #000000bf,0 0 34px #ff25251f;overflow:visible}.road-track:before{content:"";position:absolute;top:22px;bottom:22px;left:50%;width:4px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,#fff 0 28px,transparent 28px 58px);opacity:.75;border-radius:10px}.road-progress{position:absolute;left:0;right:0;top:0;height:calc(var(--road-progress) * 100%);border-radius:999px;background:linear-gradient(to bottom,#ff252529,#ff2525b8);box-shadow:0 0 26px #ff252594}.toy-car{position:absolute;left:50%;top:calc(var(--road-progress) * (100% - 86px) + 18px);width:72px;transform:translate(-50%);z-index:6;filter:drop-shadow(0 0 16px rgba(255,37,37,.95));transition:top .12s linear}.toy-car svg{width:100%;transform:rotate(90deg)}.car-body{fill:#cf2020;stroke:#ff7b7b;stroke-width:2}.car-window{fill:#111;stroke:#fff;stroke-opacity:.35}.wheel{fill:#08080a}.wheel-core{fill:#fdd}.stop{position:absolute;left:112px;top:calc((100% - 42px) * var(--stop) / 4 + 12px);width:42px;height:42px;border-radius:50%;border:2px solid var(--line);background:#111;color:#fff;box-shadow:0 0 18px #ff25254d;cursor:pointer}.stop.active{background:var(--line);box-shadow:0 0 28px #ff2525d9}.stop span{position:absolute;left:52px;top:50%;transform:translateY(-50%);font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--muted)}.timeline-content{display:grid;gap:70px}.stage{min-height:520px;display:grid;grid-template-columns:minmax(220px,.55fr) minmax(300px,1fr) minmax(180px,.45fr);gap:32px;align-items:center;opacity:.36;transform:translateY(40px) scale(.98);transition:opacity .45s ease,transform .45s ease}.stage.active{opacity:1;transform:translateY(0) scale(1)}.stage-copy span{display:block;color:#ff2b2b;text-transform:uppercase;font-size:14px;letter-spacing:.12em;margin-bottom:12px}.stage h2{font-size:clamp(28px,4vw,58px);line-height:.9;margin:0 0 18px;text-transform:uppercase}.stage p{font-family:Arial,sans-serif;color:var(--muted);line-height:1.65}.video-card{position:relative;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.22);border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#101013,#050506);box-shadow:0 22px 60px #00000073,0 0 28px #ff25251a}.video-card iframe{width:100%;height:100%;border:0;display:block}.video-card:after{content:"\25b6";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:54px;text-shadow:0 0 22px #000;pointer-events:none}.video-card:hover{box-shadow:0 0 36px #ff252557}.video-label{position:absolute;left:14px;bottom:12px;background:#000000b8;border:1px solid rgba(255,37,37,.6);padding:8px 10px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.locked{display:grid;place-items:center}.locked:after{display:none}.locked-text{text-transform:uppercase;font-size:28px;letter-spacing:.12em;color:#fffc}.blueprint{min-height:180px;border:1px solid rgba(255,255,255,.1);border-radius:18px;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#ffffff08,#ffffff03);position:relative}.blueprint span{width:100%;height:84px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:block;position:relative}.blueprint span:before{content:"";position:absolute;top:30%;right:8%;bottom:30%;left:8%;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.blueprint b{text-transform:uppercase;color:#ffffff7a;font-size:12px;letter-spacing:.14em}.mystery{box-shadow:0 0 30px #ff25251f}.rns-build-page .car-body{fill:#6f3dff!important;stroke:#fff!important;stroke-width:3px!important}.rns-build-page .car-window{fill:#0b0614!important;stroke:#a98cff!important}.rns-build-page .wheel{fill:#050505!important;stroke:#a98cff!important}.rns-build-page .wheel-core{fill:#fff!important}.rns-build-page .hero-car-photo{overflow:hidden!important;border-radius:32px!important;border:1px solid rgba(169,140,255,.45)!important;background:#09090b!important;box-shadow:0 0 42px #6f3dff59,inset 0 0 30px #ffffff0a!important}.rns-build-page .hero-car-photo:before{display:none!important}.rns-build-page .hero-car-photo img{width:100%!important;height:100%!important;min-height:420px!important;object-fit:cover!important;display:block!important;opacity:.92!important}@media(min-width:901px){.rns-build-page .build-section{grid-template-columns:130px minmax(0,1fr)!important;gap:70px!important}.rns-build-page .road-timeline{transform:translate(-95px)!important}.rns-build-page .road-track{width:80px!important}.rns-build-page .toy-car{left:50%!important;top:calc(var(--road-progress) * (100% - 86px) + 18px)!important;transform:translate(-50%)!important}.rns-build-page .toy-car svg{transform:rotate(90deg)!important}.rns-build-page .road-progress{width:auto!important;height:calc(var(--road-progress) * 100%)!important}}@media(max-width:900px){html,body{overflow-x:hidden!important}.rns-build-page .hero-build{min-height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:28px!important;padding:90px 22px 42px!important}.rns-build-page .eyebrow{font-size:clamp(34px,10vw,48px)!important}.rns-build-page .hero-copy h1,.rns-build-page h1{font-size:clamp(58px,18vw,88px)!important;line-height:.84!important;letter-spacing:-.06em!important}.rns-build-page .hero-copy p:not(.eyebrow){font-size:17px!important;line-height:1.55!important}.rns-build-page .hero-car,.rns-build-page .hero-car-photo{display:block!important;width:100%!important;height:260px!important;min-height:260px!important;margin-top:22px!important;border-radius:28px!important}.rns-build-page .hero-car-photo img{min-height:260px!important;height:100%!important}.rns-build-page .build-section{display:grid!important;grid-template-columns:1fr!important;gap:28px!important;padding:48px 4vw 90px!important}.rns-build-page .road-timeline{position:sticky!important;top:0!important;height:96px!important;margin:0 0 24px!important;padding:12px 0!important;z-index:999!important;transform:none!important;background:#050506f0!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.rns-build-page .road-track{position:relative!important;width:100%!important;height:76px!important;min-height:76px!important;margin:0 auto!important;border-radius:999px!important;overflow:visible!important}.rns-build-page .road-track:before{content:""!important;position:absolute!important;left:22px!important;right:22px!important;top:50%!important;bottom:auto!important;width:auto!important;height:4px!important;transform:translateY(-50%)!important;background:repeating-linear-gradient(to right,#fff 0 28px,transparent 28px 58px)!important;opacity:.75!important;border-radius:10px!important}.rns-build-page .road-progress{left:0!important;top:0!important;right:auto!important;height:100%!important;width:calc(var(--road-progress) * 100%)!important;border-radius:999px!important}.rns-build-page .toy-car{left:calc(var(--road-progress) * (100% - 86px) + 42px)!important;top:50%!important;width:72px!important;transform:translate(-50%,-50%)!important;z-index:50!important;filter:drop-shadow(0 0 16px rgba(111,61,255,.95))!important;transition:left .12s linear!important}.rns-build-page .toy-car svg{width:100%!important;height:auto!important;transform:none!important}.rns-build-page .stop{position:absolute!important;top:94px!important;left:calc((100% - 42px) * var(--stop) / 4)!important;width:42px!important;height:42px!important;margin:0!important;transform:none!important;z-index:20!important}.rns-build-page .stop span{display:none!important}.rns-build-page .timeline-content{display:grid!important;gap:56px!important;width:100%!important}.rns-build-page .stage{grid-template-columns:1fr!important;gap:24px!important;min-height:auto!important;padding:34px 22px 28px!important;overflow:hidden!important}.rns-build-page .stage-copy span{display:block!important;margin-bottom:14px!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.18em!important;white-space:normal!important}.rns-build-page .stage-copy h2,.rns-build-page .stage h2{font-size:clamp(42px,13vw,58px)!important;line-height:.88!important;letter-spacing:-.04em!important;margin:0 0 18px!important;max-width:100%!important}.rns-build-page .stage-copy p,.rns-build-page .stage p{font-size:17px!important;line-height:1.55!important;margin:0 0 18px!important;max-width:100%!important}.rns-build-page .video-card{width:100%!important;height:auto!important;min-height:unset!important;aspect-ratio:16 / 9!important;border-radius:16px!important;overflow:hidden!important}.rns-build-page .video-card iframe{width:100%!important;height:100%!important;min-height:unset!important;display:block!important}.rns-build-page .video-card:after{font-size:42px!important}.rns-build-page .video-label{left:12px!important;bottom:10px!important;padding:8px 10px!important;font-size:10px!important}.rns-build-page .blueprint{display:none!important}}@media(max-width:560px){.rns-build-page h1{font-size:72px!important}.rns-build-page .eyebrow{font-size:38px!important}.rns-build-page .hero-copy p:not(.eyebrow){font-size:16px!important}.rns-build-page .video-card:after{font-size:40px!important}}@media(max-width:420px){.rns-build-page .stage{padding:32px 18px 26px!important}.rns-build-page .stage-copy h2,.rns-build-page .stage h2{font-size:clamp(38px,12.5vw,52px)!important}.rns-build-page .stage-copy p,.rns-build-page .stage p{font-size:16px!important}}@media(max-width:900px){.rns-build-page,.rns-build-page .build-section,.rns-build-page .timeline-content{overflow:visible!important}.rns-build-page .road-timeline{position:sticky!important;top:0!important;z-index:9999!important;height:96px!important;align-self:start!important;transform:none!important;background:#050506f5!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.rns-build-page .road-track{position:relative!important;height:76px!important;width:100%!important;overflow:visible!important}.rns-build-page .hero-build{overflow:hidden!important}}@media(max-width:900px){.rns-build-page.timeline-stuck .road-timeline{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99999!important;height:96px!important;padding:12px 4vw!important;background:#050506f5!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.rns-build-page.timeline-stuck .timeline-content{padding-top:120px!important}.rns-build-page.timeline-past .road-timeline{position:relative!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/car-build-timeline.css.map */