.traverse .bike-hero{position:relative;min-height:min(760px,91svh);background:linear-gradient(145deg,#eaf5f5,#d3eaf3 70%);isolation:isolate}
.traverse .bike-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(104deg,transparent 0 110px,#12487709 111px 112px);pointer-events:none}
.traverse .bike-hero>div:first-child{position:relative;z-index:2}
.traverse .bike-hero h1{animation:traverse-hero .9s .1s both}
.traverse .bike-art{min-height:510px;transform:none;display:grid;place-items:center;position:relative}
.traverse .bike-art::before{content:"";position:absolute;width:120%;height:18%;background:#93beca77;bottom:10%;left:-10%;border-radius:50%;filter:blur(24px)}
.traverse .bike-illustration{width:min(120%,810px);max-width:none;overflow:visible;position:relative;z-index:1;filter:drop-shadow(0 20px 8px #1248771b);animation:traverse-bob 4s ease-in-out infinite}
.traverse .bike-illustration .wheel{transform-box:fill-box;transform-origin:center;animation:traverse-wheel 1.7s linear infinite}
.traverse .bike-illustration .bike-frame{stroke-dasharray:1800;stroke-dashoffset:1800;animation:traverse-draw 1.5s .2s ease-out forwards}
.traverse .bike-illustration .bike-ground{stroke-dasharray:12 23;animation:traverse-road 1.2s linear infinite}
.traverse .bike-art .bike-caption{position:absolute;bottom:0;left:9%;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.traverse .journey{padding:110px var(--pad);background:#e8f2ed;position:relative}
.traverse .journey-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}
.traverse .journey-head span{font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.traverse .journey h2{font:800 clamp(50px,6.8vw,104px)/.99 Archivo,sans-serif;letter-spacing:-.065em;margin-top:20px}
.traverse .journey-head p{font-size:18px;max-width:520px}
.traverse .journey-track{height:100px;margin:45px 0 26px;position:relative;border-bottom:1px solid #12487748}
.traverse .journey-track::before{content:"";position:absolute;left:0;right:0;top:54px;border-top:2px dashed #12487766}
.traverse .journey-progress{height:4px;width:var(--journey-progress,0%);background:#fb6b3c;position:absolute;left:0;top:53px;transition:width .2s linear}
.traverse .journey-marker{position:absolute;left:var(--journey-progress,0%);top:30px;transform:translateX(-50%);height:46px;width:46px;background:#fb6b3c;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 12px #fb6b3c26;transition:left .2s linear}
.traverse .journey-marker svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.traverse .journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9%}
.traverse .journey-steps article{border-top:1px solid #12487777;padding:18px 0}
.traverse .journey-steps span{font-size:12px;letter-spacing:.12em}
.traverse .journey-steps h3{font-size:26px;margin:30px 0 14px}
.traverse .journey-steps p{font-size:16px}
.traverse .service-list>a{transition:padding .3s,background .3s}
.traverse .service-list>a:hover{padding-left:18px;padding-right:18px;background:#ffffff11}
.traverse [data-traverse-reveal]{opacity:1;transform:none}
.traverse.traverse-ready [data-traverse-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}
.traverse.traverse-ready [data-traverse-reveal].is-visible{opacity:1;transform:none}
@keyframes traverse-wheel{to{rotate:360deg}}
@keyframes traverse-bob{50%{transform:translateY(-10px)}}
@keyframes traverse-road{to{stroke-dashoffset:-35}}
@keyframes traverse-draw{to{stroke-dashoffset:0}}
@keyframes traverse-hero{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@media(max-width:800px){.traverse .bike-hero{min-height:0}.traverse .bike-art{min-height:290px;width:100%}.traverse .bike-illustration{width:min(114%,520px)}.traverse .journey{padding:75px var(--pad)}.traverse .journey-head{grid-template-columns:1fr;gap:22px}.traverse .journey-steps{gap:20px}.traverse .journey-steps h3{font-size:20px}}
@media(max-width:540px){.traverse .journey-steps{grid-template-columns:1fr}.traverse .journey-steps h3{margin:12px 0}.traverse .journey-track{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.traverse .bike-hero h1,.traverse .bike-illustration,.traverse .bike-illustration .wheel,.traverse .bike-illustration .bike-frame,.traverse .bike-illustration .bike-ground{animation:none!important}.traverse .bike-illustration .bike-frame{stroke-dashoffset:0}.traverse.traverse-ready [data-traverse-reveal]{opacity:1;transform:none;transition:none}.traverse .journey-progress,.traverse .journey-marker{transition:none}}