:root{--ink:#101214;--ash:#252a2e;--steel:#abb7c4;--mist:#d8dde1;--road:#303132;--sand:#d6ad80;--amber:#dca775;--orange:#d58d54}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f2f1ee;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(222,167,116,.1),transparent 65%);transform:translate(-50%,-50%);transition:left .1s,top .1s}.loader{position:fixed;inset:0;background:#101214;z-index:100;display:grid;place-items:center;align-content:center;gap:18px;transition:opacity .8s,visibility .8s}.loader.is-off{opacity:0;visibility:hidden}.loader-wheel,.mini-wheel{width:82px;aspect-ratio:1;border:3px solid var(--sand);border-radius:50%;position:relative;animation:spin 1s linear infinite}.loader-wheel:before,.mini-wheel:before{content:"";position:absolute;inset:12px;border:1px solid #98a8b7;border-radius:50%;background:repeating-conic-gradient(#97a4ad 0 1deg,transparent 1deg 30deg)}.loader-wheel span{position:absolute;width:12px;height:12px;background:var(--sand);border-radius:50%;left:32px;top:32px;z-index:2}.loader p{font:500 10px DM Mono;letter-spacing:.23em;color:#9ca7ae;margin:0}.loader strong{font:900 42px/ .75 "Barlow Condensed";letter-spacing:-.05em;text-align:center}.nav{height:86px;position:absolute;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,70px);border-bottom:1px solid rgba(255,255,255,.15)}.wordmark{color:white;text-decoration:none;display:flex;align-items:center;gap:10px;font:800 20px/.75 "Barlow Condensed";letter-spacing:-.03em}.wordmark i{width:25px;height:25px;border:3px solid var(--sand);border-radius:50%;position:relative}.wordmark i:after{content:"";position:absolute;width:3px;height:3px;background:var(--sand);top:8px;left:8px;border-radius:50%}.nav nav{display:flex;gap:30px}.nav a{font:600 10px DM Mono;letter-spacing:.12em;color:#f4f0eb;text-decoration:none}.nav-socials{display:flex;gap:8px}.nav-socials a{border:1px solid rgba(255,255,255,.45);width:34px;height:34px;display:grid;place-items:center;font-size:10px;transition:.3s}.nav-socials a:hover{background:var(--sand);color:var(--ink);border-color:var(--sand)}.hero{height:100svh;min-height:700px;isolation:isolate;position:relative;overflow:hidden}.hero-photo,.lore-photo,.final-photo{position:absolute;inset:0;background:center/cover no-repeat}.hero-photo{background-image:url('assets/bike-johnson-original.png');background-position:54% 42%;z-index:-3;transform:scale(1.04);animation:heroIn 1.8s cubic-bezier(.2,.8,.2,1) both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,11,12,.87) 0%,rgba(9,11,12,.36) 50%,rgba(9,11,12,.15) 100%),linear-gradient(0deg,rgba(9,11,12,.75),transparent 45%)}.hero-grid,.route-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(219,230,237,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(219,230,237,.12) 1px,transparent 1px);background-size:clamp(48px,6vw,90px) clamp(48px,6vw,90px);mask-image:linear-gradient(90deg,#000,transparent 80%)}.speed-lines{position:absolute;top:0;bottom:0;width:50%;right:0;z-index:-1;overflow:hidden}.speed-lines b{position:absolute;left:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(220,167,117,.5),transparent);transform:rotate(-17deg);animation:slide 5s linear infinite}.speed-lines b:nth-child(1){top:22%;animation-delay:-2s}.speed-lines b:nth-child(2){top:58%;animation-delay:-4s}.speed-lines b:nth-child(3){top:83%;animation-delay:-1s}.hero-copy{position:absolute;left:clamp(22px,8vw,145px);bottom:clamp(90px,13vh,150px);width:min(660px,75vw)}.eyebrow{font:500 10px DM Mono;letter-spacing:.18em;color:var(--sand);margin:0 0 20px}.eyebrow span{display:inline-block;margin:0 10px;width:24px;border-top:1px solid currentColor;vertical-align:middle}.hero h1,.lore h2,.ride h2,.route h2,.final h2{font:900 clamp(88px,14vw,230px)/.7 "Barlow Condensed";letter-spacing:-.075em;margin:0;text-transform:uppercase}.hero h1 em,.lore h2 em,.ride h2 em,.route h2 em,.final h2 em{font-style:italic;color:var(--sand)}.hero-bottom{display:flex;align-items:flex-end;gap:clamp(30px,5vw,80px);margin-top:35px}.hero-bottom>p{font:700 15px/1.2 "Barlow Condensed";letter-spacing:.02em;margin:0}.hero-actions,.ride-actions,.final-buttons{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:50px;padding:0 16px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid;cursor:pointer;font:700 10px DM Mono;letter-spacing:.1em;text-decoration:none;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-4px)}.button b{font-size:19px;font-family:Arial;font-weight:400}.button-amber{background:var(--sand);border-color:var(--sand);color:#17191a}.button-ghost{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.55);color:white}.button-dark{background:var(--ink);border-color:var(--ink);color:white}.button-light{background:rgba(240,242,242,.1);border-color:rgba(255,255,255,.7);color:#fff}.side-ticker{position:absolute;right:18px;top:110px;bottom:56px;display:flex;flex-direction:column;gap:11px;align-items:center;font:500 9px DM Mono;letter-spacing:.18em;writing-mode:vertical-rl;color:#dde1e2}.side-ticker i{height:20px;border-left:1px solid var(--sand)}.scroll-cue{position:absolute;bottom:25px;right:clamp(35px,7vw,130px);color:#fff;text-decoration:none;display:flex;align-items:center;gap:13px;font:500 9px DM Mono;letter-spacing:.18em}.scroll-cue i{height:35px;border-left:1px solid var(--sand);position:relative}.scroll-cue i:after{content:"";position:absolute;height:7px;border-left:1px solid var(--sand);bottom:-1px;left:-3px;transform:rotate(-45deg)}.section-pad{padding:clamp(80px,11vw,170px) clamp(22px,8vw,145px);position:relative}.section-index{display:flex;align-items:center;gap:12px;font:500 9px DM Mono;letter-spacing:.18em;color:#757f87}.section-index span{color:var(--sand)}.section-index i{width:36px;border-top:1px solid currentColor}.section-index.light{color:#b9c2c9}.lore{min-height:950px;display:flex;align-items:center;overflow:hidden}.lore-photo{background-image:url('assets/ride-wide.png');background-position:center;z-index:-2;filter:grayscale(.15)}.lore-dark{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,15,.97) 0%,rgba(13,14,15,.82) 40%,rgba(13,14,15,.16) 100%)}.lore .section-index{position:absolute;top:clamp(80px,11vw,170px)}.lore-copy{width:min(650px,100%)}.lore h2,.ride h2,.route h2,.final h2{font-size:clamp(74px,10vw,170px)}.body-copy{width:min(310px,100%);font-size:13px;line-height:1.8;color:#bfc5c8;margin:30px 0 0}.quote-card{position:absolute;right:clamp(22px,12vw,190px);bottom:clamp(70px,10vw,150px);width:210px;border-left:2px solid var(--sand);padding:12px 0 12px 20px}.quote-card p{font:700 25px/.95 "Barlow Condensed";margin:0}.quote-card span{display:block;margin-top:17px;color:var(--sand);font:500 8px DM Mono;letter-spacing:.16em}.ride{background:#d8dbdc;color:var(--ink);min-height:800px}.ride .section-index{color:#5f6467}.ride-heading{margin-top:clamp(90px,14vw,190px);width:min(700px,100%)}.ride .eyebrow{color:#845b3a}.ride h2 em{color:#8e623e}.steps{margin-top:clamp(60px,10vw,150px);display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step{position:relative}.step>b{font:600 11px DM Mono;color:#9e6d47}.step-line{display:block;height:1px;background:#9ba2a4;margin:15px 0 25px;position:relative}.step-line:after{content:"";position:absolute;width:6px;height:6px;background:#9e6d47;border-radius:50%;right:0;top:-2px}.step h3,.route-stop h3{font:800 32px/.8 "Barlow Condensed";margin:0}.step p,.route-stop p{font-size:11px;color:#565d60;margin-top:15px}.ride-actions{margin-top:65px}.dex{background:var(--ink);min-height:720px}.dex-head{display:flex;justify-content:space-between;align-items:start}.chart-wrap{margin-top:70px;border:1px solid #4e5559;background:#181b1d;box-shadow:20px 20px 0 #2d3336}.chart-title{height:45px;border-bottom:1px solid #464d51;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:500 9px DM Mono;letter-spacing:.1em}.chart-title span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5dd6a5;margin-right:5px}.chart-title small{color:#878f93}.chart-frame{height:min(500px,50vw);min-height:320px;position:relative}.chart-frame iframe{border:0;width:100%;height:100%;display:block}.chart-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#abb4b8;font:500 10px/1.8 DM Mono;letter-spacing:.07em;background:linear-gradient(120deg,#161a1b,#252a2b)}.chart-placeholder code{color:var(--sand);font:inherit}.mini-wheel{width:42px;border-width:2px;margin-bottom:18px}.mini-wheel:before{inset:7px}.route{min-height:980px;background:#2c3b46;overflow:hidden}.route-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,#778c9c 0%,#3f525e 35%,#22303a 75%)}.route-grid{opacity:.13;z-index:0;mask-image:none}.route>*:not(.route-sky):not(.route-grid){z-index:1;position:relative}.route-heading{margin-top:clamp(90px,10vw,150px)}.route h2 em{color:#e9bd8b}.route-list{margin-top:clamp(60px,10vw,150px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.55)}.route-stop{padding:25px 25px 0 0;min-height:190px;border-right:1px solid rgba(255,255,255,.38)}.route-stop:not(:first-child){padding-left:25px}.route-stop:last-child{border-right:0}.route-stop>div{display:flex;align-items:center;gap:10px;margin-bottom:30px;font:500 10px DM Mono;letter-spacing:.13em;color:#e5ba89}.route-stop>div i{width:8px;height:8px;border:2px solid #e5ba89;border-radius:50%}.route-stop h3{font-size:30px}.route-stop p{color:#dae1e5;max-width:140px}.final{min-height:950px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.final-photo{background-image:url('assets/ride-wide.png');background-position:center;z-index:-2}.final-shade{position:absolute;inset:0;z-index:-1;background:rgba(8,11,12,.73)}.final h2{font-size:clamp(70px,11vw,190px);margin-bottom:45px}.final .eyebrow{margin-bottom:24px}.final-buttons{justify-content:center}.final-buttons .button{min-width:150px}.final footer{position:absolute;bottom:24px;left:clamp(22px,8vw,145px);right:clamp(22px,8vw,145px);display:flex;justify-content:space-between;text-align:left;align-items:end;font:500 8px/1.7 DM Mono;letter-spacing:.11em;color:#bfc7ca}.footer-logo{font:800 25px/.68 "Barlow Condensed";letter-spacing:-.03em;color:white}.footer-ca{border:0;background:transparent;color:var(--sand);font:500 8px DM Mono;letter-spacing:.11em;padding:0;cursor:pointer}.toast{position:fixed;right:22px;bottom:22px;background:var(--sand);color:#181918;padding:16px 18px;z-index:30;transform:translateY(140%);transition:transform .35s;font:700 9px DM Mono;letter-spacing:.12em}.toast.show{transform:translateY(0)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heroIn{from{transform:scale(1.16);filter:blur(6px)}to{transform:scale(1.04);filter:blur(0)}}@keyframes slide{from{transform:translateX(-80%) rotate(-17deg)}to{transform:translateX(150%) rotate(-17deg)}}@media(max-width:700px){.nav{height:68px}.nav nav{display:none}.hero h1{font-size:clamp(77px,23vw,138px)}.hero-copy{bottom:110px;width:calc(100% - 45px)}.hero-bottom{display:block}.hero-bottom>p{margin:22px 0}.hero-actions{gap:7px}.button{font-size:8px;gap:14px;min-height:46px}.side-ticker{display:none}.scroll-cue{right:23px}.lore{min-height:780px;align-items:flex-end;padding-bottom:170px}.lore-dark{background:linear-gradient(0deg,rgba(12,14,15,.97) 0%,rgba(13,14,15,.72) 58%,rgba(13,14,15,.2) 100%)}.quote-card{bottom:40px;right:22px;width:190px}.steps,.route-list{grid-template-columns:1fr;gap:30px}.step-line{margin:10px 0 16px}.step{display:grid;grid-template-columns:36px 1fr;column-gap:12px}.step>b{grid-column:1}.step-line{grid-column:2;grid-row:1}.step h3,.step p{grid-column:2}.step h3{margin-top:0}.step p{margin:5px 0}.dex-head{display:block}.dex-head .eyebrow{margin-top:22px}.chart-wrap{margin-top:45px;box-shadow:8px 8px 0 #2d3336}.route-stop{border-right:0;border-bottom:1px solid rgba(255,255,255,.38);min-height:0;padding:23px 0!important}.final{min-height:820px}.final footer{font-size:7px}.footer-logo{font-size:18px}.final-buttons{max-width:350px}.final-buttons .button{min-width:145px}.final-buttons .button:last-child{min-width:300px}}