:root{--cyan:#39ecff;--purple:#bf72fc;--navy:#030d1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#f2f9ff;font-family:"Noto Sans JP","Yu Gothic",sans-serif;background-image:radial-gradient(ellipse at 90% 45%,#12355466,transparent 40%)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:76px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.logo{font:bold italic 29px Arial;letter-spacing:-2px;color:#d5fbff;text-shadow:0 0 18px #00dfff}.logo em{color:var(--cyan)}nav{display:flex;gap:32px;font-size:13px;font-weight:bold}.hero{max-width:1100px;margin:auto;padding:35px 0 55px}.eyebrow{color:var(--cyan);font-size:13px;letter-spacing:.2em;font-weight:800}h1{font-size:clamp(30px,5vw,58px);font-style:italic;letter-spacing:.03em;margin:10px 0 26px}.hero>.eyebrow,.hero>h1{text-align:center}.video-wrap{position:relative;box-shadow:0 0 60px #0799b322;border:1px solid #235263}video{width:100%;aspect-ratio:16/9;display:block;object-fit:contain}.pause{position:absolute;bottom:12px;right:12px;background:#061321bb;border:1px solid #ffffff77;border-radius:50%;width:40px;height:40px}.hero-actions{display:flex;justify-content:center;gap:18px;padding:23px 20px}.primary,.outline{min-height:54px;display:flex;align-items:center;justify-content:center;gap:25px;padding:14px 30px;font-size:16px;font-weight:800;border:1px solid #83dfff;background:transparent;border-radius:3px}.primary{background:linear-gradient(115deg,#09bada,#6af1ff);color:#022036;box-shadow:0 0 23px #02c5ff33;border-color:#83ffff}.primary span{margin-left:auto}.outline small{font-size:10px;font-weight:400;color:#bdc9d5}.heading{text-align:center;padding:20px}h2{font-size:clamp(28px,4vw,44px);font-weight:900;font-style:italic;line-height:1.4;margin:10px 0 20px}h2 span{color:var(--cyan)}.heading>p:last-child,.stores>p{color:#bdcedd}.gimmicks{overflow:hidden;padding-bottom:65px}.carousel{position:relative;max-width:1200px;margin:16px auto 0;overflow:hidden;touch-action:pan-y}.track{height:490px;position:relative}.card{position:absolute;width:68%;left:16%;top:0;transition:transform .5s ease,opacity .5s ease;opacity:.42;border:1px solid #285978;background:#0b1d30;overflow:hidden}.card.active{opacity:1;border-color:var(--cyan);box-shadow:0 0 22px #00eaff22}.card img{width:100%;height:330px;object-fit:cover;display:block}.card-copy{padding:18px 24px;min-height:155px}.card-copy small{color:var(--cyan);font-size:11px;letter-spacing:.16em}.card h3{font-size:25px;margin:7px 0}.card p{font-size:14px;line-height:1.7;margin:0;color:#d5dfeb}.arrow{position:absolute;top:38%;width:48px;height:48px;border:1px solid #bbfaff;border-radius:50%;background:#041224e8;font-size:33px;z-index:4}.prev{left:5%}.next{right:5%}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:23px;margin:20px 0;font-size:12px;letter-spacing:.15em}#dots{display:flex;gap:10px}#dots button{padding:0;width:8px;height:8px;border:0;border-radius:50%;background:#52677c}#dots button.active{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}#carouselPause{border:0;background:transparent;padding:10px}.note{text-align:center;color:#92a6bb;font-size:11px}.journey,.lineup,.stores{max-width:1000px;margin:auto;padding:65px 30px;text-align:center}.journey{border-top:1px solid #19405a;background:radial-gradient(ellipse at 50% 60%,#11374999,transparent 70%)}.journey h2 span{color:#ffe08a}.lead{line-height:1.8;color:#c1d4e3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;text-align:left}.steps article{border-top:2px solid #18c7e5;padding:22px 20px;background:linear-gradient(135deg,#0e2940,#081527)}.steps b{font-size:32px;color:var(--cyan);font-style:italic}.steps h3{font-size:20px;line-height:1.6}.steps p{font-size:13px;color:#bdd0de;line-height:1.8}.bikes{display:grid;grid-template-columns:1fr 1fr;gap:25px}.bikes figure{margin:20px 0}.bikes img{width:100%;height:300px;object-fit:contain;filter:drop-shadow(0 18px 15px #13dded22)}figcaption{font-size:16px;font-weight:bold}figcaption i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--cyan);margin-right:10px}figcaption .purple{background:var(--purple)}.sizes{font-size:19px;letter-spacing:.08em}.sizes span{color:#59748b;margin:0 15px}.text-link{font-size:13px;border-bottom:1px solid #6c8598;padding-bottom:7px;display:inline-block}.parents{max-width:940px;margin:20px auto;display:flex;align-items:center;justify-content:space-between;border:1px solid #35627a;background:linear-gradient(110deg,#112c41,#0b172d);padding:25px 35px}.parents small{font-size:10px;letter-spacing:.15em;color:var(--cyan)}.parents h3{margin:8px 0;font-size:23px}.parents p{font-size:13px;color:#bccbd9;margin:0}.parents>span{font-size:30px}.stores .primary,.stores .outline{max-width:440px;width:100%;margin:20px auto}.stores{padding-bottom:80px}footer{border-top:1px solid #1b3248;padding:30px;text-align:center}footer p{font-size:10px;color:#8796aa}footer small{font-size:20px;color:#a7bccb}dialog{width:min(800px,92vw);color:white;background:#08182c;border:1px solid var(--cyan);padding:50px 30px 35px;text-align:center}dialog::backdrop{background:#000c}#closeModal{position:absolute;right:12px;top:6px;font-size:30px;background:transparent;border:0}#modalContent p{line-height:1.8;color:#bacbda}.mobile{display:none}button:hover,a.primary:hover{filter:brightness(1.15)}:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:600px){header{height:60px;padding:0 18px}.logo{font-size:25px}nav{gap:14px;font-size:10px}nav a:first-child{display:none}.hero{padding:18px 0 30px}.hero h1{font-size:30px;margin:7px 0 20px}.hero .eyebrow{font-size:12px}.hero-actions{flex-direction:column;gap:12px;padding:18px 25px}.primary,.outline{font-size:14px;min-height:49px}.mobile{display:block}.hero h1 .mobile{display:none}.heading{padding:10px 18px}.heading h2{font-size:30px}.heading>p:last-child{font-size:13px}.card{width:76%;left:12%}.track{height:365px}.card img{height:210px}.card-copy{padding:14px 16px;min-height:150px}.card h3{font-size:20px}.card p{font-size:12px}.card-copy small{font-size:9px}.arrow{width:38px;height:38px;top:30%;font-size:27px}.prev{left:3%}.next{right:3%}.gimmicks{padding-bottom:30px}.journey,.lineup,.stores{padding:35px 20px}.steps{gap:8px;margin-top:25px}.steps article{padding:12px 10px}.steps b{font-size:25px}.steps h3{font-size:13px}.steps p{font-size:11px}.bikes{gap:12px}.bikes img{height:160px}.bikes figcaption{font-size:13px}.lineup h2,.stores h2{font-size:27px}.parents{margin:15px 20px;padding:23px}.parents h3{font-size:20px}.parents p{font-size:11px}.note{font-size:10px}.lead{font-size:14px}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Compact mobile-first edition */
body{background:#020b18}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#03132477,#020b18dd 40%,#020b18dd 60%,#03132477),url('assets/desktop-bg.webp') center/cover no-repeat}header,main,footer{width:100%;max-width:540px;margin:0 auto;background:#041020}main{box-shadow:0 0 90px #0008}header{height:58px;padding:10px 18px}.logo img{display:block;width:135px;height:auto}nav{font-size:10px;gap:17px}nav a:first-child{display:none}.hero{padding:0 0 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-actions{padding:12px 18px 4px;gap:13px;flex-direction:row;align-items:center}.hero-actions .outline{font-size:13px;padding:10px 12px;gap:9px;min-height:43px;flex:1}.hero-store{font-size:11px;white-space:nowrap;color:#b9e8f7}.heading{padding:14px 16px 6px}h2,.heading h2,.lineup h2{font-size:27px;margin:0 0 12px;font-style:italic;line-height:1.3;text-shadow:2px 3px #082d60,0 0 16px #03b9ff55}.heading h2{font-size:28px}.heading .mobile{display:none}.heading h2:after,.journey h2:after{content:"";display:block;height:2px;margin:9px 12px 0;background:linear-gradient(90deg,transparent,#26eaff,#ad6eff,transparent);transform:rotate(-2deg)}.carousel{margin:4px auto 0}.track{height:342px}.card{width:78%;left:11%;background:linear-gradient(130deg,#10273b,#071526);border-color:#396780;clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%)}.card img{height:230px;object-fit:contain;background:#071324}.card-copy{padding:10px 16px 14px;min-height:110px}.card h3{font-size:20px;margin:4px 0}.card-copy small{font-size:9px}.card p{font-size:12px;line-height:1.6}.arrow{top:32%;height:36px;width:36px;font-size:26px}.prev{left:3%}.next{right:3%}.carousel-controls{margin:6px 0 0;gap:18px}.note{font-size:9px;margin:4px 0 0}.gimmicks{padding-bottom:17px}.journey,.lineup{padding:20px 18px;text-align:center}.journey{border-top:0;background:radial-gradient(ellipse at center,#14435d88,transparent 70%)}.journey h2{font-size:25px}.journey h2 span{display:block;font-size:34px}.rank-art{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border:1px solid #256c91;margin-top:12px}.steps{gap:6px;margin-top:10px}.steps article{padding:8px;background:linear-gradient(140deg,#0f2f48,#071527);border-top:1px solid #25c9e5}.steps b{font-size:19px}.steps h3{font-size:12px;margin:4px 0;line-height:1.55}.lineup{padding-top:17px;padding-bottom:10px}.bikes{gap:8px}.bikes figure{margin:4px 0 8px}.bikes img{height:170px}.bikes figcaption{font-size:12px}.sizes{font-size:15px;margin:8px 0}.text-link{font-size:11px}.compact-buy{padding:6px 22px 14px}.compact-buy>.primary,.compact-buy>.outline{width:100%;font-size:15px;min-height:47px;margin:9px 0;padding:12px 19px}.parents{padding:14px 2px;margin:12px 0 0;background:transparent;border:0;border-top:1px solid #294359}.parents h3{font-size:16px;margin:0 0 4px}.parents p{font-size:10px}.parents>span{font-size:22px}footer{padding:15px 20px}footer .logo img{margin:auto;width:100px}footer p{font-size:9px;margin:10px 0}footer>small{display:block;margin-top:12px;font-size:11px;line-height:1.6;color:#a7bccb;text-align:center}@media(max-width:380px){.heading h2{font-size:25px}.track{height:325px}.card img{height:210px}.journey h2 span{font-size:30px}.bikes img{height:140px}}@media(min-width:601px){header,main,footer{border-left:1px solid #19354a;border-right:1px solid #19354a}.mobile{display:none}}

/* Gimmick movies retain their full frame. */
.gimmick-media{position:relative;background:#071324}.gimmick-media video{height:230px;object-fit:contain}.gimmick-pause{position:absolute;right:8px;bottom:8px;border:1px solid #b9e8f7;border-radius:50%;width:34px;height:34px;background:#041224dd;z-index:2}.card img{object-fit:contain}#modalContent video{max-height:70vh;background:#000}@media(max-width:380px){.gimmick-media video{height:210px}}

/* Align navigation to the actual 16:9 movie, independent of copy height. */
.carousel{--media-height:calc(min(100vw, 540px) * .78 * .5625)}
.track{height:calc(var(--media-height) + 124px)}
.card img,.gimmick-media video{height:var(--media-height);aspect-ratio:16/9;object-fit:contain}
.carousel .arrow{top:calc(var(--media-height) / 2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.pause,.gimmick-pause{display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.rank-video-wrap{position:relative;margin-top:12px;border:1px solid #256c91}.rank-video-wrap video{aspect-ratio:16/9;object-fit:contain;background:#071324}.rank-video-wrap .pause{width:34px;height:34px;right:8px;bottom:8px}
.hero-actions{flex-wrap:wrap}.hero-actions .outline{flex:1 1 230px}.hero-store{flex:1 1 auto;text-align:center;font-size:12px}.compact-buy>.primary{gap:10px}

/* Optical alignment: draw chevrons instead of font-dependent glyphs. */
.carousel .arrow .chevron{display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);margin-right:3px}
.carousel .prev .chevron{transform:rotate(-135deg);margin-right:0;margin-left:3px}
.compact-buy>.primary,.compact-buy>.outline{position:relative;text-align:center;justify-content:center;padding-inline:44px}
.compact-buy .button-label{margin:0;display:block}.compact-buy .button-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);margin:0;line-height:1}

/* Primary experience invitation; video and detailed LP remain secondary. */
.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:18px 20px 8px}
.experience-cta{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:116px;padding:14px 45px;color:#061a2d;border:2px solid #fff4b5;border-radius:6px;background:linear-gradient(115deg,#ffcf3f 0%,#fff38c 50%,#ffcf3f 100%);box-shadow:0 4px 0 #bb7c19,0 0 26px #ffcf3f38;text-align:center;overflow:hidden;transition:transform .18s,box-shadow .18s}
.experience-cta:before,.experience-cta:after{content:"";position:absolute;z-index:-1;width:66px;height:160%;top:-30%;background:#fff7;transform:rotate(24deg);left:-42px}
.experience-cta:after{left:auto;right:-45px;background:#d99a1433}
.experience-kicker{font-size:12px;font-weight:800;letter-spacing:.06em}
.experience-title{font-size:22px;line-height:1.25;font-weight:900;font-style:italic;letter-spacing:.01em;text-shadow:0 1px #fff8}
.experience-title>span{display:block;font-size:32px}
.experience-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#082137;color:#ffe371;font-size:21px;line-height:1}
.experience-cta:hover{transform:translateY(-2px);box-shadow:0 6px 0 #bb7c19,0 0 32px #ffcf3f66}
.experience-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #bb7c19}
.movie-link{align-self:center;min-height:34px;padding:8px 12px;background:none;border:0;color:#b6c8d8;font-size:12px;text-decoration:underline;text-underline-offset:4px}.movie-link small{font-size:10px;margin-left:6px;color:#849bad}
.compact-buy{padding-top:19px}.experience-lead{text-align:center;font-size:18px;line-height:1.5;font-weight:900;margin:0 0 15px;color:#f2fbff;text-shadow:0 0 14px #00dfff66}
.compact-buy>.experience-cta{margin:0 0 20px}.compact-buy>.outline{font-size:13px;color:#bcd2df;border-color:#486578;min-height:44px}
.detail-lp-link{display:block;width:fit-content;margin:15px auto 3px;padding:8px 0;color:#9bb4c8;font-size:12px;border-bottom:1px solid #3c566e;text-align:center}
@media(max-width:360px){.experience-title{font-size:19px}.experience-title>span{font-size:28px}.experience-kicker{font-size:10px}.experience-cta{padding-inline:35px}.experience-arrow{right:8px;width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.experience-cta{transition:none}}