:root{font-family:'DM Sans',sans-serif;color:#102a43;background:#fffdf8;font-synthesis:none;--ink:#102a43;--blue:#245ddd;--paper:#fffdf8;--line:#102a4324;--header-h:106px;--stage-h:700px;--scene-bg:#e7f2ff;--scene-ink:#102a43;--scene-muted:#496279;--scene-accent:#245ddd;--scene-line:#aac6e4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);overflow-anchor:none}body{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:600}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ed9f28;outline-offset:5px}img{display:block;max-width:100%}.skip-link{position:fixed;top:-80px;left:20px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:40;background:var(--paper)}.edition-bar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--line);gap:12px}.edition-caption{font-size:11px;letter-spacing:.04em}.version-switcher{display:flex;gap:4px}.version-switcher button{background:transparent;padding:9px 14px;border-radius:8px;font-size:12px;font-weight:600;min-height:36px;white-space:nowrap}.version-switcher button span{font-size:10px;opacity:.6;margin-right:5px}.version-switcher button.selected{color:#fff;background:var(--ink)}.version-switcher button:hover:not(.selected){background:#e4edf8}.motion-toggle{display:flex;gap:7px;align-items:center;background:none;font-size:11px;padding:8px;min-height:40px}.motion-icon{font-size:17px}.main-nav{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-family:Outfit;font-size:30px;font-weight:600;letter-spacing:-1.3px}.brand img{width:30px;height:36px}.brand-ai{font-size:13px;vertical-align:super;letter-spacing:0;margin-left:4px}.nav-links{display:flex;gap:32px;font-size:13px;font-weight:500}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{display:flex;align-items:center;gap:20px;font-size:13px;border:1px solid #102a435c;border-radius:25px;padding:10px 17px}.contact-dot{width:6px;height:6px;background:var(--ink);border-radius:50%}
.story-scroll{position:relative;overflow-anchor:none}.story-stage{position:sticky;top:var(--header-h);height:var(--stage-h);overflow:hidden;isolation:isolate;color:var(--scene-ink);background:var(--scene-bg)}.story-inner{position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;width:min(100%,1660px);height:100%;margin:auto;padding:35px 5% 83px;gap:1%}.copy-stack{position:relative;width:100%;height:100%;z-index:10;pointer-events:none}.chapter-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;will-change:opacity,transform}.chapter-copy:not([inert]){pointer-events:auto}.eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.12em}.chapter-copy .eyebrow{color:var(--scene-ink);display:flex;gap:11px;align-items:center}.chapter-copy .eyebrow:before{content:'';width:23px;height:2px;background:var(--scene-accent);flex-shrink:0}.chapter-copy :is(h1,h2){font-size:clamp(48px,5.3vw,88px);line-height:.99;letter-spacing:-.052em;margin:24px 0}.chapter-copy :is(h1,h2) span{color:var(--scene-accent)}.hero-description{font-size:16px;line-height:1.65;color:var(--scene-muted);max-width:405px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:47px;padding:14px 20px;border-radius:10px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #102a4317}.button-dark{background:#102a43;color:white}.button-light{background:var(--paper);color:var(--ink)}.text-link{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;line-height:1.6}.text-link:hover{text-decoration-thickness:2px}.chapter-insight{margin-top:27px;padding-left:16px;border-left:3px solid var(--scene-accent);font-family:Outfit;font-size:19px;line-height:1.35;max-width:360px}.age-note{font-size:10px;letter-spacing:.07em;color:var(--scene-muted);line-height:1.6;margin-top:27px}.story-bottom{position:absolute;bottom:23px;left:5%;right:5%;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:14px}.scroll-invitation{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--scene-muted)}.scroll-mouse{width:16px;height:24px;border:1px solid currentColor;border-radius:12px;position:relative}.scroll-mouse:after{content:'';position:absolute;width:2px;height:6px;top:5px;left:6px;background:currentColor;border-radius:2px}.chapter-nav{display:flex;align-items:center;border:1px solid #102a431c;background:#fffdf8;color:#102a43;border-radius:40px;padding:3px 8px;box-shadow:0 4px 0 #102a4307;gap:2px}.chapter-nav button{display:flex;align-items:center;gap:9px;background:none;border-radius:24px;min-width:37px;min-height:37px;padding:8px 11px}.nav-dot{width:7px;height:7px;background:#becbd5;border-radius:50%}.nav-label{font-size:11px;display:none;font-weight:600;white-space:nowrap}.chapter-nav [aria-current=step] .nav-dot{background:#245ddd}.chapter-nav [aria-current=step] .nav-label{display:block}.chapter-counter{font-size:11px;letter-spacing:.08em;min-width:100px;text-align:right}.line-icon{width:26px;height:26px}.concept-svg{width:100%;height:100%;overflow:visible;font-family:Outfit;color:var(--scene-ink);display:block}.concept-connections path{fill:none;stroke:var(--scene-line,#aac6e4);stroke-width:4;stroke-linecap:round}.connection-signals path{fill:none;stroke:var(--scene-accent,#245ddd);stroke-width:4;stroke-dasharray:8 165;stroke-linecap:round}.connection-signals{animation:connection-flow 5s linear infinite}.concept-node{transform-box:fill-box;transform-origin:center}.idea-0,.idea-2{animation:idea-breathe 6s ease-in-out infinite}.idea-1,.idea-3{animation:idea-breathe 6s -3s ease-in-out infinite}.rhythm-track{fill:none;stroke:var(--scene-line,#d6bc79);stroke-width:9;stroke-linecap:round}.rhythm-signal{fill:none;stroke:var(--scene-accent,#245ddd);stroke-width:4;stroke-dasharray:9 16;animation:connection-flow 9s linear infinite}.rhythm-beat{offset-path:path('M95 105H505C603 105 605 307 505 307H185');animation:follow-rhythm 10s linear infinite}.step-halo{opacity:0;animation:step-focus 10s linear infinite;animation-delay:calc(var(--step)*2s);transform-box:fill-box;transform-origin:center}.thinking-ring,.decision-halo{transform-box:fill-box;transform-origin:center;animation:orbit-thought 45s linear infinite}.demo{animation-play-state:paused}.is-settled .demo{animation-play-state:running}@keyframes connection-flow{to{stroke-dashoffset:-346}}@keyframes follow-rhythm{to{offset-distance:100%}}@keyframes step-focus{0%,17%{opacity:1;transform:scale(1)}20%,100%{opacity:0;transform:scale(1.06)}}@keyframes orbit-thought{to{transform:rotate(360deg)}}@keyframes idea-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* The Desk holds its outline while connected structures assemble inside. */
.desk-art{width:100%;height:min(540px,100%);position:relative;align-self:center}.desk-frame{position:absolute;left:3%;top:11%;width:94%;height:76%;background:#fffdf8;border:2px solid #102a43;border-radius:20px;box-shadow:9px 10px 0 #102a4326;z-index:3}.frame-bar{height:40px;padding:0 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid #102a43;color:#102a43;font-size:10px;letter-spacing:.12em;font-weight:600}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border:1px solid #102a43;border-radius:50%}.window-dots i:first-child{background:#ffda74}.frame-mark{font-family:Outfit;font-weight:700;font-size:23px;letter-spacing:-1px}.desk-screen{--scene-ink:#102a43;--scene-line:#b1c5da;--scene-accent:#245ddd;position:relative;height:calc(100% - 40px);padding:12px 7px}.scene-slice{position:absolute;inset:9px 13px;transform-origin:center;pointer-events:none}.desk-screen .concept-svg{overflow:visible}.frame-stand{position:absolute;bottom:-32px;left:30%;width:40%;height:10px;background:#c4d9f0;border:1.5px solid #102a43;border-radius:5px}.frame-stand:before{content:'';position:absolute;left:35%;bottom:8px;width:30%;height:22px;border:1.5px solid #102a43;border-bottom:0;background:#c4d9f0}.desk-surroundings{position:absolute;left:31%;top:0;width:67%;height:45px}.desk-prop{position:absolute;right:0;top:0;display:flex;align-items:center;gap:10px;background:#fffdf8;padding:10px 15px;border:1.5px solid #102a43;border-radius:13px 13px 13px 0;font-family:Outfit;font-size:15px;color:#102a43}.prop-number{font-size:11px;background:#ffda74;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.desk-guide{position:absolute;height:120px;left:-3%;bottom:-2%;z-index:5;max-width:110px;object-fit:contain}.desk-guide-label{position:absolute;bottom:0;left:15%;font-size:12px;color:var(--scene-ink);line-height:1.5;z-index:4}.desk-surface{position:absolute;left:0;right:0;bottom:15%;height:1px;background:var(--scene-line)}.desk-stage:after{content:'';position:absolute;bottom:0;left:0;right:0;height:15%;background:#ffffff05;pointer-events:none}
/* The Voyage clips all travelling landmarks to a protected illustration window. */
.voyage-window{position:relative;height:100%;min-height:0;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to right,transparent,black 4%,black 97%,transparent);margin-left:-1%;width:102%}.voyage-far{position:absolute;inset:7% auto 0 0;width:270%;height:88%;opacity:.46;will-change:transform}.voyage-far svg{width:100%;height:100%;fill:var(--scene-line);stroke:var(--scene-line);stroke-width:2;opacity:.48}.voyage-far path+path{fill:none;stroke-dasharray:5 10;opacity:1}.voyage-far i{position:absolute;width:80px;height:80px;border:1px solid var(--scene-line);border-radius:50%;left:14%;top:9%}.voyage-far i:nth-of-type(2){left:48%;width:140px;height:140px;top:5%}.voyage-far i:nth-of-type(3){left:80%;top:20%}.destination-track{position:absolute;left:0;top:4%;width:100%;height:76%;will-change:transform}.destination{position:absolute;left:calc(var(--destination)*100%);width:100%;height:100%;padding:14px 20px 20px;transform-origin:center;will-change:transform,opacity}.destination-label{font-size:10px;letter-spacing:.12em;font-weight:600;text-align:center;margin:0 0 15px;height:18px;color:var(--scene-ink)}.destination .concept-svg{height:calc(100% - 32px)}.voyage-route{position:absolute;left:0;bottom:3%;width:400%;height:90px;z-index:3}.voyage-route svg{width:100%;height:100%;overflow:visible}.voyage-route path{fill:none;stroke:#fffdf8;stroke-width:33;stroke-linecap:round}.voyage-route .route-dashes{stroke:#102a43;stroke-width:1.3;stroke-dasharray:4 8;opacity:.4}.voyage-near{position:absolute;bottom:-35px;width:370%;left:0;height:85px;z-index:5;will-change:transform}.voyage-near span{position:absolute;left:3%;width:220px;height:70px;border-radius:50% 50% 0 0;background:var(--scene-accent);opacity:.13}.voyage-near span:nth-child(2){left:29%;width:300px}.voyage-near span:nth-child(3){left:64%;width:150px}.voyage-near span:nth-child(4){left:90%;width:270px}.journey-companion{position:absolute;height:116px;bottom:2%;left:13%;z-index:6;display:flex;align-items:center;gap:13px}.journey-companion img{height:100%;width:80px;object-fit:contain}.journey-companion span{font-size:12px;border:1px solid #102a43;background:#fffdf8;color:#102a43;border-radius:14px 14px 14px 0;padding:9px 12px;margin-bottom:55px}.journey-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--scene-line)}.journey-progress i{display:block;height:100%;background:var(--scene-accent)}
/* The Play Stack uses one persistent set of six shapes. */
.stack-backplates{position:absolute;inset:0;overflow:hidden}.stack-backplates>div{position:absolute;inset:0;border-radius:38px 38px 0 0;box-shadow:0 -2px 0 #ffffff36;will-change:transform}.stack-backplates>div:first-child{border-radius:0}.stack-art{width:100%;height:100%;display:grid;place-items:center;position:relative}.morph-board{position:relative;width:100%;aspect-ratio:600 / 450;max-height:100%;container-type:inline-size}.morph-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.morph-paths path{stroke:var(--scene-line);fill:none;stroke-width:4;stroke-linecap:round}.morph-flow path{stroke:var(--scene-accent);fill:none;stroke-width:4;stroke-dasharray:8 160;stroke-linecap:round}.morph-flow{animation:connection-flow 6s linear infinite}.morph-shape{position:absolute;display:grid;place-items:center;background:var(--shape-color);border:2px solid #102a43;box-shadow:4px 5px 0 #102a431c;color:#102a43;will-change:transform,width,height,left,top;overflow:hidden}.shape-label{font-family:Outfit;font-size:clamp(14px,3.9cqw,26px);font-weight:600;line-height:1.07;text-align:center;padding:7px}.shape-index{position:absolute;top:8px;left:11px;font-size:clamp(8px,1.9cqw,12px);font-weight:600}.shape-5{background:#fffdf8}.shape-5[data-role=question]{background:#245ddd;color:white}.shape-5[data-role=question] .shape-label{font-size:18cqw}.shape-5[data-role=center] .shape-label{font-size:4.3cqw}.shape-explanation{position:absolute;left:10%;right:10%;top:103%;font-size:12px;text-align:center;color:var(--scene-muted)}.stack-stage .chapter-nav{padding:5px 9px}.stack-stage .scroll-invitation{visibility:hidden}
/* The Zoom nests only conceptual artwork; readable copy lives outside the camera. */
.zoom-camera{position:absolute;inset:0;transform-origin:0 0}.zoom-room{position:absolute;inset:0;width:100%;height:100%;background:var(--room-bg);color:var(--room-ink);transform-origin:0 0;overflow:visible;--scene-ink:var(--room-ink)}.zoom-room.theme-0{--scene-line:#aac6e4;--scene-accent:#245ddd}.zoom-room.theme-1{--scene-line:#98baff;--scene-accent:#ffda74}.zoom-room.theme-2{--scene-line:#d6bc79;--scene-accent:#245ddd}.zoom-room.theme-3{--scene-line:#52758f;--scene-accent:#9dd5bf}.zoom-room-art{position:absolute;right:3%;top:10%;width:52%;height:72%;color:var(--room-ink)}.zoom-room-art .concept-svg{padding:8px}.zoom-preview-label{position:absolute;left:7%;top:17%;max-width:30%;font-family:Outfit;font-size:clamp(52px,7vw,110px);font-weight:600;line-height:1.02;letter-spacing:-.04em;visibility:hidden}.zoom-room>.zoom-room{inset:auto;border:2px solid #102a43;outline:6px solid #fffdf8}.zoom-portal-rim{position:absolute;border:2px solid #102a43;outline:6px solid #fffdf8;background:#fffdf8;border-radius:24px;box-shadow:10px 10px 0 #102a4323;z-index:0}.zoom-portal-rim>span{position:absolute;left:0;top:-38px;background:#fffdf8;color:#102a43;border:1px solid #102a43;border-radius:10px 10px 0 0;font-size:12px;font-weight:600;padding:9px 12px;white-space:nowrap}.zoom-stage>.copy-stack{position:absolute;left:5%;top:35px;width:38%;height:calc(100% - 118px);z-index:10}.zoom-text-shield{position:absolute;top:0;left:0;width:46%;height:100%;background:linear-gradient(to right,var(--scene-bg) 85%,transparent);pointer-events:none;z-index:9}.zoom-guide{position:absolute;right:4%;bottom:15%;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.5;z-index:8;pointer-events:none}.zoom-guide img{height:70px;width:60px;object-fit:contain}.zoom-resolution{position:absolute;left:6%;top:22%;width:37%;opacity:0;pointer-events:none;z-index:11}.zoom-resolution.visible{opacity:1;pointer-events:auto}.resolution-mark{display:block;width:104px;height:104px;background:#ffda74;border:2px solid #102a43;border-radius:40px;color:#102a43;font-family:Outfit;font-size:75px;text-align:center;transform:rotate(-7deg);margin-bottom:25px}.zoom-resolution p{font-family:Outfit;font-size:clamp(28px,3.2vw,51px);line-height:1.13;letter-spacing:-.03em}.zoom-resolution strong{font-weight:600;color:#245ddd}.zoom-resolution a{display:inline-block;margin-top:25px}.zoom-stage .chapter-counter{min-width:145px}
/* Complete flowing chapter states for reduced motion and short screens. */
.flow-story{position:relative}.flow-chapter{position:relative;color:var(--scene-ink);background:var(--scene-bg);padding:65px 6% 90px;min-height:min(760px,var(--stage-h))}.flow-inner{display:grid;grid-template-columns:43% 53%;gap:4%;align-items:center;max-width:1450px;margin:auto}.flow-chapter .chapter-copy{position:relative;opacity:1;transform:none;pointer-events:auto}.flow-art{position:relative;width:100%;aspect-ratio:600 / 450;color:var(--scene-ink)}.flow-frame{height:100%;background:#fffdf8;border:2px solid #102a43;border-radius:20px;overflow:hidden;--scene-ink:#102a43;--scene-line:#aac6e4;--scene-accent:#245ddd;box-shadow:6px 7px 0 #102a4322}.flow-frame .concept-svg{height:calc(100% - 40px);padding:7px 10px}.flow-guide{position:absolute;bottom:-10%;right:0;width:62px;height:74px;object-fit:contain}.flow-number{position:absolute;bottom:35px;left:6%;font-size:12px}.flow-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:25}.flow-mode #experience:not(.story-in-view) .flow-nav{visibility:hidden}.stack-flow .flow-chapter{border-radius:35px 35px 0 0}.stack-flow{background:#e7f2ff}.zoom-flow .flow-art{border:2px solid var(--scene-line);border-radius:25px;padding:12px}.motion-paused{scroll-behavior:auto}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .step-halo{opacity:0}.motion-paused .rhythm-beat{display:none}.flow-mode .idea-0,.flow-mode .idea-1,.flow-mode .idea-2,.flow-mode .idea-3{animation:none}
.principle-strip{display:flex;align-items:center;justify-content:space-between;padding:54px 6%;background:#fffdf8;border-bottom:1px solid var(--line);gap:25px}.mini-label{font-size:10px;letter-spacing:.12em;max-width:100px;line-height:1.7}.principle-strip h2{font-size:29px;letter-spacing:-.025em}.principle-strip h2 span{color:var(--blue)}.principle-strip p{font-size:12px;line-height:1.7;color:#617185}.section{padding:105px 6%;scroll-margin-top:15px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2,.learning-intro h2,.outcomes-section h2,.commitments-section h2{font-size:clamp(35px,4vw,58px);line-height:1.06;letter-spacing:-.04em;margin-top:19px}.section-heading>p{font-size:14px;line-height:1.7;color:#667484;max-width:310px}.blue-period{color:var(--blue)}.framework-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:start}.framework-card{border-radius:15px;background:#e1edff;padding:22px 20px;transition:transform .3s;min-height:285px}.framework-card:hover{transform:translateY(-7px)}.framework-card summary{list-style:none;cursor:pointer}.framework-card summary::-webkit-details-marker{display:none}.card-top{display:flex;justify-content:space-between;font-size:11px}.card-expand{font-size:19px;line-height:.75}.framework-card[open] .card-expand{transform:rotate(45deg)}.framework-symbol{display:block;font-size:65px;line-height:1.4;margin:12px 0 10px;color:#347ce0;font-family:Outfit;font-weight:400}.framework-card h3{font-size:23px;line-height:1.12;letter-spacing:-.02em}.capability{display:block;font-size:10px;line-height:1.4;margin-top:14px;opacity:.73;min-height:28px}.card-yellow{background:#ffedb6}.card-yellow .framework-symbol{color:#ac7512}.card-pink{background:#f9dfe7}.card-pink .framework-symbol{color:#af5774}.card-mint{background:#dbefdf}.card-mint .framework-symbol{color:#388365}.card-lavender{background:#e8e2fa}.card-lavender .framework-symbol{color:#8566c2}.card-detail{border-top:1px solid #142d4e26;padding-top:17px;margin-top:20px}.card-detail p{font-size:13px;line-height:1.6}.card-detail>span{font-size:9px;line-height:1.6;display:block;margin-top:14px;text-transform:uppercase;letter-spacing:.05em}.framework-note{display:flex;align-items:center;gap:11px;font-size:12px;color:#62738a;margin-top:27px}.small-star{font-size:23px;color:var(--blue)}.learning-section{background:#e9f0fe;display:grid;grid-template-columns:42% 52%;gap:6%;align-items:center}.learning-intro>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#526780;margin-top:23px;max-width:390px}.rhythm-card{background:var(--paper);border:1px solid #b6c6db;border-radius:20px;box-shadow:7px 7px 0 #d0ddf1;overflow:hidden}.rhythm-tabs{display:flex;border-bottom:1px solid var(--line);padding:13px 10px;gap:4px}.rhythm-tabs button{flex:1;background:transparent;font-size:11px;font-weight:600;padding:12px 3px;border-radius:8px;display:flex;gap:5px;flex-direction:column;align-items:center}.rhythm-tabs button span{font-size:9px;color:#7289a3}.rhythm-tabs button[aria-selected=true]{background:var(--ink);color:white}.rhythm-tabs button[aria-selected=true] span{color:#c0d8f4}#rhythm-detail{padding:28px 29px;min-height:315px}.rhythm-title{display:flex;align-items:center;gap:15px}.rhythm-symbol{width:50px;height:50px;background:#ffde8e;display:grid;place-items:center;border-radius:15px;font-size:24px;flex-shrink:0}.rhythm-title h3{font-size:26px;line-height:1.1;letter-spacing:-.02em;max-width:290px}#rhythm-detail>p{font-size:13px;line-height:1.7;margin-top:17px;color:#607389}.thought-demo{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-top:25px}.ai-suggestion{font-size:12px;background:#eff1f5;border-radius:10px 10px 10px 0;padding:12px 15px}.child-question{align-self:flex-end;display:flex;align-items:center;gap:8px;font-size:12px;background:#e0edff;border-radius:12px 12px 0 12px;padding:10px 14px;animation:appear .5s ease-out}.child-question img{width:23px;height:29px}.rhythm-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-top:1px solid var(--line);font-size:10px;color:#6e8095}.rhythm-next{background:none;font-size:11px;color:var(--ink);font-weight:600}.rhythm-next span{font-size:18px;margin-left:8px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.role-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:17px;overflow:hidden}.role-number{font-size:10px;letter-spacing:.08em}.role-graphic{height:155px;display:flex;align-items:center;justify-content:center;position:relative}.graphic-circle{border-radius:50%;background:#ffda82;width:94px;height:94px;font-size:65px;font-family:Outfit;text-align:center;transform:rotate(-13deg)}.graphic-star{font-size:65px;color:#f0a376;transform:translate(-15px,20px)}.graphic-square{width:108px;height:85px;border-radius:23px 23px 23px 2px;background:#b7cfee;font-size:57px;line-height:.85;letter-spacing:4px;text-align:center;transform:rotate(-9deg)}.tiny-spark{font-size:51px;color:#628cce;align-self:flex-start;margin-top:14px}.cat-role img{height:155px;margin:auto;padding:10px}.role-card h3{font-size:27px;letter-spacing:-.025em;margin:10px 0 14px}.role-card p{font-size:13px;line-height:1.7;color:#637287}.role-card strong{font-size:11px;display:block;margin-top:25px}.cat-role{background:#e9f2ff}.outcomes-section{background:#173655;color:white;text-align:center;position:relative}.outcomes-section>.eyebrow{justify-content:center;color:#9cc6ff}.outcomes-section h2{font-size:63px}.outcomes-intro{font-size:15px;color:#bed0e0;line-height:1.7;max-width:530px;margin:25px auto 45px}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:left}.outcome-grid article{border-top:1px solid #ffffff30;padding-top:25px}.outcome-grid span{font-size:12px;color:#eac36a}.outcome-grid h3{font-size:22px;line-height:1.2;margin:17px 0 12px;max-width:170px}.outcome-grid p{font-size:12px;line-height:1.7;color:#c0d1e0}.honesty-note{font-size:10px;color:#90adc8;margin-top:45px}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.community-grid article{border-radius:18px;padding:32px 37px;background:#ffecd0;position:relative}.community-grid article+article{background:#e6e8ff}.community-symbol{font-size:37px;margin-bottom:25px;display:block}.community-grid h3{font-size:30px;margin:16px 0;letter-spacing:-.03em}.community-grid p{font-size:14px;line-height:1.7;max-width:430px}.community-grid ul{padding-left:18px;margin-top:22px;font-size:12px;line-height:2.2}.commitments-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:20px}.commitment-list details{border-bottom:1px solid var(--line);padding:22px 0}.commitment-list summary{font-size:16px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.commitment-list summary::-webkit-details-marker{display:none}.commitment-list summary span{font-size:22px;font-weight:400}.commitment-list details[open] summary span{transform:rotate(45deg)}.commitment-list p{font-size:13px;line-height:1.7;color:#61758a;padding-top:15px;max-width:420px}.closing-section{margin:0 3% 35px;background:#2875e2;color:#fffdf8;border-radius:25px;min-height:560px;display:grid;grid-template-columns:55% 45%;padding:64px 6%;overflow:hidden;position:relative;scroll-margin-top:140px}.closing-copy{z-index:3}.closing-copy h2{font-size:64px;letter-spacing:-.045em;line-height:1.06;margin:25px 0}.closing-copy h2 span{color:#ffdc83}.closing-copy>p:not(.eyebrow){font-size:14px;max-width:355px;line-height:1.75;margin-bottom:25px;color:#deebff}.closing-copy small{display:block;margin-top:22px;font-size:10px;color:#c7dfff}.closing-art{position:relative;min-height:400px}.closing-art img{position:absolute;height:93%;bottom:-66px;right:7%;z-index:2;max-width:100%;object-fit:contain}.closing-orbit{position:absolute;width:350px;height:350px;border:1px solid #ffffff45;border-radius:50%;right:0;top:20px}.closing-orbit:after{content:'';position:absolute;inset:-45px;border:1px dashed #ffffff26;border-radius:50%}.closing-star{position:absolute;top:-20px;right:0;font-size:110px;color:#ffdc83}.closing-bubble{position:absolute;left:-25px;top:80px;background:#fffdf8;padding:17px 23px;transform:rotate(-9deg);border-radius:17px 17px 0 17px;color:var(--ink);font-size:15px;line-height:1.4;z-index:4}footer{padding:28px 6% 40px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:25px}footer .brand img{width:27px;height:33px}footer p,footer>span{font-size:11px;color:#6e7d8d}/* Shared content carries the same nodes, colors and connection language. */
.principle-strip{background:#e7f2ff;border:0;position:relative;padding:55px 6%}.principle-strip:before{content:'';position:absolute;left:50%;top:-24px;width:3px;height:24px;background:#a4bfdc}.principle-strip:after{content:'';position:absolute;left:calc(50% - 5px);top:-30px;width:13px;height:13px;border:2px solid #245ddd;background:#e7f2ff;border-radius:50%}.principle-strip h2{font-weight:600}.section-heading h2,.learning-intro h2,.outcomes-section h2,.commitments-section h2{font-weight:600}.section-heading>p,.role-card p,.community-grid p,.commitment-list p,.outcome-grid p,.closing-copy>p:not(.eyebrow){font-size:16px}.framework-grid{gap:15px}.framework-card{border:1.5px solid #102a4350;min-height:310px;padding:23px 20px;box-shadow:0 4px 0 #102a4308}.framework-card[open]{box-shadow:0 7px 0 #102a4312}.framework-card h3{font-weight:600;font-size:24px}.framework-icon{width:73px;height:73px;display:grid;place-items:center;border:1.7px solid #102a43;background:var(--node-color);border-radius:22px;color:#102a43!important;margin:26px 0}.framework-icon .line-icon{width:37px;height:37px}.card-yellow .framework-icon{border-radius:50%}.card-pink .framework-icon{border-radius:28px 12px 28px 12px}.card-mint .framework-icon{border-radius:15px}.card-lavender .framework-icon{border-radius:24px 24px 10px 10px}.capability{font-size:12px;min-height:36px;line-height:1.5}.card-detail p{font-size:14px;line-height:1.65}.framework-note{font-size:13px;line-height:1.6}.small-star{font-family:Outfit;font-weight:600;font-size:25px}.learning-section{background:#fff0c5}.rhythm-card{box-shadow:7px 7px 0 #d6bc7950;border:1.5px solid #102a43}.rhythm-tabs{gap:2px}.rhythm-tabs button{min-height:60px;font-size:12px;position:relative}.rhythm-tabs button:after{content:'';height:3px;background:var(--step-color);position:absolute;bottom:4px;left:15%;right:15%;border-radius:2px}.rhythm-tabs button[aria-selected=true]{background:#102a43}.rhythm-title h3{font-weight:600}.rhythm-symbol{border:1.5px solid #102a43}.rhythm-footer{font-size:12px}.rhythm-next{font-size:12px;min-height:40px}#rhythm-detail>p{font-size:15px}.ai-suggestion,.child-question{font-size:13px}.role-card{border:1.5px solid #102a4330}.role-card h3{font-weight:600}.role-card strong{font-size:13px}.role-card .line-icon{width:64px;height:64px}.role-graphic{gap:10px}.graphic-circle{font-size:0;display:grid;place-items:center;border:1.5px solid #102a43}.graphic-star,.tiny-spark{display:none}.graphic-square{display:grid;place-items:center;font-size:0;line-height:1;letter-spacing:0;border:1.5px solid #102a43}.role-number{font-size:11px}.cat-role img{height:160px}.outcomes-section{background:#102a43}.outcomes-section h2{font-weight:600}.outcome-grid h3{max-width:210px;font-weight:500}.honesty-note{font-size:12px}.community-symbol{width:50px;height:50px;display:grid;place-items:center;border:1.5px solid #102a43;border-radius:15px;background:#ffda74}.community-symbol .line-icon{width:30px;height:30px}.community-grid article+article .community-symbol{background:#c5b5f0}.community-grid ul{font-size:14px}.closing-section{background:#245ddd}.closing-copy h2{font-weight:600}.closing-art img{height:95%;bottom:-35px;right:13%;filter:none}.closing-star{font-size:0;width:90px;height:90px;border:2px solid #102a43;border-radius:35px;background:#ffda74;transform:rotate(12deg);display:grid;place-items:center}.closing-star:before{content:'?';font-family:Outfit;font-size:65px;color:#102a43}.closing-bubble{border:1.5px solid #102a43}.closing-copy small{font-size:12px;line-height:1.6}.closing-orbit{border-color:#ffffff60}.brand img{max-width:none}footer p,footer>span{font-size:12px}body[data-version=voyage] .framework-grid{position:relative;padding:35px 0}body[data-version=voyage] .framework-grid:before{content:'';position:absolute;inset:15% 0 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath d='M0 130C200 0 200 300 400 160S600 0 800 150 1000 300 1200 110' fill='none' stroke='%2383a5c5' stroke-width='3' stroke-dasharray='7 8'/%3E%3C/svg%3E") center/100% 100% no-repeat}body[data-version=voyage] .framework-card{position:relative;transform:rotate(-3deg)}body[data-version=voyage] .framework-card:nth-child(even){transform:translateY(22px) rotate(3deg)}body[data-version=voyage] .framework-card:hover{transform:translateY(-5px) rotate(0)}body[data-version=stack] .framework-card{border-radius:30px 30px 15px 15px}body[data-version=stack] .learning-section{border-radius:38px 38px 0 0}
@media(max-width:1200px){.edition-caption{display:none}.edition-bar{justify-content:center}.motion-toggle{position:absolute;right:2%}.main-nav{padding:0 4%}.story-inner{padding:25px 4% 80px;grid-template-columns:44% 55%;gap:1%}.chapter-copy :is(h1,h2){font-size:clamp(46px,5.1vw,65px)}.hero-description{max-width:360px;font-size:16px}.hero-actions{gap:17px}.button{padding:13px 17px;font-size:12px}.text-link{font-size:12px}.chapter-insight{font-size:18px}.desk-art{height:min(480px,95%)}.desk-guide{height:99px}.desk-guide-label{font-size:11px;left:17%}.desk-prop{font-size:13px}.frame-bar{font-size:9px;height:35px;padding:0 12px}.desk-screen{height:calc(100% - 35px)}.destination{padding-left:9px;padding-right:9px}.destination-label{font-size:9px}.journey-companion{height:95px}.journey-companion span{font-size:10px}.zoom-stage>.copy-stack{width:40%;left:4%}.zoom-room-art{right:2%;width:54%}.zoom-portal-rim>span{font-size:10px;top:-34px}.framework-grid{grid-template-columns:repeat(3,1fr)}.framework-card{min-height:290px}.section{padding:80px 5%}.section-heading h2,.learning-intro h2,.commitments-section h2{font-size:44px}.learning-section{grid-template-columns:40% 55%;gap:5%}.rhythm-tabs button{font-size:11px}.rhythm-title h3{font-size:24px}#rhythm-detail{padding:25px 22px;min-height:330px}.rhythm-footer{padding:16px 21px;font-size:10px}.role-grid{gap:18px}.role-card{padding:23px}.role-card h3{font-size:25px}.community-grid article{padding:28px}.closing-copy h2{font-size:55px}.closing-art img{right:2%;height:86%}.closing-bubble{left:-12px;font-size:13px}.principle-strip h2{font-size:27px}.principle-strip p{font-size:12px}}
@media(min-width:760px) and (max-height:760px){.story-inner{padding-top:19px;padding-bottom:73px}.chapter-copy :is(h1,h2){font-size:clamp(43px,4.25vw,62px);margin:17px 0}.hero-description{font-size:15px;line-height:1.55}.hero-actions{margin-top:21px;gap:17px}.age-note{margin-top:17px;font-size:9px}.chapter-insight{font-size:17px;margin-top:22px}.desk-art{height:100%;max-height:440px}.desk-frame{top:10%;height:77%}.desk-guide{height:95px;bottom:-4%}.desk-guide-label{font-size:10px;bottom:-3%}.desk-prop{padding:7px 12px;font-size:12px}.prop-number{width:20px;height:20px}.destination-track{top:0;height:80%}.journey-companion{height:85px}.voyage-route{height:65px}.journey-companion span{margin-bottom:35px}.morph-board{max-width:510px}.shape-explanation{font-size:11px;top:101%}.zoom-stage>.copy-stack{top:19px;height:calc(100% - 92px)}.zoom-room-art{top:6%;height:78%}.zoom-guide{bottom:13%;font-size:10px}.zoom-guide img{height:53px;width:45px}.story-bottom{bottom:16px}.zoom-preview-label{font-size:6vw}.zoom-resolution{top:14%}.resolution-mark{height:77px;width:77px;font-size:55px}.zoom-resolution p{font-size:38px}}
@media(max-width:760px){.edition-bar{height:51px;padding:0 7px;gap:3px;justify-content:space-between}.version-switcher{gap:1px;flex:1;justify-content:space-around}.version-switcher button{font-size:10px;padding:9px 9px;min-height:39px}.version-switcher button span{display:none}.motion-toggle{position:static;min-width:33px;min-height:42px;padding:7px}.motion-label{display:none}.motion-icon{font-size:17px}.main-nav{height:61px;padding:0 6%}.brand{font-size:27px}.brand img{width:28px;height:32px}.brand-ai{font-size:11px}.nav-links{display:none}.nav-contact{padding:9px 13px;font-size:12px;gap:17px}.story-inner{display:grid;grid-template-columns:1fr;grid-template-rows:44% 56%;gap:0;padding:24px 6% 72px;align-items:start}.copy-stack{height:100%;width:100%;align-self:start}.chapter-copy{justify-content:flex-start}.chapter-copy .eyebrow{font-size:9px;letter-spacing:.075em;gap:8px}.chapter-copy .eyebrow:before{width:16px}.chapter-copy :is(h1,h2){font-size:clamp(36px,10.4vw,49px);line-height:1.015;margin:16px 0}.hero-description{font-size:15px;line-height:1.5;max-width:100%}.hero-actions{gap:19px;margin-top:19px;flex-wrap:nowrap}.button{min-height:42px;font-size:11px;padding:12px 15px}.text-link{font-size:11px}.age-note{display:none}.chapter-insight{font-size:16px;line-height:1.4;margin-top:20px;max-width:330px}.story-bottom{left:5%;right:5%;bottom:14px;gap:7px}.scroll-invitation{font-size:0;gap:0}.scroll-mouse{width:14px;height:23px}.scroll-mouse:after{left:5px}.chapter-counter{font-size:9px;min-width:39px;letter-spacing:.01em}.chapter-nav{padding:3px 6px}.chapter-nav button{min-width:32px;min-height:36px;padding:7px 9px;gap:7px}.nav-label{font-size:10px}.nav-dot{width:6px;height:6px}.desk-art{height:100%;width:100%;align-self:end;margin-top:13px;padding-top:4px}.desk-frame{left:0;top:12%;width:100%;height:77%;border-radius:14px;box-shadow:5px 6px 0 #102a4326}.frame-bar{height:28px;padding:0 10px;font-size:7px}.frame-mark{font-size:18px}.window-dots i{width:4px;height:4px}.desk-screen{height:calc(100% - 28px)}.scene-slice{inset:5px 3px}.frame-stand{height:7px;bottom:-21px}.frame-stand:before{height:15px;bottom:5px}.desk-surroundings{top:-1%;left:20%;width:80%;height:32px}.desk-prop{font-size:11px;padding:6px 9px;gap:6px;border-width:1px;border-radius:8px 8px 8px 0}.prop-number{height:18px;width:18px;font-size:9px}.desk-guide{height:76px;bottom:-4%;left:-3%;max-width:60px}.desk-guide-label{font-size:9px;left:15%;bottom:-3%;line-height:1.4}.desk-surface{bottom:13%}.voyage-window{width:112%;margin-left:-6%;height:100%;margin-top:18px;mask-image:linear-gradient(to right,transparent,black 4%,black 97%,transparent)}.destination-track{height:87%;top:-3%}.destination{padding:5px 12px 22px}.destination-label{font-size:8px;letter-spacing:.07em;margin-bottom:5px;height:14px}.destination .concept-svg{height:calc(100% - 19px)}.voyage-far{inset:3% auto 0 0;height:91%}.voyage-route{height:47px;bottom:0}.journey-companion{height:70px;bottom:-2%;left:10%;gap:5px}.journey-companion img{width:52px}.journey-companion span{font-size:9px;padding:6px 8px;margin-bottom:27px}.voyage-near{height:45px;bottom:-30px}.voyage-near span{height:40px}.stack-backplates>div{border-radius:28px 28px 0 0}.stack-art{align-self:end;height:92%;padding-top:25px}.morph-board{width:100%;max-height:100%;aspect-ratio:600 / 450}.morph-shape{border-width:1.5px;box-shadow:2px 3px 0 #102a431c}.shape-label{font-size:3.9cqw}.shape-5[data-role=center] .shape-label{font-size:4.5cqw}.shape-index{top:5px;left:7px;font-size:2cqw}.shape-explanation{top:105%;font-size:10px;line-height:1.4;margin:auto;width:100%;left:0;right:0}.stack-stage .scroll-invitation{display:none}.stack-stage .story-bottom{justify-content:center}.stack-stage .chapter-counter{display:none}.zoom-stage>.copy-stack{left:6%;top:24px;width:88%;height:44%;z-index:10}.zoom-text-shield{width:100%;height:52%;background:linear-gradient(to bottom,var(--scene-bg) 93%,transparent)}.zoom-room-art{top:46%;height:46%;right:3%;width:94%}.zoom-preview-label{left:7%;top:13%;font-size:14vw;max-width:75%}.zoom-portal-rim{border-radius:15px;outline-width:4px;box-shadow:5px 6px 0 #102a4320}.zoom-room>.zoom-room{outline-width:4px;border-radius:15px}.zoom-portal-rim>span{font-size:8px;padding:6px 8px;top:-27px;max-width:100%;white-space:nowrap}.zoom-guide{left:7%;right:auto;bottom:12%;gap:7px;font-size:9px}.zoom-guide img{height:47px;width:37px}.zoom-stage .chapter-counter{min-width:37px;font-size:8px;max-width:48px}.zoom-resolution{left:7%;top:7%;width:86%}.resolution-mark{height:69px;width:69px;font-size:49px;border-radius:24px;margin-bottom:17px}.zoom-resolution p{font-size:33px}.zoom-resolution a{margin-top:17px;font-size:12px}.flow-chapter{min-height:0;padding:34px 6% 62px}.flow-inner{display:flex;flex-direction:column;gap:38px;align-items:stretch}.flow-chapter .chapter-copy{width:100%;height:auto;min-height:0;display:block}.flow-art{height:auto;width:100%;aspect-ratio:600 / 450}.flow-guide{width:43px;height:51px;bottom:-12%}.flow-number{left:auto;right:6%;bottom:22px;font-size:10px}.flow-frame .concept-svg{height:calc(100% - 28px)}.flow-nav{bottom:12px}.flow-chapter .hero-description{font-size:16px}.flow-chapter .chapter-insight{font-size:17px}.flow-chapter .age-note{display:block;font-size:10px;margin-top:20px}.flow-chapter :is(h1,h2){font-size:43px}.principle-strip{display:block;padding:36px 6%;text-align:center}.mini-label{display:block;max-width:none;font-size:10px;margin-bottom:15px}.principle-strip h2{font-size:27px;line-height:1.3}.principle-strip h2 span{display:block}.principle-strip p{font-size:13px;margin-top:13px}.section{padding:62px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.learning-intro h2,.commitments-section h2{font-size:36px;line-height:1.09;margin-top:17px}.section-heading>p{font-size:15px;margin-top:20px}.section-heading>p br{display:none}.eyebrow{font-size:10px}.framework-grid{grid-template-columns:1fr 1fr;gap:13px}.framework-card{padding:18px 14px;min-height:288px;border-radius:16px}.framework-icon{height:56px;width:56px;margin:22px 0;border-radius:17px}.framework-icon .line-icon{width:30px;height:30px}.framework-card h3{font-size:22px;line-height:1.08}.card-top{font-size:11px}.capability{font-size:11px;line-height:1.5;margin-top:14px;min-height:33px}.card-detail p{font-size:14px}.card-detail>span{font-size:10px;line-height:1.5}.framework-card:last-child{grid-column:1 / -1;min-height:0}.framework-card:last-child summary{display:grid;grid-template-columns:68px 1fr;column-gap:13px;align-items:center}.framework-card:last-child .card-top{grid-column:1 / -1}.framework-card:last-child .framework-icon{grid-column:1;grid-row:2 / 4}.framework-card:last-child h3{grid-column:2;margin-top:15px}.framework-card:last-child h3 br{display:none}.framework-card:last-child .capability{grid-column:2;margin-top:6px;min-height:0}.framework-note{font-size:12px;line-height:1.7;align-items:flex-start}.learning-section{display:block}.learning-intro>p:not(.eyebrow){font-size:16px;margin-top:19px}.rhythm-card{margin-top:30px;border-radius:16px;box-shadow:5px 5px 0 #d6bc7950}.rhythm-tabs{padding:10px 6px}.rhythm-tabs button{font-size:10px;min-height:55px}.rhythm-tabs button span{font-size:9px}#rhythm-detail{padding:23px 20px;min-height:325px}.rhythm-title h3{font-size:25px}.rhythm-symbol{height:45px;width:45px;flex-shrink:0;font-size:22px}.ai-suggestion,.child-question{font-size:12px;line-height:1.5}.thought-demo{margin-top:20px}.child-question{gap:7px}.rhythm-footer{padding:12px 17px;gap:8px;font-size:9px}.rhythm-next{font-size:10px}.role-grid{grid-template-columns:1fr;gap:18px}.role-card{padding:25px}.role-card h3{font-size:29px}.role-card p{font-size:16px}.role-graphic{height:130px}.role-number{font-size:11px}.outcomes-section h2{font-size:43px}.outcomes-intro{font-size:16px}.outcome-grid{grid-template-columns:1fr 1fr;gap:26px}.outcome-grid h3{font-size:22px}.outcome-grid p{font-size:15px}.honesty-note{font-size:11px;line-height:1.6}.community-grid{grid-template-columns:1fr;gap:18px}.community-grid article{padding:26px}.community-grid h3{font-size:29px}.community-grid p{font-size:16px}.community-grid ul{font-size:14px;line-height:1.7}.community-grid li{margin:9px 0}.community-symbol{margin-bottom:20px}.commitments-section{display:block;padding-top:5px}.commitment-list{margin-top:25px}.commitment-list summary{font-size:16px;min-height:25px}.commitment-list p{font-size:15px}.closing-section{display:block;margin:0 4% 22px;padding:39px 7% 0;border-radius:23px;min-height:0}.closing-copy h2{font-size:44px;line-height:1.04;margin:24px 0}.closing-copy>p:not(.eyebrow){font-size:16px}.closing-copy small{font-size:11px}.closing-art{min-height:300px;margin-top:30px}.closing-art img{height:285px;bottom:-3px;right:8%;width:auto}.closing-star{height:65px;width:65px;top:0;right:0;border-radius:24px}.closing-star:before{font-size:45px}.closing-orbit{height:240px;width:240px;top:25px;right:0}.closing-orbit:after{inset:-25px}.closing-bubble{left:-8px;top:42px;padding:12px 14px;font-size:12px}footer{flex-wrap:wrap;padding:22px 6% 32px;gap:16px}footer .brand{font-size:24px}footer p{font-size:11px}footer>span{width:100%;font-size:11px}body[data-version=voyage] .framework-grid{padding:20px 0;gap:18px}body[data-version=voyage] .framework-card:nth-child(even){transform:translateY(12px) rotate(2deg)}}
@media(max-width:360px){.version-switcher button{font-size:9px;padding:8px 6px}.main-nav{padding:0 5%}.framework-card{padding:16px 12px}.framework-card h3{font-size:20px}.flow-chapter :is(h1,h2){font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo,.concept-node{animation:none!important}}

/* Keep the moving plates behind the persistent structure. */
.stack-stage .story-inner{z-index:5}
.zoom-room-art{top:4%;height:53%;width:50%;right:3%}
.zoom-link{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.zoom-link path{fill:none;stroke:var(--scene-line);stroke-width:2;stroke-dasharray:5 7}
.zoom-guide{left:48%;right:auto;bottom:14%}
.zoom-guide img{height:58px;width:49px}
@media(max-width:760px){
.story-inner{grid-template-rows:51% 49%}
.zoom-stage>.copy-stack{height:49%}
.zoom-room-art{top:47%;height:22%;right:3%;width:94%}
.zoom-text-shield{height:49%}
.zoom-guide{left:8%;bottom:17%;font-size:9px}
.zoom-guide img{height:47px;width:37px}
.zoom-link{display:none}
.zoom-portal-rim>span{font-size:8px}
}

.shape-5[data-composition="1"] .shape-label{font-size:3.3cqw}
.shape-5[data-composition="2"] .shape-label{font-size:3.7cqw;line-height:1.06}
.zoom-room-art text{opacity:var(--preview-label-opacity,1)}
.zoom-preview-label{top:8%;font-size:clamp(42px,5.5vw,84px);max-width:80%}
@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
.destination-track{top:0;height:84%}
.journey-companion{bottom:2%}
.stack-art{height:100%;padding:0 0 40px}
.shape-explanation{top:102%;font-size:9px}
.shape-5[data-composition="1"] .shape-label{font-size:3.3cqw}
.shape-5[data-composition="2"] .shape-label{font-size:3.7cqw}
.zoom-guide{left:6%;bottom:10%;font-size:9px}
.zoom-guide img{height:40px;width:34px}
.zoom-portal-rim>span{font-size:7px;padding:6px 5px}
.zoom-preview-label{font-size:13vw;top:9%}
}

.zoom-room-art .question-core text{opacity:1}
@media(min-width:761px) and (max-height:760px){.desk-guide{bottom:-1%}.desk-guide-label{bottom:0}}

.concept-node{animation-play-state:paused}.is-settled .concept-node{animation-play-state:running}

/* 05 / The Studio — real document flow, one continuous transforming illustration. */
body[data-version=studio]{background:#f7faff}
body[data-version=studio] .site-header{background:#ffffffed;backdrop-filter:blur(18px)}
body[data-version=studio] .edition-bar{background:#f8faff}
body[data-version=studio] .main-nav{height:76px;border-color:#102a4317}
body[data-version=studio] .brand{font-size:32px}
body[data-version=studio] .nav-contact{background:#102a43;color:white;border-color:#102a43;padding:12px 21px}
body[data-version=studio] .contact-dot{background:#a5cfff}
.studio-story{position:relative;background:#f7faff;overflow:clip;isolation:isolate}
.studio-chapter{position:relative;background:var(--scene-bg);color:var(--scene-ink);padding:90px 5.5% 34px}
.studio-chapter-inner{max-width:1440px;margin:auto}
.studio-chapter-0{--scene-bg:#f0f6ff!important;--scene-muted:#4c6178!important;padding-top:76px;background:radial-gradient(ellipse at 77% 33%,#ddeaff 0,transparent 55%),#f0f6ff}
.studio-chapter-1{margin:0 20px;border-radius:40px 40px 0 0;background:#245ddd;box-shadow:inset 0 1px 0 #ffffff55}
.studio-chapter-2{margin:0 20px;background:#fff4d8;--scene-bg:#fff4d8!important;--scene-muted:#625b49!important;border-radius:40px 40px 0 0;box-shadow:0 -40px 0 #245ddd}
.studio-chapter-3{margin:0 20px;border-radius:40px;background:#102a43;padding-bottom:38px;box-shadow:0 -40px 0 #fff4d8}
.studio-grid{display:grid;grid-template-columns:42% 56%;gap:2%;align-items:center;padding:16px 0 64px;min-height:570px}
.studio-chapter-0 .studio-grid{min-height:clamp(530px,67vh,750px);padding:0 0 60px}
.studio-chapter .chapter-copy{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;justify-content:flex-start;height:auto;z-index:3;will-change:auto}
.studio-chapter .chapter-copy :is(h1,h2){font-size:clamp(50px,5.15vw,84px);line-height:1.015;letter-spacing:-.055em;margin:25px 0 28px;font-weight:600}
.studio-chapter-0 .chapter-copy h1{font-size:clamp(58px,5.7vw,92px)}
.studio-chapter .chapter-copy .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.09em}
.studio-chapter .hero-description{font-size:18px;line-height:1.7;max-width:420px}
.studio-chapter .hero-actions{gap:24px;margin-top:31px}
.studio-chapter .button{font-size:14px;padding:17px 23px;min-height:52px;border-radius:13px;box-shadow:0 6px 18px #102a4317}
.studio-chapter .text-link{font-size:14px}
.studio-chapter .chapter-insight{font-size:21px;max-width:400px;line-height:1.45;margin-top:30px;padding-left:19px;border-width:2px}
.studio-chapter .age-note{display:block;font-size:11px;line-height:1.7;letter-spacing:.06em;margin-top:27px}
.studio-chapter-heading{display:flex;align-items:center;gap:20px;margin:0 0 38px;font-size:14px;font-weight:500;letter-spacing:.01em}
.studio-section-number{height:40px;width:40px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:12px}
.studio-section-rule{height:1px;background:currentColor;opacity:.2;flex:1}
.studio-section-count{font-size:10px;letter-spacing:.12em;opacity:.72}
.studio-dock{position:relative;aspect-ratio:720 / 620;width:100%;min-width:0;margin:0;align-self:center;pointer-events:none}
.studio-dock figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.studio-traveller{position:absolute;left:0;top:0;z-index:2;transform-origin:0 0;pointer-events:none;will-change:transform}
.studio-scene{display:block;width:100%;height:auto;overflow:visible;font-family:Outfit,sans-serif;color:#102a43}
.studio-svg-overline{font-family:'DM Sans',sans-serif;fill:#657b8f;font-size:9px;letter-spacing:1px}
.studio-screen-caption{font-family:'DM Sans',sans-serif;fill:#61758a;font-size:11px}
.studio-screen-count{font-family:'DM Sans',sans-serif;fill:#61758a;font-size:10px;letter-spacing:1px}
.studio-note-text{font-size:18px;font-weight:500;fill:#102a43}
.studio-piece-face{stroke:#17324b;stroke-width:1.8}
.studio-piece-number{font-family:'DM Sans',sans-serif;font-size:10px;fill:#17324b;opacity:.6}
.studio-wires path{fill:none;stroke:#b8cbdf;stroke-width:2.5;stroke-linecap:round}
.studio-wires .studio-signal{stroke:#245ddd;stroke-width:2.5;stroke-dasharray:4 115;animation:studio-wire 5s linear infinite;animation-play-state:paused;animation-delay:calc(var(--wire)*-.8s)}
.studio-scene.is-settled .studio-signal{animation-play-state:running}
.studio-piece-halo{fill:none;stroke:#245ddd;stroke-width:2.5;opacity:0}
.studio-scene[data-composition="2"].is-settled .studio-piece:not(:last-child) .studio-piece-halo{animation:step-focus 10s linear infinite;animation-delay:calc(var(--step)*2s)}
.studio-footer-note{font-family:'DM Sans',sans-serif;font-size:12px;fill:currentColor}
.studio-satellite{transform-origin:360px 300px;animation:studio-orbit 18s ease-in-out infinite}
.studio-story:not(.studio-static) .studio-scene:not(.is-settled) .studio-satellite{animation-play-state:paused}
@keyframes studio-wire{to{stroke-dashoffset:-238}}
@keyframes studio-orbit{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.studio-index{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:24px;border-top:1px solid #102a4324;padding:27px 0 9px;margin-top:3px;align-items:start}
.studio-index-caption{font-size:10px;letter-spacing:.08em;line-height:1.7;color:#526b85}
.studio-index button{position:relative;background:none;text-align:left;padding:0 0 19px;font-size:14px;color:#29445e;min-height:54px}
.studio-index button>span{display:block;font-size:10px;color:#6583a1;margin-bottom:9px;letter-spacing:.05em}
.studio-index button i{height:2px;position:absolute;left:0;bottom:0;width:100%;background:#c8d9ed;transform-origin:left;transition:background .2s}
.studio-index button:hover i,.studio-index button[aria-current=step] i{background:#245ddd}
.studio-index button:hover{color:#245ddd}
.studio-chapter-end{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:26px;min-height:55px;font-size:10px;letter-spacing:.1em;opacity:.72}
.studio-chapter-2 .studio-chapter-end{border-color:#102a4329}
.studio-continuation{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:20px}
body[data-version=studio] .principle-strip{padding:75px 7%;background:#f7faff}
body[data-version=studio] .principle-strip:before,body[data-version=studio] .principle-strip:after{display:none}
body[data-version=studio] .section{padding:110px 7%;background:#fffefb}
body[data-version=studio] .framework-section{border-radius:36px 36px 0 0}
body[data-version=studio] .framework-grid{gap:18px}
body[data-version=studio] .framework-card{border-radius:22px;border-color:#102a4324;box-shadow:0 8px 25px #102a4306;padding:26px 22px}
body[data-version=studio] .learning-section{background:#f0f6ff}
body[data-version=studio] .rhythm-card{box-shadow:0 16px 38px #24476712;border-color:#102a432b;border-radius:24px}
body[data-version=studio] .role-card{border-radius:24px;border-color:#102a4324}
body[data-version=studio] .outcomes-section{background:#102a43}
body[data-version=studio] .closing-section{border-radius:36px;margin:0 3% 32px;box-shadow:0 16px 40px #245ddd12}
body[data-version=studio] footer{background:#f7faff}
@media(max-width:1250px){
 .edition-caption{display:none}.edition-bar{justify-content:center}.motion-toggle{position:absolute;right:2%}
 .studio-chapter{padding:70px 5% 28px}.studio-grid{min-height:500px;padding-bottom:50px}
 .studio-chapter .chapter-copy :is(h1,h2){font-size:clamp(45px,5.2vw,66px)}.studio-chapter .hero-description{font-size:17px}.studio-chapter .chapter-insight{font-size:19px}
 .studio-chapter .hero-actions{gap:16px}.studio-chapter .button{font-size:12px;padding:15px 17px}.studio-chapter .text-link{font-size:12px}
 .studio-index{gap:18px}.studio-index button{font-size:13px}.studio-index-caption{font-size:9px}
}
@media(max-width:1000px){
 .studio-grid,.studio-chapter-0 .studio-grid{display:flex;flex-direction:column;align-items:stretch;gap:40px;min-height:0}
 .studio-chapter .chapter-copy :is(h1,h2),.studio-chapter-0 .chapter-copy h1{font-size:68px;max-width:640px}
 .studio-chapter .hero-description{font-size:18px;max-width:550px}.studio-chapter .chapter-insight{max-width:550px}
 .studio-dock{width:90%;max-width:650px;margin:0 auto}
 .studio-chapter:not(:first-child) .chapter-copy{padding-right:65px}
 .studio-section-count{display:none}.studio-index{grid-template-columns:repeat(4,1fr)}.studio-index-caption{grid-column:1 / -1}.studio-index-caption br{display:none}
}
@media(max-width:760px){
 .edition-bar{padding:0 8px;gap:4px;justify-content:space-between;height:55px}.version-switcher{min-width:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:3px;padding:3px 0}.version-switcher::-webkit-scrollbar{display:none}.version-switcher button{flex:none;min-height:42px;padding:9px 10px;font-size:11px}.motion-toggle{position:static;flex:none;min-width:33px;min-height:44px}
 body[data-version=studio] .main-nav{height:68px}.studio-chapter{padding:46px 6% 26px}.studio-chapter-0{padding-top:38px}.studio-chapter-1,.studio-chapter-2,.studio-chapter-3{margin-left:9px;margin-right:9px;border-radius:28px 28px 0 0}.studio-chapter-3{border-radius:28px}
 .studio-grid,.studio-chapter-0 .studio-grid{gap:40px;padding:0 0 38px}
 .studio-chapter .chapter-copy{width:100%}.studio-chapter .chapter-copy :is(h1,h2),.studio-chapter-0 .chapter-copy h1{font-size:clamp(39px,11vw,67px);line-height:1.02;margin:21px 0 23px;letter-spacing:-.05em}
 .studio-chapter .chapter-copy .eyebrow{font-size:10px;letter-spacing:.07em}.studio-chapter .hero-description{font-size:17px;line-height:1.65;max-width:490px}.studio-chapter .chapter-insight{font-size:19px;margin-top:25px;max-width:490px}
 .studio-chapter .hero-actions{gap:18px;flex-wrap:wrap;margin-top:25px}.studio-chapter .button{font-size:12px;min-height:48px;padding:15px 18px}.studio-chapter .text-link{font-size:12px}.studio-chapter .age-note{font-size:10px;margin-top:22px}
 .studio-dock{width:106%;max-width:520px;margin:0 -3%;align-self:center}
 .studio-chapter:not(:first-child) .chapter-copy{padding-right:51px}
 .studio-chapter:not(:first-child) .chapter-copy :is(h1,h2){font-size:clamp(34px,9.5vw,55px)}
 .studio-index{grid-template-columns:1fr 1fr;gap:19px 23px;padding-top:23px;margin-top:15px}.studio-index-caption{font-size:10px}.studio-index button{font-size:14px;min-height:54px;padding-bottom:13px}.studio-index button>span{margin-bottom:7px;font-size:10px}
 .studio-chapter-heading{margin-bottom:36px;gap:12px;font-size:13px}.studio-section-number{width:33px;height:33px;font-size:11px}.studio-chapter-end{margin-top:20px;padding-top:22px;font-size:8px;min-height:45px}.studio-continuation{height:29px;width:29px;font-size:17px}
 body[data-version=studio] .principle-strip{padding:48px 7%}body[data-version=studio] .section{padding:66px 6%}body[data-version=studio] .framework-section{border-radius:26px 26px 0 0}body[data-version=studio] .framework-card{padding:20px 15px;border-radius:18px}body[data-version=studio] .framework-grid{gap:13px}body[data-version=studio] .closing-section{border-radius:27px;margin:0 3% 25px}body[data-version=studio] .commitments-section{padding-top:10px}
}
@media(max-width:360px){.studio-chapter .hero-description{font-size:16px}.studio-chapter .hero-actions{gap:13px}.studio-chapter .text-link{font-size:11px}}

/* A clear lane lets the illustration cross section boundaries without crossing controls. */
.studio-chapter-heading,.studio-chapter-end{width:42%}
.studio-section-count{display:none}
.studio-index{width:42%;grid-template-columns:1fr 1fr;gap:21px 28px;padding-top:23px}
.studio-index-caption{grid-column:1 / -1}
.studio-index-caption br{display:none}
@media(max-width:1000px){.studio-chapter-heading,.studio-chapter-end{width:calc(100% - 65px)}.studio-index{width:calc(100% - 65px)}}
@media(max-width:760px){.studio-chapter-heading,.studio-chapter-end,.studio-index{width:calc(100% - 51px)}}