/* The opening story stays above the horizontal sequence. */
.chapter-shell,.chapter-toolbar,.chapter-dock{display:contents}
html,body{height:auto;overflow-x:hidden;overflow-y:auto}
body{display:block;min-height:100%}
#top{display:block;width:100%;overflow:visible}
#top>.hero{min-height:calc(100svh - 74px)}
.hero-scroll-link{position:absolute;z-index:3;left:50%;bottom:17px;transform:translateX(-50%);color:#d0ff9a;font-size:.8rem;letter-spacing:.06em;text-decoration:none;white-space:nowrap;padding:8px 13px;border-radius:99px;background:#0b3132a9}
.hero-scroll-link:hover{background:#1a4543}.hero-scroll-link span{font-size:1.14rem;margin-left:7px}
#chapters{display:flex;width:100%;height:100dvh;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;background:#07191c}
#chapters::-webkit-scrollbar{display:none}
#chapters>section{position:relative;flex:0 0 100%;width:100%;height:100%;min-height:0;overflow-x:hidden;overflow-y:hidden;scroll-snap-align:start;padding-bottom:max(105px,env(safe-area-inset-bottom));background-color:#07191c}
#chapters>section>.wrap{opacity:.78;transform:translateY(9px);transition:opacity .55s ease,transform .55s ease}
#chapters>section.is-current>.wrap{opacity:1;transform:translateY(0)}
#chapters>section.page-moving>.wrap{opacity:.12;transform:translateX(-20px)}
#chapters>section.page-moving.is-backwards>.wrap{transform:translateX(20px)}
#chapters>.delivery-bridge,#chapters>.trial-bridge,#chapters>.build-path,#chapters>.about,#chapters>#telemetry{display:flex;flex-direction:column}
#chapters>.delivery-bridge>.wrap,#chapters>.trial-bridge>.wrap,#chapters>.build-path>.wrap,#chapters>.about>.wrap,#chapters>#telemetry>.wrap{margin-block:auto}
.chapter-marker{position:absolute;top:20px;right:clamp(18px,4vw,55px);z-index:2;color:#a9dfcd;font:700 .67rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;opacity:.7;pointer-events:none;transition:opacity .5s,transform .5s;transform:translateY(4px)}
.is-current>.chapter-marker{opacity:1;transform:translateY(0)}
.chapter-brand{position:fixed;top:max(15px,env(safe-area-inset-top));left:clamp(18px,4vw,55px);z-index:94;display:inline-flex;align-items:center;gap:10px;padding:7px 13px 7px 8px;border-radius:999px;background:#071923d9;box-shadow:0 8px 26px #0005;backdrop-filter:blur(14px);color:#f4fbff;font-size:1.25rem;font-weight:850;letter-spacing:-.065em;text-decoration:none;transition:opacity .22s,transform .22s}
.chapter-brand em{color:#d0ff9a;font-style:normal}
.chapter-brand.is-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}
.chapter-brand:focus-visible{outline:2px solid #d0ff9a;outline-offset:3px}
.journey-controls{position:fixed;z-index:95;bottom:max(20px,env(safe-area-inset-bottom));left:24px;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#09232bdc;border:1px solid #b5efdd4d;border-radius:999px;box-shadow:0 12px 30px #0007;backdrop-filter:blur(18px);color:#e6faee;transition:opacity .22s,transform .22s}
.journey-controls.is-hidden{opacity:0;pointer-events:none;transform:translateY(15px)}
.journey-arrow{display:grid;place-items:center;flex:none;width:46px;height:46px;border:0;border-radius:50%;background:#ffffff11;color:#d0ff9a;font-size:1.45rem;line-height:1;transition:background .2s,transform .2s}
.journey-arrow:hover:not(:disabled){background:#d0ff9a30;transform:scale(1.06)}
.journey-arrow:disabled{opacity:.35;cursor:default}
.journey-arrow:focus-visible{outline:2px solid #d0ff9a;outline-offset:2px}
.journey-middle{width:190px;min-width:0;padding:0 3px;border:0;background:transparent;color:inherit;text-align:left;border-radius:5px}
.journey-middle:hover .journey-label{color:#d0ff9a}
.journey-middle:focus-visible{outline:2px solid #d0ff9a;outline-offset:3px}
.journey-label:after{content:"⌄";padding-left:6px;color:#d0ff9a}
.journey-menu{position:absolute;left:0;bottom:calc(100% + 10px);width:245px;max-height:min(440px,65dvh);overflow:auto;padding:8px;border:1px solid #b5efdd55;border-radius:16px;background:#0b292deF;box-shadow:0 20px 50px #000a;backdrop-filter:blur(22px)}
.journey-menu[hidden]{display:none}
.journey-menu button{display:block;width:100%;min-height:38px;text-align:left;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#d0e9e1;font:650 .86rem ui-sans-serif,system-ui;cursor:pointer}
.journey-menu button:hover,.journey-menu button[aria-current="page"]{background:#c4ff9b20;color:#d0ff9a}
.journey-menu button:focus-visible{outline:2px solid #d0ff9a;outline-offset:-2px}
.journey-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journey-progress{display:block;height:2px;background:#c3efdb42;border-radius:5px;margin-top:5px;overflow:hidden}
.journey-progress>span{display:block;height:100%;width:20%;background:#d0ff9a;transition:width .45s ease}
@media(max-width:750px){.hero-scroll-link{position:relative;display:inline-flex;align-items:center;left:auto;bottom:auto;transform:none;margin:0 16px 28px}}
@media(max-width:650px){#top>.hero{min-height:calc(100svh - 92px)}#chapters>section{padding-top:max(66px,calc(env(safe-area-inset-top) + 56px));padding-bottom:max(110px,calc(env(safe-area-inset-bottom) + 90px))}.chapter-brand{left:12px;top:max(10px,env(safe-area-inset-top));padding:5px 9px 5px 5px;font-size:1rem;gap:6px}.chapter-brand .logo-symbol{width:26px;height:26px}.journey-controls{left:12px;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(100vw - 93px);padding:6px 8px;gap:5px}.journey-arrow{width:42px;height:42px}.journey-middle{width:clamp(94px,calc(100vw - 210px),176px)}.chapter-marker{display:none}.journey-menu{max-width:calc(100vw - 25px)}}
@media(max-width:650px){.chapter-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) auto;width:100%;max-width:100vw;height:100dvh;min-height:0}.chapter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;height:52px;padding:0 12px;background:#071923}#chapters{height:100%;min-height:0;min-width:0;max-width:100%}#chapters>section{padding-top:20px;padding-bottom:32px;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}#chapters>section::-webkit-scrollbar{display:none}.chapter-brand{position:static;flex:none;padding:5px 0;font-size:1rem;box-shadow:none;background:none;backdrop-filter:none;transform:none}.chapter-brand.is-hidden{transform:none}.chapter-dock{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;min-width:0;width:100%;min-height:64px;padding:5px 12px max(5px,env(safe-area-inset-bottom));background:#071923;position:relative;z-index:96}.chapter-dock .journey-controls{position:relative;left:auto;bottom:auto;width:min(100%,290px);max-width:100%;min-width:0;justify-content:space-between;gap:4px;padding:0;margin:0;border:0;background:none;box-shadow:none;backdrop-filter:none;transform:none}.chapter-dock .journey-arrow{width:44px;height:44px}.chapter-dock .journey-controls.is-hidden{transform:none}.chapter-dock .journey-middle{flex:1;width:auto}.chapter-dock .journey-menu{max-height:min(400px,65dvh)}}
@media(prefers-reduced-motion:reduce){#chapters{scroll-behavior:auto}.journey-progress>span,.journey-arrow,.journey-controls,.chapter-marker,#chapters>section>.wrap{transition:none}}