:root{font-family:Arial,Helvetica,sans-serif;color:#242625;background:#f7f7f5;font-synthesis:none;--red: #dc3c2d;--muted: #666965;--line: #dcded8;--paper: #f7f7f5}*{box-sizing:border-box}body{margin:0}::selection{background:#e74432;color:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:7px}.mono,.eyebrow{font-family:Courier New,monospace;font-size:12px;line-height:1.6;letter-spacing:.045em}.header{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font-size:30px;letter-spacing:-1.8px;font-weight:700;display:flex;align-items:center;gap:9px}.wordmark img{width:33px;height:37px}.wordmark-period{color:var(--red);margin-left:-8px}.header-note{color:var(--muted);font-size:11px}.author-link{font-size:14px;display:flex;gap:20px;align-items:center}.author-arrow{width:24px;height:24px;flex:none;color:var(--red)}.hero{position:relative;min-height:760px;height:calc(100svh - 105px);max-height:1050px;overflow:hidden}.hero-copy{position:relative;z-index:1;pointer-events:none;padding:80px 0 0 7%}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;margin:0 0 30px}.red-dash{width:23px;height:2px;background:var(--red);display:inline-block}h1{font-size:clamp(85px,9vw,144px);line-height:.91;font-weight:500;letter-spacing:-.075em;margin:0}h1 span{color:var(--red)}.hero-description{font-size:17px;line-height:1.65;margin-top:32px;letter-spacing:-.02em;color:#626560}.hero-visual{position:absolute;left:29%;top:5%;width:74%;height:82%;background-image:radial-gradient(#c7cac1 .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(to right,transparent,#000 14%,#000 95%,transparent)}.scene canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.scene-fallback{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.callout-cross{font-size:19px;color:var(--red);margin-right:8px}.callout-indent{padding-left:25px}.axis{position:absolute;bottom:7%;right:10%;font-size:10px;width:35px;height:40px;color:#858880}.axis i{position:absolute;bottom:3px;left:3px;width:24px;height:28px;border-left:1px solid #a0a399;border-bottom:1px solid #a0a399;transform:skewY(-20deg)}.axis span:last-child{position:absolute;right:0;bottom:-5px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#676b63;font-size:10px}.scroll-note{color:#30342e}.scroll-note span{margin-left:20px;color:var(--red);font-size:20px}.section{padding:110px 7%}.section-number{color:var(--red)}h2{font-size:clamp(45px,5.3vw,80px);line-height:1.04;letter-spacing:-.065em;font-weight:500;margin:0}h2 .muted{color:#787e73}p{line-height:1.65}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.section-heading>p{font-size:17px;color:var(--muted);max-width:410px;margin:0 0 4px}.section-kicker{margin:0 0 28px;display:flex;gap:18px}.divider{height:1px;background:var(--line)}@media(min-width:1600px){.hero-copy{padding-top:110px}.hero-visual{left:30%;width:68%}}@media(max-width:900px){.header-note{display:none}.header{height:86px}.hero{height:auto;min-height:940px}.hero-copy{padding-top:55px}.hero-visual{top:310px;left:0;width:100%;height:550px;mask-image:none}.hero-copy h1{font-size:100px}.hero-description{font-size:16px}.hero-index{display:none}.hero-bottom{min-height:75px}.section{padding:80px 7%}.section-heading{gap:35px;grid-template-columns:1fr}.section-heading>p{max-width:530px}}@media(max-width:540px){.header{margin:0 6%;height:80px}.wordmark{font-size:27px}.wordmark img{width:28px}.author-link{font-size:12px;gap:10px}.hero{min-height:790px}.hero-copy{padding:45px 6% 0}.hero-copy h1{font-size:clamp(72px,23vw,90px)}.eyebrow{font-size:10px;margin-bottom:25px}.hero-description{font-size:15px;line-height:1.6;margin-top:25px}.hero-visual{top:345px;height:365px;left:-12%;width:123%}.axis{right:18%;bottom:0}.hero-bottom{font-size:8px;left:6%;right:6%;gap:8px}.scroll-note span{margin-left:7px}.section{padding:65px 6%}.section-heading>p{font-size:16px}h2{font-size:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.feeling{background:#eeefeb}.handlebar-panel{height:360px;position:relative;margin-top:45px;overflow:hidden}.handlebar-caption{position:absolute;left:0;top:14px;font-size:10px;color:#666a61;z-index:1;display:flex;align-items:center;gap:9px}.signal-dot{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%}#handlebar-scene{position:absolute;inset:0}.left-label,.right-label{position:absolute;bottom:30px;font-size:10px;color:#686d62}.left-label{left:11%;color:var(--red)}.right-label{right:11%}.pulse-origin{position:absolute;left:12%;top:44%;width:60px;height:60px;pointer-events:none}.pulse-origin i{position:absolute;inset:0;border:1px solid #df493577;border-radius:50%;animation:pulse 3s infinite}.pulse-origin i:nth-child(2){animation-delay:.55s}.pulse-origin i:nth-child(3){animation-delay:1.1s}@keyframes pulse{0%{opacity:0;transform:scale(.5)}20%{opacity:.65}to{opacity:0;transform:scale(2.8)}}.signal-sequence{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d0d4c9}.signal-sequence article{padding:30px 35px 0 0}.signal-sequence article+article{padding-left:35px;border-left:1px solid #d0d4c9}.signal-meta{display:flex;gap:20px;font-size:10px;color:#606659}.signal-meta>span{color:var(--red)}h3{font-weight:500;font-size:23px;letter-spacing:-.045em;line-height:1.25;margin:0}.signal-sequence p{font-size:14px;color:#63695e;margin:9px 0 0}.wave{position:relative;height:62px;margin:22px 0;display:flex;align-items:center;gap:12px}.wave:before{position:absolute;left:0;right:0;top:50%;height:1px;background:#ccd0c5;content:""}.wave i{z-index:1;display:block;width:7px;height:22px;background:var(--red);box-shadow:9px 0 0 -2px var(--red),-9px 0 0 -2px var(--red);margin-left:22px;animation:tap 3s infinite}.wave-two i{height:40px;width:8px;animation-delay:.45s}.wave-two i+i{margin-left:20px;animation-delay:.65s}.wave-three i{width:110px;height:28px;background:repeating-linear-gradient(90deg,var(--red) 0 3px,transparent 3px 6px);box-shadow:none;animation-delay:1s}@keyframes tap{0%,55%,to{opacity:.55;transform:scaleY(.75)}15%,35%{opacity:1;transform:scaleY(1)}}.small-note{font-size:9px;color:#666c5f;margin:40px 0 0}.anatomy{height:220svh;min-height:1450px;position:relative;background:#f8f8f6;border-top:1px solid var(--line)}.anatomy-sticky{position:sticky;top:0;height:100svh;min-height:720px;max-height:1100px;padding:55px 7% 0;overflow:hidden}.anatomy-heading .section-kicker{margin-bottom:15px}.anatomy-heading .section-heading{grid-template-columns:1.25fr 1fr;gap:5%}.anatomy-heading h2{font-size:clamp(45px,4.8vw,70px)}.anatomy-heading .section-heading>p{font-size:14px;justify-self:end}.anatomy-heading{position:relative;z-index:2}#product-scene{height:calc(100% - 175px);min-height:460px;position:relative;background-image:linear-gradient(#e5e7e155 1px,transparent 1px),linear-gradient(90deg,#e5e7e155 1px,transparent 1px);background-size:48px 48px;margin-top:25px}.leader-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.leader-lines path{stroke:#8e948577;stroke-width:1;fill:none}.part-label{position:absolute;display:flex;flex-direction:column;gap:6px;max-width:195px;pointer-events:none;transition:opacity .3s}.part-label>.mono{font-size:10px;color:var(--red)}.part-label strong{font-size:13px;font-weight:500;letter-spacing:-.02em}.part-label small{font-size:11px;color:#646b5d}.part-label[data-part=shell]{top:14%;left:2%}.part-label[data-part=pcb]{top:5%;left:28%}.part-label[data-part=ble]{top:9%;left:56%}.part-label[data-part=motor]{bottom:17%;left:22%}.part-label[data-part=battery]{bottom:8%;left:46%}.part-label[data-part=cap]{bottom:18%;left:69%}.part-label[data-part=led]{top:26%;right:0}.assembly-badge{position:absolute;left:0;bottom:15px;display:flex;align-items:center;gap:9px;font-size:10px}.assembly-caption{position:absolute;right:0;bottom:15px;font-size:9px;color:#747a6c}.assembly-caption span{margin-left:30px}.explosion-progress{position:absolute;bottom:0;left:7%;right:7%;height:2px;background:var(--line)}.explosion-progress>span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.anatomy-footnote{text-align:center;padding:24px 5%;font-size:9px;color:#737869;border-bottom:1px solid var(--line)}.connection{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:120px;padding-bottom:120px}.connection h2{font-size:clamp(45px,4.8vw,69px)}.connection-story article{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0 15px}.step-no{font-size:11px;color:var(--red);padding-top:5px}.connection-story h3{font-size:23px}.connection-story p{font-size:15px;color:var(--muted);margin:10px 0}.charging{display:grid;grid-template-columns:1.2fr 1fr;min-height:650px;background:#eceee8;position:relative;padding:80px 7%;gap:5%}.charging-copy{padding-top:30px}.charging-copy h2{font-size:clamp(52px,5vw,76px)}.red-text{color:var(--red)}.charging-copy>p:not(.section-kicker){font-size:16px;color:var(--muted);max-width:410px}.charging-copy>p:nth-of-type(2){font-size:19px;color:#343932;margin-top:30px}.concept-label{display:inline-block;font-size:9px;color:#666e5c;margin-top:15px;padding:8px 12px;border:1px solid #bdc3b5}#dock-scene{position:relative;min-height:480px}.dock-figure{position:absolute;bottom:0;left:0;font-size:9px;color:#777e6c}.project{padding-top:110px;padding-bottom:100px}.project-stages{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line);gap:50px}.project-stages article{padding-top:30px}.stage-status{font-size:10px;color:var(--red)}.project-stages h3{font-size:26px;margin:22px 0 15px}.project-stages p{font-size:15px;color:var(--muted)}.closing{border-top:1px solid var(--line);padding:70px 7% 80px;position:relative}.closing p{font-size:10px;color:#72776b;margin:0 0 25px}.closing>div{font-size:clamp(50px,7vw,110px);line-height:1.05;letter-spacing:-.07em}.closing>div span{color:var(--red)}.footer{border-top:1px solid var(--line);margin:0 5%;height:110px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .wordmark{font-size:24px}.footer .wordmark img{width:25px;height:28px}.footer>.mono{font-size:9px;color:#71776b}@media(min-width:1700px){#product-scene{max-width:1600px;margin-left:auto;margin-right:auto}.section,.charging{padding-left:max(7%,calc((100vw - 1500px)/2));padding-right:max(7%,calc((100vw - 1500px)/2))}}@media(max-width:900px){.handlebar-panel{height:300px}.handlebar-caption{font-size:9px}.anatomy-sticky{padding:45px 5% 0}.anatomy-heading .section-heading{grid-template-columns:1fr;gap:18px}.anatomy-heading .section-heading>p{justify-self:start}.anatomy{min-height:1400px}.part-label strong{font-size:11px}.part-label small{max-width:115px;font-size:10px}.part-label{max-width:130px}.connection{gap:8%;padding:80px 7%}.connection h2{font-size:48px}.charging{padding:60px 5%;gap:0;grid-template-columns:1fr 1fr}.charging-copy h2{font-size:52px}.charging .section-kicker{font-size:10px}#dock-scene{min-height:400px}.project-stages{gap:25px}.project-stages h3{font-size:23px}.footer>.mono{max-width:170px}}@media(max-width:600px){.handlebar-panel{height:230px;margin-top:30px}.handlebar-caption{font-size:8px}.left-label,.right-label{font-size:8px;bottom:12px}.left-label{left:0}.right-label{right:0}.pulse-origin{left:1%;top:42%;width:35px;height:35px}.signal-sequence{grid-template-columns:1fr}.signal-sequence article,.signal-sequence article+article{padding:22px 0 20px;border-left:0;border-bottom:1px solid #d0d4c9;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.signal-meta{grid-column:1;grid-row:1;font-size:9px;gap:12px}.signal-sequence h3{grid-column:1;grid-row:2;font-size:22px;margin-top:15px}.signal-sequence p{grid-column:1/3;grid-row:3;font-size:13px}.wave{grid-column:2;grid-row:1/3;margin:0;height:65px}.small-note{font-size:8px;margin-top:25px}.anatomy{height:190svh;min-height:1250px}.anatomy-sticky{padding:35px 6% 0;min-height:680px;max-height:none}.anatomy-heading .section-kicker{font-size:9px}.anatomy-heading h2{font-size:45px}.anatomy-heading .section-heading>p{font-size:13px;line-height:1.55}.anatomy-heading .section-heading>p br{display:none}#product-scene{margin-top:20px;height:calc(100% - 190px);min-height:445px;background-size:32px 32px}.part-label{max-width:100px;gap:4px}.part-label strong{font-size:11px;line-height:1.3}.part-label small{display:none}.part-label>.mono{font-size:9px}.part-label[data-part=shell]{top:7%;left:0}.part-label[data-part=pcb]{top:0;left:36%}.part-label[data-part=ble]{top:8%;left:auto;right:0}.part-label[data-part=motor]{bottom:27%;left:0}.part-label[data-part=battery]{bottom:18%;left:32%}.part-label[data-part=cap]{bottom:24%;left:auto;right:0}.part-label[data-part=led]{top:35%;right:0;max-width:70px}.assembly-caption{font-size:7px;bottom:16px}.assembly-caption>span{display:none}.assembly-badge{font-size:8px;bottom:35px}.anatomy-footnote{font-size:8px}.connection{grid-template-columns:1fr;gap:40px;padding:65px 6%}.connection-story article{padding:22px 0 14px}.connection-story p{font-size:14px}.charging{grid-template-columns:1fr;padding:55px 6%;gap:0}.charging-copy{grid-row:1;padding:0}.charging-copy h2{font-size:60px}.charging-copy>p:not(.section-kicker){font-size:15px;max-width:none}.charging-copy>p:nth-of-type(2){font-size:18px}#dock-scene{height:350px;min-height:350px;margin-top:10px}.dock-figure{font-size:8px}.project-stages{grid-template-columns:1fr;gap:0;margin-top:35px}.project-stages article{padding:27px 0 12px;border-bottom:1px solid var(--line)}.project-stages h3{font-size:25px;margin:15px 0 12px}.project-stages p{font-size:14px}.closing{padding:45px 6% 55px}.closing>div{font-size:56px;max-width:290px}.closing p{font-size:8px}.footer{height:auto;min-height:135px;flex-wrap:wrap;padding:25px 0;gap:24px}.footer>.mono{order:3;width:100%;max-width:none;font-size:8px}.footer .author-link{margin-left:auto}}[hidden]{display:none!important}.pulse-origin{transform:translate(-50%,-50%)}.feeling .section-heading{grid-template-columns:1.25fr 1fr;gap:8%}.feeling h2{font-size:clamp(45px,4.6vw,70px)}.no-js .anatomy,.anatomy:has(.no-webgl){height:auto;min-height:0}.no-js .anatomy-sticky,.anatomy:has(.no-webgl) .anatomy-sticky{position:relative;height:900px}.no-js #assembly-state,.no-webgl #assembly-state{font-size:0}.no-js #assembly-state:after,.no-webgl #assembly-state:after{content:"EXPLODED VIEW";font-size:10px}.no-js .explosion-progress,.anatomy:has(.no-webgl) .explosion-progress{display:none}@media(max-width:900px){.feeling .section-heading{grid-template-columns:1fr;gap:30px}}@media(prefers-reduced-motion:reduce){.anatomy{height:auto;min-height:0}.anatomy-sticky{position:relative}.pulse-origin,.explosion-progress{display:none}}.no-js .scroll-instruction,.anatomy:has(.no-webgl) .scroll-instruction{display:none}@media(prefers-reduced-motion:reduce){.scroll-instruction{display:none}}.hero-bike{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-visual{container-type:size}.hero-artwork{position:absolute;left:50%;top:50%;width:min(100cqw,calc(100cqh * 2000 / 1417));aspect-ratio:2000 / 1417;transform:translate(-50%,-50%)}.hero-callout{position:absolute;bottom:84%;right:12%;max-width:76%;font-size:12px;line-height:1.6;color:#656862}@media(max-width:540px){.hero-callout{font-size:10px}.hero-callout .callout-cross{font-size:17px}}