:root{--blue:#173cff;--ink:#0b0d12;--paper:#ecece5;--sand:#c6aa7c;--line:rgba(11,13,18,.18);--pad:clamp(18px,2.2vw,34px)}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden}body{cursor:none}img{display:block;width:100%;height:100%;object-fit:cover}a,button{color:inherit;text-decoration:none;cursor:none}.mono{font-family:'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}.grain{position:fixed;z-index:1200;inset:-40%;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' 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)'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}@keyframes grain{50%{transform:translate(2%,-1%)}}.cursor-dot{position:fixed;z-index:2200;left:0;top:0;width:10px;height:10px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;transform:translate(-50%,-50%)}
.topbar{position:fixed;z-index:1000;left:0;right:0;top:0;height:66px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;mix-blend-mode:difference;color:#fff}.yamaha{font:700 22px/1 'Space Grotesk';letter-spacing:-.06em}.topbar nav{display:flex;gap:26px;font:500 9px 'DM Mono'}.menu-btn{justify-self:end;border:0;background:none;font:500 9px 'DM Mono';display:flex;gap:10px;align-items:center}.menu-btn span,.menu-btn span:after{display:block;width:24px;height:1px;background:currentColor;content:""}.menu-btn span:after{transform:translateY(5px)}
.liquid-hero{height:100vh;background:#020307}.hero-stage{height:100vh;position:relative;overflow:hidden;background:#05070a}.hero-fallback,#liquidCanvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-fallback{filter:saturate(.82) contrast(1.08)}#liquidCanvas{z-index:2}.hero-ui{position:absolute;z-index:3;inset:0;color:#fff;pointer-events:none}.hero-id,.hero-year{position:absolute;top:88px;font-size:8px}.hero-id{left:var(--pad)}.hero-year{right:var(--pad)}.hero-copy{position:absolute;left:var(--pad);bottom:28px;display:flex;align-items:end;gap:18px}.hero-copy span{font:500 10px 'DM Mono';margin-bottom:14px}.hero-copy b{font:400 clamp(5rem,14vw,13rem)/.72 'Archivo Black';letter-spacing:-.1em}.hero-help{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);font-size:8px;display:flex;gap:7px;align-items:center;min-width:230px;justify-content:center;padding:8px 12px;border-radius:999px;background:rgba(5,7,10,.28);backdrop-filter:blur(8px);transition:background .25s}.hero-help i{width:7px;height:7px;border-radius:50%;background:#b9ff32}.hero-lock{pointer-events:none;position:absolute;right:var(--pad);bottom:24px;width:94px;height:94px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(5,7,10,.1);color:#fff;font-size:8px}
.story{min-height:190vh;position:relative;background:#efefe8;padding:110px var(--pad) 120px;overflow:hidden}.story-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(11,13,18,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,18,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent)}.story-head{position:relative;z-index:2;display:grid;grid-template-columns:.5fr 1.4fr .8fr;gap:3vw;align-items:start}.story-head>span{font-size:9px}.story-head h2{margin:0;font:400 clamp(4.5rem,9vw,9rem)/.8 'Archivo Black';letter-spacing:-.075em}.story-head p{max-width:360px;margin:8px 0 0;font-size:1.15rem;line-height:1.25}.story-path{position:absolute;z-index:1;left:3vw;top:26vh;width:94vw;height:145vh;overflow:visible}.story-path path{fill:none;stroke:#173cff;stroke-width:2;stroke-dasharray:8 10;opacity:.65}.story-card{position:absolute;z-index:3;width:26vw;height:36vh;overflow:visible}.story-card img{height:29vh;box-shadow:0 20px 50px rgba(0,0,0,.12)}.story-card>div{display:flex;justify-content:space-between;align-items:end;margin-top:9px}.story-card b{font-size:1.2rem;letter-spacing:-.04em}.story-card span{font-size:8px}.sc1{left:8vw;top:58vh;transform:rotate(-5deg)}.sc2{right:9vw;top:73vh;width:31vw;height:44vh;transform:rotate(4deg)}.sc2 img{height:36vh}.sc3{left:28vw;top:118vh;width:24vw;transform:rotate(3deg)}.sc4{right:18vw;top:140vh;width:28vw;transform:rotate(-3deg)}.story-orbit{position:absolute;left:var(--pad);bottom:35px;font-size:8px}
.worlds{height:100vh;position:relative;overflow:hidden;background:#000;color:#fff}.world{position:absolute;inset:0;overflow:hidden}.world img{position:absolute;inset:0}.world-road{clip-path:inset(0 50% 0 0)}.world-dirt{clip-path:inset(0 0 0 50%)}.world-road:after,.world-dirt:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52))}.world-copy{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}.world-road .world-copy{left:4vw}.world-dirt .world-copy{right:4vw;text-align:right}.world-copy small,.world-copy span{font:500 9px 'DM Mono';letter-spacing:.08em}.world-copy b{font:400 clamp(5rem,11vw,11rem)/.75 'Archivo Black';letter-spacing:-.08em}.world-divider{position:absolute;z-index:5;left:50%;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}.world-divider i{position:absolute;top:50%;left:50%;width:68px;height:68px;border-radius:50%;border:1px solid #fff;transform:translate(-50%,-50%);background:rgba(0,0,0,.18)}.world-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px}.world-caption{position:absolute;z-index:5;left:var(--pad);bottom:20px;font-size:8px}
.garage{min-height:130vh;background:#dfe4ff;padding:100px var(--pad) 80px;position:relative;overflow:hidden}.garage-intro{display:grid;grid-template-columns:.45fr 1.3fr .7fr;gap:3vw;align-items:start}.garage-intro>span{font-size:9px}.garage-intro h2{margin:0;font:400 clamp(5rem,10vw,10rem)/.76 'Archivo Black';letter-spacing:-.08em}.garage-intro p{margin:12px 0 0;max-width:280px;font-size:1.1rem}.garage-scene{position:relative;height:70vh;margin-top:30px;perspective:1400px;touch-action:none}.garage-ring{position:absolute;left:50%;top:50%;width:68vw;height:36vw;border:1px solid rgba(23,60,255,.4);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg)}.garage-hint{position:absolute;left:50%;top:5%;transform:translateX(-50%);font-size:8px;letter-spacing:.08em;background:rgba(255,255,255,.55);padding:8px 12px;border-radius:999px;z-index:140;backdrop-filter:blur(10px)}.bike-card{position:absolute;left:50%;top:50%;width:29vw;height:42vh;transform-style:preserve-3d;transform-origin:center;overflow:hidden;box-shadow:0 30px 70px rgba(22,31,73,.18);transition:filter .28s,box-shadow .28s,border-color .28s;border:1px solid rgba(23,60,255,.08);will-change:transform}.bike-card.is-hovered{box-shadow:0 38px 95px rgba(23,60,255,.28);border-color:rgba(23,60,255,.6)}.bike-card img{transform:scale(1.04);transition:transform .28s ease;will-change:transform}.garage-readout{display:flex;align-items:end;gap:20px;margin-top:8px}.garage-readout b{font:400 clamp(3.5rem,7vw,7rem)/.8 'Archivo Black';letter-spacing:-.07em}.garage-readout span{font-size:9px;margin-bottom:6px}.garage-readout i{font:400 9px 'DM Mono';font-style:normal;margin-left:auto;margin-bottom:6px}
.telemetry{height:260vh;background:#11131a;color:#fff;position:relative}.telemetry-canvas{height:100vh;position:sticky;top:0;overflow:hidden}.circuit{position:absolute;width:76vw;height:76vh;left:12vw;top:12vh}.circuit path{fill:none;stroke:rgba(255,255,255,.16);stroke-width:2;stroke-linecap:round;stroke-dasharray:12 8}.telemetry-bike{position:absolute;right:3vw;bottom:0;width:47vw;height:76vh;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}.telemetry-bike:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11131a 0,transparent 35%)}.speed{position:absolute;left:var(--pad);bottom:8vh;display:flex;align-items:end;gap:10px}.speed b{font:400 clamp(7rem,18vw,18rem)/.68 'Archivo Black';letter-spacing:-.09em;color:#fff}.speed span{font:500 10px 'DM Mono';margin-bottom:12px}.gear{position:absolute;right:4vw;top:12vh;display:flex;flex-direction:column;align-items:center}.gear span{font:500 8px 'DM Mono'}.gear b{font:400 6rem/1 'Archivo Black';color:#173cff}.telemetry-bars{position:absolute;left:var(--pad);right:var(--pad);top:18vh;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.telemetry-bars i{height:4px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}.telemetry-bars i:after{content:"";position:absolute;inset:0;background:#173cff;transform:scaleX(0);transform-origin:left}.telemetry-title{position:absolute;left:var(--pad);top:26vh;z-index:4}.telemetry-title small{font-size:8px}.telemetry-title b{display:block;margin-top:14px;font:400 clamp(3rem,6vw,6rem)/.82 'Archivo Black';letter-spacing:-.07em}.telemetry-caption{position:absolute;right:var(--pad);bottom:22px;font-size:8px}
.terrain{height:120vh;position:relative;overflow:hidden;background:#d5bea0}.terrain-base,.terrain-base img,#terrainCanvas{position:absolute;inset:0;width:100%;height:100%}.terrain-base img{filter:saturate(.35) contrast(1.05) brightness(.72)}#terrainCanvas{z-index:2}.terrain-ui{position:absolute;z-index:3;inset:0;color:#fff;padding:var(--pad);pointer-events:none}.terrain-ui>span{position:absolute;top:88px;font-size:8px}.terrain-ui h2{position:absolute;left:var(--pad);bottom:38px;margin:0;font:400 clamp(5rem,11vw,11rem)/.75 'Archivo Black';letter-spacing:-.08em}.terrain-ui p{position:absolute;right:var(--pad);bottom:40px;font-size:8px;max-width:220px;text-align:right}
.finish{height:100vh;position:relative;overflow:hidden;background:#000;color:#fff}.finish>img,.finish-shade{position:absolute;inset:0}.finish>img{filter:saturate(.85) contrast(1.08)}.finish-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1) 58%,rgba(0,0,0,.22))}.finish-word{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);font:400 clamp(6rem,14vw,14rem)/.65 'Archivo Black';letter-spacing:-.09em}.finish-word span{color:#ffe000}.finish-meta{position:absolute;left:var(--pad);right:var(--pad);bottom:24px;display:flex;justify-content:space-between;font-size:8px}
@media(max-width:800px){body{cursor:auto}.cursor-dot{display:none}.topbar nav{display:none}.story{min-height:160vh}.story-head{grid-template-columns:1fr}.story-head h2{font-size:16vw}.story-head p{max-width:none}.story-card{width:58vw}.sc1{left:4vw;top:55vh}.sc2{right:4vw;top:82vh;width:66vw}.sc3{left:8vw;top:112vh;width:54vw}.sc4{right:5vw;top:134vh;width:60vw}.world-copy b{font-size:16vw}.garage-intro{grid-template-columns:1fr}.garage-intro h2{font-size:17vw}.bike-card{width:64vw;height:40vh}.garage-ring{width:120vw;height:70vw}.telemetry-bike{width:80vw}.speed b{font-size:24vw}.telemetry-title b{font-size:10vw}.terrain-ui h2{font-size:18vw}.finish-word{font-size:20vw}.hero-copy b{font-size:25vw}.hero-copy span,.hero-help{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* QA refinements */
.garage-hint{position:absolute;left:50%;top:18px;transform:translateX(-50%);font-size:8px;letter-spacing:.08em;opacity:.56;white-space:nowrap;pointer-events:none}.bike-card{outline:1px solid transparent}.bike-card.is-hovered{outline-color:rgba(23,60,255,.6);box-shadow:0 34px 90px rgba(23,60,255,.28)}.story-orbit{opacity:.58}.world-divider span{background:rgba(0,0,0,.35);padding:4px 6px;border-radius:10px}.hero-lock{transition:opacity .2s,transform .2s}.hero-lock:hover{transform:scale(1.04)}

.hero-lock.is-locked{background:#b9ff32;color:#071009;border-color:#b9ff32}.hero-lock{display:grid;place-items:center;text-align:center;line-height:1.35}.hero-lock:hover{transform:none!important}

/* Final QA composition pass */
.garage-hint{display:none!important}
.telemetry-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}
.circuit{opacity:.9}.circuit path{stroke:rgba(80,118,255,.52);stroke-width:2.4;stroke-dasharray:none}
.telemetry-title{top:22vh}.telemetry-title b{font-size:clamp(3.2rem,6.5vw,6.5rem)}
.telemetry-data{position:absolute;z-index:5;left:var(--pad);right:52vw;bottom:4vh;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.telemetry-data div{padding:11px 10px 12px 0;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;gap:8px}.telemetry-data div:last-child{border-right:0;padding-left:10px}.telemetry-data span{font-size:7px;opacity:.55}.telemetry-data b{font:500 13px 'DM Mono';letter-spacing:-.03em}
.telemetry-bike{height:70vh;bottom:4vh;width:45vw}.speed{bottom:17vh}.gear{top:15vh}.telemetry-caption{bottom:5vh}
@media(max-width:800px){.telemetry-data{right:var(--pad);grid-template-columns:1fr 1fr;bottom:3vh}.telemetry-bike{width:85vw;height:60vh;opacity:.55}.speed{bottom:25vh}.telemetry-caption{display:none}}

/* Mobile QA: keep ROAD/OFF ROAD legible */
@media(max-width:800px){
  .world-road .world-copy{left:5vw;top:58%;transform:translateY(-50%);max-width:43vw}
  .world-dirt .world-copy{right:5vw;top:42%;transform:translateY(-50%);max-width:43vw}
  .world-copy b{font-size:14vw;line-height:.72;white-space:normal}
  .world-dirt .world-copy b{max-width:43vw}
  .world-copy small,.world-copy span{font-size:7px;line-height:1.2}
  .world-divider i{width:54px;height:54px}
  .world-divider span{font-size:7px}
  .world-caption{font-size:7px;max-width:70vw;line-height:1.35}
}