html{scrollbar-gutter:stable}
/* V4 motion is measured from native scroll position. No wheel/touch interception. */
.kinetic-site{--journey-accent:#65e7ca}.journey-section{position:relative;isolation:isolate}.journey-sticky{position:relative}.hero-followthrough,.hero-orbit-line,.manifesto-echo,.rule-numeral,.rule-orbit,.rule-navigation,.finale-outline,.journey-index,.gallery-progress{display:none}.hero-journey .vision-hero{isolation:isolate}.manifesto-journey .manifesto{padding-bottom:45px}.manifesto-statement .word-line{display:block}.manifesto-statement .word-line>span{display:block}.manifesto-statement .word-line:nth-child(2){margin-left:8vw}.manifesto-statement .word-line:last-child{margin-left:18vw}.manifesto-journey .manifesto em{color:#7ce9d2}.chapter-jump{display:flex;align-items:center;gap:35px;font:.55rem var(--mono);color:#8cb9b5;width:max-content;margin-top:28px}.chapter-jump>span{font-size:1.5rem}.kinetic-site .hero-line,.kinetic-site .hero-object{animation:none!important}.kinetic-site .hero-object{will-change:auto}.kinetic-site .finale-line{display:block}.kinetic-site .finale-line>span,.kinetic-site .finale-line>em{display:block}.kinetic-site .finale-line>em{margin-top:12px}.kinetic-site .download-finale h2{line-height:.83}
.journey-on .hero-journey{height:190svh}.journey-on .manifesto-journey{height:165svh}.journey-on .gallery-journey{height:340svh}.journey-on .rules-journey{height:260svh}.journey-on .finale-journey{height:195svh}.journey-on .journey-sticky{position:sticky;top:0;height:100svh;min-height:0;box-sizing:border-box;overflow:hidden}.journey-on .hero-journey .vision-hero{padding:26px 4.2vw 30px;display:flex;flex-direction:column;justify-content:center}.journey-on .hero-composition{height:59vh;max-height:570px;width:100%;margin-top:35px;flex-shrink:0}.journey-on .hero-composition h1{font-size:min(15vw,23vh);inset:8% 0 auto;will-change:transform}.journey-on .hero-line.second-line{font-size:min(10.2vw,16vh);margin-top:8.7vw}.journey-on .hero-object{width:49vw;max-width:830px;right:1vw;top:0;transform-origin:center;will-change:transform}.journey-on .hero-bottom{width:100%;margin-top:0}.journey-on .hero-followthrough{display:block;position:absolute;right:5.5vw;top:30%;width:30vw;clip-path:inset(0 100% 0 0);opacity:0;z-index:6}.hero-followthrough>span{font:.55rem var(--mono);color:#73b2ad;letter-spacing:.065em}.hero-followthrough h2{font-size:5.2vw;line-height:1.02;margin:27px 0 32px;letter-spacing:-.07em}.hero-followthrough h2 em{color:#6ae4ca}.hero-followthrough>a{font:.7rem var(--sans);display:flex;justify-content:space-between;border-bottom:1px solid #42635e;padding-bottom:13px;max-width:250px}.hero-followthrough>a>span{font-size:1.3rem}.journey-on .hero-orbit-line{display:block;position:absolute;width:120vw;height:70vh;border:1px solid #2c5b5b70;border-radius:50%;bottom:-43vh;left:-10vw;transform:rotate(-14deg);z-index:-1}.hero-orbit-line>i{position:absolute;left:46%;top:0;width:7px;height:7px;border-radius:50%;background:#72eccb;box-shadow:0 0 18px #65e7ca99}.journey-on .hero-side-note{opacity:.6}
.journey-on .manifesto{margin:0;padding:48px 5vw 30px;display:flex;flex-direction:column;justify-content:center;background:#0b121b;border-color:#28414c}.journey-on .manifesto .section-index{position:absolute;left:5vw;top:35px;color:#8faab5}.journey-on .manifesto-echo{display:block;position:absolute;left:-25vw;top:9vh;white-space:nowrap;font:800 13vw/.9 var(--sans);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #233e4a;z-index:-1;pointer-events:none;will-change:transform}.journey-on .manifesto-statement{font-size:clamp(3rem,7.2vw,8.4rem);line-height:1.01;letter-spacing:-.07em;margin:9vh 0 4vh;max-width:none;position:relative;z-index:1}.journey-on .word-line{overflow:hidden;line-height:1.1}.journey-on .word-line>span{will-change:transform;color:#e3eef0}.journey-on .word-line:nth-child(2){margin-left:14vw}.journey-on .word-line:nth-child(3){margin-left:28vw}.journey-on .word-line:last-child{margin-left:40vw}.journey-on .manifesto-bottom{border:0;padding:18px 0;color:#789ca8;font-size:.55rem;margin-top:auto}.journey-on .manifesto-rule{height:1px;background:#243f4c;width:100%}.manifesto-rule>i{display:block;width:0;height:1px;background:#6bdfc6}.journey-on .chapter-jump{position:absolute;right:5vw;bottom:65px}
.scrub-story .scene-panes *{transition:none!important;animation:none!important}.scrub-story .workflow-route-path{stroke-dasharray:none}.scrub-story .cross-pulse{stroke-dasharray:none}.scrub-story .bridge-pulse{display:none}.scrub-story .illustration-cursor>i{animation:none!important}.scrub-story .scene-panes{will-change:transform}.journey-on .automation-story{height:540svh}.journey-on .automation-top{border-bottom-color:#35515e}.journey-on .automation-sticky{background:radial-gradient(ellipse at 50% 50%,#14364166,transparent 75%)}.story-progress-line{height:2px;background:#223f4a;position:absolute;inset:auto 4.2vw 0}.story-progress-line>i{display:block;height:2px;background:#69e8c8;width:0}
.journey-on .product-plates{padding:24px 0 18px;display:flex;flex-direction:column;background:#0b131b}.journey-on .plates-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:12px 60px;align-items:end;padding:0 4.2vw 25px;flex-shrink:0}.journey-on .plates-heading>.section-index{grid-column:1/-1;font-size:.52rem;margin-bottom:7px}.journey-on .plates-heading h2{font-size:4.4vw;line-height:.95;margin:0}.journey-on .plates-intro{margin:0;display:flex;align-items:end;gap:25px;justify-content:space-between}.journey-on .plates-intro>p{margin:0;font-size:.78rem}.journey-on .plate-controls{gap:14px}.journey-on .plate-controls button{height:36px;width:38px}.journey-on .plate-track{padding:0 4.2vw 16px;gap:4vw;scroll-snap-type:none;scrollbar-width:none;flex:1;min-height:0;align-items:start;overscroll-behavior-x:contain;scroll-behavior:auto!important}.journey-on .plate-track::-webkit-scrollbar{display:none}.journey-on .product-plate,.journey-on .narrow-plate{flex-basis:72vw}.journey-on .settings-plate{flex-basis:46vw}.journey-on .product-plate>a{height:calc(100svh - 380px);min-height:240px;max-height:600px;will-change:transform}.journey-on .product-plate figcaption{margin-top:16px;padding-top:15px;gap:25px;grid-template-columns:.55fr 1fr 1fr}.journey-on .product-plate figcaption h3{font-size:1.65rem;line-height:1.06}.journey-on .product-plate figcaption p{font-size:.73rem;line-height:1.45}.journey-on .product-plate figcaption>span{font-size:.43rem}.journey-on .plates-disclosure{padding-top:5px;font-size:.5rem;flex-shrink:0}.journey-on .plates-disclosure p{font-size:.52rem}.journey-on .gallery-progress{display:block;position:absolute;left:4.2vw;right:4.2vw;bottom:0;height:2px;background:#24404b}.gallery-progress>i{display:block;height:2px;background:#65e7ca;width:0}.product-plate>a:focus-visible{outline-offset:-4px}
.journey-on .rules-section{padding:40px 5vw;display:block;background:#09121b;border-color:#2c4655}.journey-on .rules-heading{position:absolute;left:5vw;top:8vh;z-index:3}.journey-on .rules-heading h2{font-size:4.1vw;margin-top:28px;max-width:460px}.journey-on .rule-list{position:absolute;left:48%;right:8%;top:0;height:100%;z-index:3;overflow:visible}.journey-on .rule-list article{position:absolute;top:35%;left:0;right:0;border-top:1px solid #3a626b;padding:35px 0;display:grid;grid-template-columns:35px 1fr;opacity:0;will-change:transform;pointer-events:none}.journey-on .rule-list article>span{font-size:.55rem;color:#74c4b4}.journey-on .rule-list article h3{font-size:3.3vw;font-weight:400;line-height:1.05;letter-spacing:-.05em}.journey-on .rule-list article p{font-size:1rem;line-height:1.7;margin-top:15px;color:#92b1c1}.journey-on .rule-numeral{display:block;position:absolute;left:3.4vw;bottom:5vh;font:700 30vw/.8 var(--sans);letter-spacing:-.095em;color:transparent;-webkit-text-stroke:1px #325764;opacity:.7;z-index:0;pointer-events:none}.journey-on .rule-orbit{display:block;width:42vw;height:42vw;position:absolute;left:23%;top:31%;border:1px solid #26525b66;border-radius:50%;z-index:0;pointer-events:none}.rule-orbit>i{position:absolute;inset:15%;border:1px solid #21414d;border-radius:50%}.rule-orbit>b{position:absolute;top:50%;left:-3px;width:6px;height:6px;background:#67d9bf;border-radius:50%}.journey-on .rule-navigation{display:flex;position:absolute;bottom:9vh;left:52%;gap:35px;z-index:4}.rule-navigation button{background:none;color:#7195a5;border:0;border-bottom:1px solid #39535f;font:.65rem var(--mono);padding:12px 5px}.rule-navigation button[aria-current]{color:#85f0d5;border-color:#6be9ca}
.journey-on .download-finale{padding:35px 5vw 50px;display:flex;flex-direction:column;justify-content:center;background:#101f27;isolation:isolate}.journey-on .download-finale h2{margin:9vh 0 8vh;font-size:15vw;line-height:.84;position:relative;z-index:2}.journey-on .finale-line{overflow:hidden;padding-bottom:1.8vw;margin-bottom:-1.8vw}.journey-on .finale-line>em{margin-left:24vw}.journey-on .finale-line>*{will-change:transform}.journey-on .finale-register{margin-top:0;color:#87b8b0;position:absolute;top:32px;left:5vw;right:5vw}.journey-on .finale-bottom{position:relative;z-index:3}.journey-on .finale-outline{display:block;position:absolute;width:var(--final-frame-width,32%);height:var(--final-frame-height,26%);left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid #48786a;z-index:-1;opacity:.5}.finale-outline>i{position:absolute;width:20px;height:20px;border:solid #71d9c0;border-width:0}.finale-outline>i:nth-child(1){left:-1px;top:-1px;border-top-width:2px;border-left-width:2px}.finale-outline>i:nth-child(2){right:-1px;top:-1px;border-top-width:2px;border-right-width:2px}.finale-outline>i:nth-child(3){left:-1px;bottom:-1px;border-bottom-width:2px;border-left-width:2px}.finale-outline>i:nth-child(4){right:-1px;bottom:-1px;border-bottom-width:2px;border-right-width:2px}.journey-on .download-frame{will-change:transform}
.journey-on .journey-index{display:flex;position:fixed;z-index:25;right:9px;top:50%;transform:translateY(-50%);flex-direction:column;gap:9px;min-height:0;padding:0}.journey-index a{display:block;width:13px;height:21px;position:relative}.journey-index a:before{content:"";height:14px;width:2px;background:#507280;display:block;margin:3px auto}.journey-index a[aria-current]:before{background:#7bf0d3;width:3px}.journey-index a>span{position:absolute;right:18px;top:3px;font:.5rem var(--mono);opacity:0;color:#a8dfd2}.journey-index a:hover>span,.journey-index a:focus-visible>span{opacity:1}
.app-lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;padding:22px 3vw;margin:0;border:0;background:#071018fa;color:#d5e7eb;overflow:auto}.app-lightbox::backdrop{background:#000b}.lightbox-top{display:flex;align-items:center;gap:35px;justify-content:space-between;border-bottom:1px solid #355460;padding-bottom:15px;font:.75rem var(--mono)}.lightbox-top>span:first-child{margin-right:auto}.lightbox-top button,.lightbox-bottom button{background:none;border:1px solid #476574;color:#bddee3;padding:11px 16px;font:.7rem var(--mono);min-height:40px}.lightbox-image{height:calc(100dvh - 174px);padding:20px 0;display:flex;align-items:center;justify-content:center}.lightbox-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #355460;padding-top:15px}.lightbox-bottom p{font:.75rem/1.5 var(--sans);text-align:center;margin:0;color:#95b5c5;max-width:600px}.app-lightbox button:focus-visible{outline:3px solid #7fedce;outline-offset:4px}.modal-open .journey-index{visibility:hidden}
@media(min-width:1750px){.journey-on .hero-composition{max-height:690px}.journey-on .product-plate>a{height:calc(100svh - 390px);max-height:700px}.journey-on .plates-heading h2{font-size:4vw}.journey-on .plate-track{padding-bottom:20px}}
@media(max-width:1050px){.journey-on .plates-heading{gap:12px 25px}.journey-on .plates-intro>p{font-size:.65rem}.journey-on .plate-controls{gap:8px}.journey-on .product-plate figcaption{grid-template-columns:.55fr 1fr;gap:12px}.journey-on .product-plate figcaption p{grid-column:2}.journey-on .product-plate>a{height:calc(100svh - 370px)}.journey-on .rules-heading h2{font-size:4.8vw}.journey-on .rule-list article h3{font-size:3.8vw}.journey-on .rule-list article p{font-size:.9rem}}
@media(max-width:760px){.journey-on .hero-journey{height:185svh}.journey-on .hero-journey .vision-hero{padding:24px 5vw;justify-content:start}.journey-on .hero-composition{height:64vw;max-height:none;margin-top:8vh}.journey-on .hero-composition h1{font-size:22vw;inset:4% 0 auto}.journey-on .hero-line.second-line{font-size:12.4vw;margin-top:29vw}.journey-on .hero-object{width:67vw;right:0;top:19%}.journey-on .hero-bottom{margin-top:35px}.journey-on .hero-followthrough{left:9vw;right:9vw;top:56%;width:auto}.hero-followthrough h2{font-size:11vw;line-height:1;margin:20px 0}.hero-followthrough h2 br:first-of-type{display:block}.hero-followthrough>span{font-size:.48rem}.hero-followthrough>a{font-size:.68rem;max-width:none}.journey-on .hero-orbit-line{height:60vh;width:170vw;left:-45vw;bottom:-20vh}.journey-on .manifesto-journey{height:160svh}.journey-on .manifesto{padding:28px 6vw;justify-content:center}.journey-on .manifesto .section-index{left:6vw;top:28px}.journey-on .manifesto-echo{font-size:24vw;top:20%;left:-55vw}.journey-on .manifesto-statement{font-size:11vw;line-height:1;margin:5vh 0;flex:0 0 auto}.journey-on .word-line:nth-child(2){margin-left:8vw}.journey-on .word-line:nth-child(3){margin-left:10vw}.journey-on .word-line:last-child{margin-left:23vw}.journey-on .manifesto-bottom{font-size:.42rem;position:absolute;bottom:26px;left:6vw;right:6vw;gap:18px}.journey-on .chapter-jump{right:6vw;bottom:95px;font-size:.48rem}.journey-on .manifesto-rule{margin-top:4vh}.journey-on .automation-story{height:520svh}.journey-on .gallery-journey{height:315svh}.journey-on .product-plates{padding:30px 0 22px;justify-content:center}.journey-on .plates-heading{display:block;padding:0 5vw 25px}.journey-on .plates-heading>.section-index{display:block;font-size:.5rem;margin-bottom:23px}.journey-on .plates-heading h2{font-size:9vw;line-height:.99;margin-bottom:24px}.journey-on .plates-intro{gap:15px}.journey-on .plates-intro>p{font-size:.7rem;max-width:220px}.journey-on .plate-controls button{width:30px;height:32px}.journey-on .plate-controls>span{font-size:.45rem}.journey-on .plate-track{flex:0 0 auto;gap:7vw;padding:0 5vw 22px;overflow-y:hidden}.journey-on .product-plate,.journey-on .narrow-plate,.journey-on .settings-plate{flex-basis:85vw}.journey-on .product-plate>a{height:32vh;min-height:210px;max-height:330px}.journey-on .product-plate figcaption{grid-template-columns:.6fr 1fr;gap:13px;margin-top:17px;padding-top:17px}.journey-on .product-plate figcaption h3{font-size:1.6rem}.journey-on .product-plate figcaption p{font-size:.7rem;line-height:1.5}.journey-on .product-plate figcaption>span{font-size:.43rem}.journey-on .plates-disclosure{padding:10px 5vw 0}.journey-on .plates-disclosure>span{font-size:.42rem}.journey-on .plates-disclosure p{font-size:.52rem;line-height:1.5;margin-top:8px}.journey-on .rules-journey{height:250svh}.journey-on .rules-section{padding:30px 6vw}.journey-on .rules-heading{top:7vh;left:6vw}.journey-on .rules-heading h2{font-size:9vw;max-width:320px;margin-top:24px}.journey-on .rule-list{left:8vw;right:8vw}.journey-on .rule-list article{top:44%;padding-top:24px;grid-template-columns:25px 1fr;gap:14px}.journey-on .rule-list article h3{font-size:8vw}.journey-on .rule-list article p{font-size:.85rem;line-height:1.65;margin-top:10px}.journey-on .rule-numeral{font-size:64vw;left:5vw;bottom:18vh;opacity:.28}.journey-on .rule-orbit{width:90vw;height:90vw;left:19vw;top:47%}.journey-on .rule-navigation{left:17vw;bottom:10vh;gap:30px}.journey-on .finale-journey{height:190svh}.journey-on .download-finale{padding:40px 6vw}.journey-on .download-finale h2{font-size:19vw;line-height:.94;margin:5vh 0}.journey-on .finale-line>em{margin-left:8vw}.journey-on .finale-bottom{gap:28px}.journey-on .finale-register{top:30px;left:6vw;right:6vw;font-size:.48rem}.journey-on .finale-bottom p{font-size:.9rem}.journey-on .download-frame{width:100%;min-width:0}.journey-on .journey-index{display:none}.app-lightbox{padding:15px 4vw}.lightbox-top{gap:12px;font-size:.55rem}.lightbox-top button{padding:8px;font-size:.6rem}.lightbox-image{height:calc(100dvh - 184px)}.lightbox-bottom{gap:12px;flex-wrap:wrap}.lightbox-bottom p{font-size:.63rem;order:3;flex-basis:100%;max-width:none}.lightbox-bottom button{font-size:.6rem;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.journey-section{height:auto!important}.journey-sticky{position:relative!important;height:auto!important;overflow:visible!important}.kinetic-site .hero-followthrough,.kinetic-site .manifesto-echo,.kinetic-site .hero-orbit-line,.kinetic-site .rule-numeral,.kinetic-site .rule-orbit,.kinetic-site .finale-outline,.kinetic-site .journey-index{display:none!important}.kinetic-site .word-line>span{transform:none!important;opacity:1!important}.kinetic-site .rule-list article{position:relative!important;transform:none!important;opacity:1!important;visibility:visible!important}.kinetic-site .finale-line>*{transform:none!important;opacity:1!important}.kinetic-site .download-frame{transform:none!important}.kinetic-site .story-progress-line{display:none}}
/* V4.1: approved readability and original-image polish. */
.kinetic-site .scene-steps button:not([aria-current])>span{color:#7894a7}
.app-lightbox[open]{display:flex;flex-direction:column}.lightbox-top,.lightbox-bottom{flex-shrink:0}.lightbox-top{flex-wrap:wrap;row-gap:10px}.lightbox-top>span:first-child{flex:1 1 4rem;min-width:min(4rem,100%)}.lightbox-top>span:not(:first-child),.lightbox-top>button{flex-shrink:0}.lightbox-image{flex:1;min-height:160px;height:auto}.lightbox-original{display:inline-flex;align-items:center;gap:7px;min-height:40px;flex-shrink:0;font:.7rem var(--mono);text-decoration:underline;text-underline-offset:4px;color:#b7dacf!important}.lightbox-original:focus-visible{outline:3px solid #7fedce;outline-offset:4px}
@media(max-width:760px){.kinetic-site .story-disclosure{font-size:.6875rem;line-height:1.45}.kinetic-site .plates-disclosure p,.kinetic-site .finale-bottom small{font-size:.6875rem;line-height:1.5}.kinetic-site .plates-disclosure>span{font-size:.625rem;line-height:1.5}.lightbox-original{font-size:.625rem}.lightbox-top{gap:10px}.lightbox-top>span:first-child{overflow-wrap:anywhere}.lightbox-image{height:auto}}