:root{color-scheme:dark;--void:#020806;--ink:#06130e;--jade:#65caa1;--mint:#c8f6df;--silver:#b7cac0;--muted:#748e82;--line:rgba(145,215,186,.15);--safe-top:max(22px,env(safe-area-inset-top));--safe-right:max(22px,env(safe-area-inset-right));--safe-bottom:max(22px,env(safe-area-inset-bottom));--safe-left:max(22px,env(safe-area-inset-left))}
*{box-sizing:border-box}html{background:var(--void);scroll-behavior:smooth;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;background:var(--void);color:#d8e5df;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;font-weight:350;line-height:1.65;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit}a:focus-visible{outline:2px solid var(--mint);outline-offset:5px;border-radius:4px}.skip-link{position:fixed;top:12px;left:50%;z-index:1000;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#102c21;color:#effff8;text-decoration:none;transform:translate(-50%,-160%);transition:transform .2s}.skip-link:focus{transform:translate(-50%,0)}
#spaceCanvas,#staticSkyCanvas,.space-vignette,.space-grain{position:fixed;inset:0;width:100%;height:100%}#spaceCanvas,#staticSkyCanvas{z-index:0;display:block;touch-action:pan-y}.space-vignette{z-index:1;pointer-events:none;background:radial-gradient(ellipse at 54% 43%,transparent 25%,rgba(0,6,4,.13) 62%,rgba(0,3,2,.76) 100%)}.space-grain{z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 20% 40%,rgba(228,255,244,.16) 0 .45px,transparent .7px 3px);background-size:5px 5px}.river-journey,.river-sticky,.river-copy,.river-caption,.scroll-cue{pointer-events:none}
.loader{position:fixed;inset:0;z-index:900;display:grid;place-content:center;justify-items:center;gap:18px;background:#020806;color:var(--silver);transition:opacity .6s,visibility .6s;animation:loaderFailsafe .7s 7s forwards}.loader-mark{display:flex;gap:9px;height:18px;align-items:end}.loader-mark i{width:3px;height:6px;border-radius:99px;background:var(--mint);animation:signal 1.3s ease-in-out infinite}.loader-mark i:nth-child(2){height:16px;animation-delay:-.22s}.loader-mark i:nth-child(3){height:10px;animation-delay:-.44s}.loader-label{margin:0;font-size:10px;letter-spacing:.34em}.loader progress{width:min(220px,64vw);height:2px;border:0;background:rgba(158,219,191,.12);appearance:none}.loader progress::-webkit-progress-bar{background:rgba(158,219,191,.12)}.loader progress::-webkit-progress-value{background:linear-gradient(90deg,#376f57,var(--mint));transition:width .28s}.loader progress::-moz-progress-bar{background:linear-gradient(90deg,#376f57,var(--mint))}body.lab-ready .loader{opacity:0;visibility:hidden;pointer-events:none;animation:none}@keyframes signal{0%,100%{opacity:.28;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}@keyframes loaderFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
.lab-header{position:fixed;z-index:40;top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.lab-header a{pointer-events:auto;text-decoration:none}.lab-wordmark{display:grid;grid-template-columns:9px auto;column-gap:10px;align-items:center;color:#d8e8e0;font-size:11px;letter-spacing:.17em;text-transform:uppercase}.lab-wordmark small{grid-column:2;color:var(--muted);font-size:8px;letter-spacing:.38em}.lab-signal{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--jade);box-shadow:0 0 0 5px rgba(102,201,162,.08),0 0 22px rgba(102,201,162,.5);animation:signalPulse 2.7s ease-in-out infinite}.back-link{color:#93a9a0;font-size:10px;letter-spacing:.15em;padding:9px 12px;border:1px solid rgba(163,211,190,.14);border-radius:999px;backdrop-filter:blur(10px);transition:.25s}.back-link:hover{color:#e6fff3;border-color:rgba(181,242,215,.34);background:rgba(54,103,81,.14)}@keyframes signalPulse{50%{opacity:.5;box-shadow:0 0 0 9px rgba(102,201,162,0),0 0 30px rgba(102,201,162,.36)}}
main,.lab-footer{position:relative;z-index:10}.river-journey{height:185vh;height:185svh}.river-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.river-copy{position:absolute;z-index:12;left:max(7vw,var(--safe-left));top:50%;width:min(430px,36vw);transform:translateY(-50%);pointer-events:none}.river-copy::before{content:"";position:absolute;z-index:-1;inset:-60px -90px;background:radial-gradient(ellipse at 30% 50%,rgba(2,8,6,.78),rgba(2,8,6,.4) 55%,transparent 78%)}.eyebrow{margin:0 0 18px;color:#86ad9b;font-size:clamp(8px,.65vw,10px);font-weight:500;letter-spacing:.34em;text-transform:uppercase}.river-copy h1,.arrival h2,.manifesto h2{margin:0;color:#e9f3ee;font-weight:300;line-height:.96;letter-spacing:-.048em}.river-copy h1{font-size:clamp(50px,6.2vw,96px)}.river-copy h1 span,.manifesto h2 span{display:block;white-space:nowrap}.river-copy>p:last-child{max-width:390px;margin:26px 0 0;color:#9db5aa;font-size:clamp(12px,1vw,15px);line-height:1.9}.scroll-cue{position:absolute;z-index:12;left:max(7vw,var(--safe-left));bottom:max(5.5vh,var(--safe-bottom));margin:0;color:rgba(181,214,200,.48);font-size:8px;letter-spacing:.27em;animation:cue 2.4s ease-in-out infinite}.river-caption{position:absolute;z-index:11;right:max(4vw,var(--safe-right));top:50%;display:grid;justify-items:center;gap:9px;color:rgba(178,216,199,.44);font-size:8px;letter-spacing:.22em;writing-mode:vertical-rl}.river-caption i{width:1px;height:min(22vh,180px);background:linear-gradient(rgba(185,238,214,.18),rgba(199,255,229,.9),rgba(185,238,214,.18))}@keyframes cue{50%{transform:translateY(7px);color:rgba(230,248,239,.8)}}
.star-label{position:fixed;z-index:50;min-width:170px;padding:11px 14px;border:1px solid rgba(175,236,207,.22);border-radius:10px;background:rgba(4,18,12,.84);box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(16px);pointer-events:none;transform:translate(14px,14px)}.star-label strong,.star-label span{display:block}.star-label strong{color:#e6f7ef;font-size:12px;font-weight:500;letter-spacing:.12em}.star-label span{margin-top:3px;color:#78998a;font-size:9px;letter-spacing:.08em}
.constellation-anchor{position:fixed;z-index:9;left:0;top:0;padding-left:11px;color:rgba(201,236,219,.68);font-size:8px;letter-spacing:.2em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .5s;white-space:nowrap}.constellation-anchor::before{content:"";position:absolute;left:0;top:50%;width:5px;height:1px;background:rgba(174,232,206,.48)}.constellation-anchor.is-visible{opacity:1}
.arrival{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,transparent,rgba(2,8,6,.6) 25%,rgba(2,8,6,.88) 100%)}.arrival-lockup{width:min(980px,88vw);padding:110px 0}.arrival h2{font-size:clamp(58px,9.4vmin,146px);line-height:.86;text-shadow:0 0 72px rgba(115,213,171,.15)}.arrival-subtitle{margin:28px 0 0;color:#c0d2c9;font-size:clamp(13px,1.35vw,20px);letter-spacing:.28em}.arrival-line{margin:18px auto 34px;color:#789387;font-size:clamp(11px,1vw,15px);letter-spacing:.12em}.lab-cta{display:inline-flex;align-items:center;gap:20px;padding:13px 21px;border:1px solid rgba(166,224,198,.23);border-radius:999px;color:#c6ebda;text-decoration:none;font-size:9px;letter-spacing:.22em;text-transform:uppercase;background:rgba(20,55,41,.28);backdrop-filter:blur(12px);transition:.25s}.lab-cta:hover{transform:translateY(-2px);border-color:rgba(181,242,215,.56);background:rgba(36,82,62,.34)}
.manifesto{position:relative;padding:clamp(110px,13vw,210px) max(7vw,var(--safe-right)) 100px max(7vw,var(--safe-left));background:linear-gradient(180deg,rgba(4,13,9,.56),rgba(7,22,17,.72));border-top:1px solid rgba(139,201,173,.1);overflow:hidden}.manifesto-orbit{position:absolute;width:min(72vw,1000px);aspect-ratio:1;right:-34vw;top:-18vw;border:1px solid rgba(119,197,163,.065);border-radius:50%;pointer-events:none}.manifesto-heading,.manifesto-copy,.vectors,blockquote,.closing-signal{width:100%;max-width:1420px;margin-left:auto;margin-right:auto}.manifesto-heading{display:grid;grid-template-columns:minmax(360px,.86fr) minmax(0,1.4fr);gap:clamp(48px,7vw,120px)}.manifesto h2{font-size:clamp(46px,6vmin,92px);line-height:1.02}.manifesto-copy{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(48px,7vw,120px);margin-top:clamp(64px,8vw,110px);color:#8ea79b;font-size:clamp(13px,1vw,16px)}.manifesto-copy p{margin:0}.manifesto-lead{color:#c0d2c9;font-size:clamp(18px,1.65vw,25px);line-height:1.72}.vectors{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(84px,10vw,140px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vectors article{min-height:240px;padding:32px 28px;border-right:1px solid var(--line)}.vectors article:last-child{border-right:0}.vectors span{color:#5f8574;font-size:9px;letter-spacing:.2em}.vectors h3{margin:70px 0 12px;color:#cfe2d8;font-size:clamp(15px,1.4vw,21px);font-weight:400}.vectors p{margin:0;color:#759084;font-size:12px}blockquote{margin-top:clamp(110px,12vw,170px);margin-bottom:clamp(110px,12vw,170px);text-align:center}blockquote p{margin:0;color:#c9ddd3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.8vw,60px);font-style:italic;line-height:1.26;letter-spacing:-.025em}blockquote footer{margin-top:24px;color:#638071;font-size:9px;letter-spacing:.28em;text-transform:uppercase}.closing-signal{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-top:48px;border-top:1px solid var(--line)}.closing-signal p{margin:0;color:#dcebe4;font-size:clamp(24px,3vw,46px);font-weight:300;letter-spacing:.08em}.closing-signal a{color:#769285;font-size:9px;letter-spacing:.17em;text-decoration:none;text-transform:uppercase}.closing-signal a:hover{color:var(--mint)}
.lab-footer{display:flex;justify-content:space-between;gap:24px;padding:28px max(4vw,var(--safe-right)) var(--safe-bottom) max(4vw,var(--safe-left));background:#040d09;border-top:1px solid rgba(137,196,170,.09);color:#78988a;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.lab-footer a{text-decoration:none}.noscript-note{position:fixed;z-index:100;bottom:var(--safe-bottom);left:50%;transform:translateX(-50%);width:min(620px,88vw);padding:12px 18px;border:1px solid var(--line);background:#0b251b;color:#c9ddd3;font-size:12px;text-align:center}
@media(max-width:820px){.lab-header{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}.river-journey{height:165vh;height:165svh}.river-copy{left:max(22px,var(--safe-left));right:max(22px,var(--safe-right));top:auto;bottom:12vh;width:auto;transform:none}.river-copy::before{inset:-48px -24px -70px;background:linear-gradient(0deg,rgba(2,8,6,.94),rgba(2,8,6,.58) 58%,transparent)}.river-copy h1{font-size:clamp(44px,12vw,68px)}.river-caption{display:none}.scroll-cue{left:max(22px,var(--safe-left));bottom:max(4vh,var(--safe-bottom))}.star-label{max-width:calc(100vw - 32px)}.manifesto{padding-left:max(22px,var(--safe-left));padding-right:max(22px,var(--safe-right))}.manifesto-heading,.manifesto-copy{grid-template-columns:1fr;gap:30px}.manifesto h2 span{white-space:normal}.vectors{grid-template-columns:1fr;margin-top:82px}.vectors article{min-height:174px;border-right:0;border-bottom:1px solid var(--line)}.vectors h3{margin-top:38px}.closing-signal{align-items:flex-start;flex-direction:column}.lab-footer{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.back-link{position:fixed;z-index:60;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;padding:0;font-size:0;color:#d8f2e6;border-color:rgba(190,239,218,.42);background:rgba(5,25,17,.76);box-shadow:0 8px 28px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.back-link span{display:block;font-size:15px;line-height:1}.river-copy h1{font-size:clamp(42px,13vw,58px)}.arrival h2{font-size:clamp(50px,17vw,76px)}.arrival-subtitle{letter-spacing:.16em}.arrival-line{max-width:290px;line-height:1.7}.manifesto h2{font-size:clamp(34px,11vw,50px)}.lab-cta{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader,.loader-mark i,.lab-signal,.scroll-cue{animation:none}.loader{display:none}.river-journey{height:100vh;height:100svh}.lab-cta,.back-link{transition:none}}

/* Accessible controls stay within the star journey and never cover the header. */
[hidden]{display:none!important}
button,select{font:inherit;color:inherit}button:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.sky-controls{position:absolute;z-index:20;top:100px;left:max(7vw,var(--safe-left));right:var(--safe-right);max-width:480px;pointer-events:auto}
.sky-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sky-toolbar label{color:#b7d0c3;font-size:12px;letter-spacing:.06em}
.sky-toolbar select,.sky-toolbar button{min-height:44px;border:1px solid rgba(166,224,198,.3);border-radius:8px;background:#081c14;padding:8px 12px;font-size:12px}.sky-toolbar select{max-width:100%;min-width:155px}.sky-toolbar button{cursor:pointer}.sky-toolbar button:hover{background:#143c2b}
.sky-controls output{display:block;max-width:100%;margin-top:12px;color:#b0c8bc;font-size:12px;overflow-wrap:anywhere}.sky-controls>p{margin:5px 0 0;color:#8eac9d;font-size:11px}
.star-label{transform:none;min-width:0;width:max-content;max-width:calc(100vw - 24px);overflow-wrap:anywhere}.star-label span{color:#b0c8bc}
.manifesto-heading{grid-template-columns:minmax(0,.86fr) minmax(0,1.4fr)}.manifesto h2 span{white-space:normal}
.lab-wordmark small,.back-link,.closing-signal a{color:#a5beb1}.vectors span,.vectors p,blockquote footer{color:#9bb6a7}
.back-link,.closing-signal a,.lab-footer a{min-height:44px;display:inline-flex;align-items:center}.lab-footer{flex-wrap:wrap}
#lab-manifesto{scroll-margin-top:90px}.sky-unavailable{color:#b7d0c3!important}
body.canvas-fallback{background:radial-gradient(ellipse at 62% 38%,#0a2118,#020806 68%)}
body.motion-paused .lab-signal,body.motion-paused .scroll-cue{animation-play-state:paused}
body.canvas-fallback .river-journey{height:100vh;height:100svh}
@media(max-width:1100px){.manifesto-heading{grid-template-columns:1fr;gap:30px}}
@media(max-width:820px){.sky-controls{top:90px;left:max(22px,var(--safe-left));max-width:calc(100vw - 44px)}.sky-toolbar{gap:8px}.sky-toolbar label{width:100%}.sky-controls output{max-width:340px}}
@media(max-height:650px){.river-journey,.river-sticky{min-height:650px}.river-copy{top:auto;bottom:90px;transform:none}.sky-controls{top:90px}.scroll-cue{bottom:28px}}

@media(max-width:480px){.back-link{justify-content:center}}

/* A quiet right-hand instrument strip leaves the star field in the foreground. */
.sky-controls{left:auto;right:max(4vw,var(--safe-right));width:290px;max-width:calc(100vw - 44px)}
.sky-toolbar{justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.sky-toolbar select,.sky-toolbar button{font-size:10px;min-height:44px;padding:6px 9px;border-color:rgba(166,224,198,.16);background:rgba(4,17,12,.58);border-radius:6px}
.sky-toolbar select{width:170px;min-width:0}.sky-toolbar button{white-space:nowrap}
.sky-toolbar label,.sky-controls output,.sky-controls>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sky-controls:focus-within output,body.canvas-fallback .sky-controls>p{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:8px 0 0;text-align:right;font-size:10px;line-height:1.6}
.manifesto-detail p+p{margin-top:24px}
.brand-slogan{min-width:0}.closing-signal .brand-voyage{font-size:clamp(16px,2vw,28px);letter-spacing:.04em;line-height:1.7}
.closing-signal .brand-beyond{margin-top:22px;font-size:clamp(38px,5vw,72px);letter-spacing:.03em;line-height:1.2}
.closing-signal .brand-english{margin-top:18px;font-family:Georgia,serif;font-style:italic;font-size:clamp(14px,1.4vw,21px);color:#9bb6a7;letter-spacing:.025em;line-height:1.6}
.lab-footer a{white-space:nowrap;font-size:10px;letter-spacing:.04em}
@media(max-width:820px){.sky-controls{left:auto;right:max(22px,var(--safe-right));top:88px}.sky-toolbar label{width:1px}}

.arrival{background:linear-gradient(180deg,transparent,rgba(2,8,6,.18) 35%,rgba(2,8,6,.38) 100%)}
.arrival h2{letter-spacing:.025em;line-height:1.12;font-size:clamp(48px,8.5vmin,132px)}
.arrival .eyebrow{line-height:2;letter-spacing:.2em}.arrival-lockup{width:min(1100px,90vw)}
.vectors h3{line-height:1.5}.vectors h3 small{display:block;margin-top:8px;color:#9bb6a7;font-size:12px;font-weight:400;letter-spacing:.04em}
blockquote .quote-translation{margin:24px auto 0;max-width:650px;font-family:inherit;font-weight:350;font-size:clamp(14px,1.4vw,20px);line-height:1.8;letter-spacing:.04em;color:#9bb6a7}
.lab-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;overflow-x:auto}
.lab-footer>*{flex-shrink:0;white-space:nowrap}.lab-footer a{align-self:center}
@media(max-width:480px){.arrival h2{font-size:clamp(40px,12vw,58px);letter-spacing:.02em}.arrival .eyebrow{font-size:8px;letter-spacing:.1em}.lab-footer{gap:24px;justify-content:flex-start}}

/* One reading axis connects the company name, premise, and supporting prose. */
.manifesto{padding-top:clamp(88px,8vw,128px)}
.manifesto-heading,.manifesto-copy,.vectors,.closing-signal{max-width:1100px}
.manifesto-heading{display:block}.manifesto-heading .eyebrow{margin-bottom:26px;line-height:2;letter-spacing:.2em}
.manifesto h2{font-size:clamp(34px,4.6vw,66px);line-height:1.2;letter-spacing:.015em}
.manifesto-copy{display:block;margin-top:36px}
.manifesto-lead{max-width:850px;font-size:clamp(20px,2vw,28px);line-height:1.8;color:#cbded3}
.manifesto-detail{max-width:760px;margin-top:28px;font-size:clamp(15px,1.2vw,17px);line-height:1.95;color:#a0b9ab}
.manifesto-detail p+p{margin-top:18px}.vectors{margin-top:clamp(56px,6vw,88px)}
@media(max-width:480px){.manifesto-heading .eyebrow{font-size:8px;letter-spacing:.12em}.manifesto-copy{margin-top:28px}.manifesto-detail{margin-top:22px}}

@media(max-width:820px),(pointer:coarse){.space-grain{display:none}}

.lab-wordmark{grid-template-columns:24px auto;border:0;background:transparent;padding:0;cursor:pointer;text-align:left}
.lab-mark{grid-row:1/3;width:24px;height:24px;overflow:visible;filter:drop-shadow(0 0 14px rgba(101,202,161,.34))}
.lab-mark-field{fill:rgba(242,243,239,.08);animation:brandField 9s ease-in-out infinite}
.lab-mark-icon{fill:#65caa1;transform-origin:256px 256px;animation:brandInk 9s ease-in-out infinite}
.lab-mark-icon path{filter:drop-shadow(0 0 4px rgba(200,246,223,.34))}
@keyframes brandField{0%,20%,100%{fill:rgba(242,243,239,.06)}50%,65%{fill:#4f6155}}
@keyframes brandInk{0%,20%,100%{fill:#65caa1;transform:rotate(0deg)}50%,65%{fill:#f2f3ef;transform:rotate(4deg)}}
body.motion-paused .lab-mark-field,body.motion-paused .lab-mark-icon{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.lab-mark-field,.lab-mark-icon{animation:none}.lab-mark-field{fill:rgba(242,243,239,.06)}.lab-mark-icon{fill:#65caa1}}
@media(max-width:480px){.lab-mark{width:22px;height:22px}.lab-wordmark{grid-template-columns:22px auto;column-gap:9px}}
