/* Persistent spatial stage; normal document flow and native scrolling. */
.immersive-home{--paper:#f3ebdd;--forest:#183f35;--gold:#c5a365;--terra:#b95e43;--ink:#202c25;overflow-x:clip}
.world-stage{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--paper);contain:strict}
.world-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;opacity:0}
.world-stage canvas[data-scene-state="ready"]{opacity:1}
.world-fallback{position:absolute;inset:0;background:url('/assets/synthesis-fallback.svg?v=synthesis-20260928') center/cover no-repeat;opacity:.9}
.world-stage:has(canvas[data-scene-state="ready"]) .world-fallback{opacity:0}
.world-veil{position:absolute;inset:0;z-index:2;opacity:calc(1 - var(--atlas-reveal,0)*.9);background:linear-gradient(90deg,#f3ebddef 0%,#f3ebddc7 25%,#f3ebdd1a 53%,#f3ebdd00 74%)}
.world-grain{position:absolute;inset:0;z-index:3;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.immersive-home #main,.immersive-home .site-footer{position:relative;z-index:2}
.immersive-home .shell{max-width:1720px;width:calc(100% - 144px)}
.immersive-home .site-header{position:absolute;inset:0 0 auto;height:106px;border-color:#183f3526;background:transparent;z-index:10}
.immersive-home .brand-wordmark{font-size:18px;letter-spacing:-.35px}.immersive-home .brand-wordmark small{letter-spacing:1px;font-size:14px;text-transform:uppercase}
.immersive-home .header-channel{background:#f3ebddbd;border-color:#183f354a}.immersive-home .header-channel:hover{background:var(--forest);color:var(--paper)}
.intro-stage{position:relative;min-height:100svh;padding-top:clamp(148px,16vh,190px);padding-bottom:115px;display:flex;align-items:center}
.intro-copy .compact-break{display:none}
.intro-copy{position:relative;z-index:2;width:63%;max-width:940px;padding-bottom:35px}
.intro-copy .eyebrow{font-size:14px;letter-spacing:1.75px;max-width:45ch;line-height:1.8;color:var(--forest);margin-bottom:28px}
.intro-copy h1{font-size:clamp(76px,8.5vw,156px);line-height:.99;letter-spacing:-.082em;font-weight:580;color:var(--forest);margin:0;white-space:nowrap;text-shadow:0 0 22px #f3ebdde0,0 0 50px #f3ebdd90}
.intro-copy h1 span{display:inline-block;color:#94452f;font-weight:530}
.intro-lead{font-size:clamp(22px,1.6vw,28px);font-weight:600;line-height:1.45;letter-spacing:-.6px;margin-top:29px;max-width:32ch}
.intro-text{font-size:clamp(18px,1.2vw,21px);line-height:1.7;color:#45584d;max-width:47ch;margin-top:19px;text-wrap:pretty}
.intro-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:31px}
.intro-actions .button{border-radius:0;background:var(--forest);padding:17px 26px;box-shadow:0 12px 30px #183f3522;font-size:16px;gap:28px;min-height:57px}
.intro-actions .button:hover{background:#235747;box-shadow:0 17px 34px #183f352d}.intro-actions .text-link{font-size:16px;border-bottom:1px solid #183f3570;padding:12px 0;gap:16px}
.intro-coordinate{position:absolute;right:0;top:155px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:#486553;font-family:var(--mono);font-size:14px;line-height:1.5;letter-spacing:1.4px;pointer-events:none}
.intro-coordinate i{display:block;width:110px;border-top:1px solid #183f3540;margin-top:12px}.intro-coordinate span:first-child{font-size:15px;color:var(--forest)}
.intro-footer{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #183f352e;padding-top:22px;gap:25px}
.intro-footer .scroll-cue{font-size:15px;font-weight:500;gap:15px;letter-spacing:0}.intro-footer .scroll-cue>span{width:41px;height:41px;display:grid;place-items:center;border:1px solid #183f3550;border-radius:50%;font-size:24px}
.intro-footer .hero-fact{margin-left:auto;gap:14px}.intro-footer .hero-fact strong{font-size:42px;font-weight:550;color:var(--forest)}.intro-footer .hero-fact span{font-size:14px;line-height:1.5;max-width:155px;color:#4c5d50}.intro-footer .edition-label{font-size:14px;color:#5d6c5b;margin-left:40px;letter-spacing:1px}
.scene-controls{position:fixed;right:24px;bottom:23px;z-index:30}.scene-controls .motion-control{width:auto;min-width:46px;min-height:46px;height:auto;border:1px solid #183f3545;border-radius:0;background:#f3ebddef;color:var(--forest);display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;box-shadow:0 4px 22px #183f350e;font-size:18px}.motion-word{font-size:14px;letter-spacing:.2px}.scene-controls button:disabled{opacity:1;color:#5c6d5e;cursor:default}
.scene-rail{position:fixed;z-index:20;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;align-items:flex-end}
.scene-rail a{display:flex;align-items:center;justify-content:flex-end;gap:11px;min-height:34px;font:14px var(--mono);color:#536854}.scene-rail b{font-family:var(--font);font-size:14px;font-weight:600;position:absolute;right:39px;opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s;white-space:nowrap;background:#f3ebddf2;padding:6px 10px;pointer-events:none}.scene-rail span{display:grid;place-items:center;width:29px;height:29px;border:1px solid transparent;transition:color .3s,background .3s}.scene-rail .is-current span{background:var(--forest);color:var(--paper)}.scene-rail a:hover b,.scene-rail a:focus-visible b{opacity:1;transform:none}
.immersive-home .discipline-strip{position:relative;z-index:2;background:var(--forest);border:0;padding:27px 0;color:var(--paper);overflow:hidden}.immersive-home .discipline-strip>div{gap:55px;justify-content:center}.immersive-home .discipline-strip span{font-size:clamp(19px,2.2vw,34px);letter-spacing:-1px;font-weight:450}.immersive-home .discipline-strip i{font-size:35px;color:var(--gold);font-style:normal}
.story-section{position:relative;isolation:isolate}.chapter-number{position:absolute;top:65px;left:-20px;z-index:-1;font-family:var(--font);font-size:clamp(180px,25vw,420px);font-weight:500;line-height:1;letter-spacing:-.1em;color:#183f3507;pointer-events:none}
.immersive-home .belief .section-heading h2{text-shadow:0 0 18px #f3ebddf2,0 0 38px #f3ebdddb}
.immersive-home .belief{min-height:105svh;padding-top:170px;padding-bottom:170px;gap:8%;align-items:center;border:0;grid-template-columns:.85fr 1.15fr}
.immersive-home .section-heading h2,.immersive-home .author-heading h2{font-size:clamp(45px,5vw,83px);line-height:1.09;letter-spacing:-.065em;margin-top:25px;color:var(--forest)}.immersive-home .section-heading h2 span,.immersive-home .author-heading h2 span{color:var(--terra)}
.reading-pane{background:#f3ebddf0;padding:clamp(25px,3.1vw,54px);border-top:1px solid #183f3533;box-shadow:0 25px 70px #183f3509}
.immersive-home .belief-copy{padding-top:40px}.immersive-home .belief-copy>p{font-size:clamp(19px,1.35vw,23px);line-height:1.8;max-width:56ch}.immersive-home .belief-copy blockquote{font-size:clamp(25px,2vw,34px);line-height:1.5;color:var(--forest);border-color:var(--terra);padding-left:26px;margin:36px 0}.immersive-home .belief-copy .section-note{font-size:17px;color:#536652}
.immersive-home .method-section{min-height:100svh;padding-top:100px;padding-bottom:150px;border:0}.immersive-home .method-heading{margin-bottom:55px;flex-direction:row;align-items:flex-end;gap:60px}.immersive-home .method-heading h2{font-size:clamp(42px,4.6vw,76px);line-height:1.12;letter-spacing:-.06em}.immersive-home .method-heading h2 span{color:var(--terra)}.immersive-home .method-heading>p{font-size:19px;max-width:35ch;background:#f3ebdde8;padding:20px}
.immersive-home .method-steps{padding:10px 38px;border-top:1px solid var(--forest);background:#f3ebddf5}.immersive-home .method-step{border-color:#183f352d}.immersive-home .method-step summary{padding:30px 0}.immersive-home .step-name{font-size:clamp(26px,2.3vw,38px);letter-spacing:-1px;font-weight:550}.immersive-home .step-index{color:#716a46}.immersive-home .step-plus{border-color:#183f3540;border-radius:0}.immersive-home .method-step[open] .step-plus{background:var(--forest);color:var(--paper)}
.immersive-home .process-lab{position:relative;z-index:3;background:var(--forest);overflow:hidden;border-top:1px solid #c5a36566;border-bottom:1px solid #c5a36566}.immersive-home .process-lab:before{content:'HR × AI';position:absolute;top:-25px;right:-50px;font-size:20vw;font-weight:650;letter-spacing:-.08em;line-height:1;color:#c5a36508;pointer-events:none}.immersive-home .process-lab>.shell{position:relative}.immersive-home .lab-watermark{display:none}.immersive-home .lab-heading h2{font-size:clamp(42px,5.6vw,87px);line-height:1.1;letter-spacing:-.065em}.immersive-home .lab-heading h2 span{color:var(--gold)}.immersive-home .lab-inner{padding-top:110px;padding-bottom:110px}
.immersive-home .trainer-section{position:relative;background:var(--paper);width:100%;max-width:none;padding-left:max(72px,calc((100vw - 1720px)/2));padding-right:max(72px,calc((100vw - 1720px)/2));padding-top:130px;padding-bottom:140px;border-bottom:0;gap:7%;grid-template-columns:1.04fr .96fr}.immersive-home .trainer-copy h2{font-size:clamp(42px,4.2vw,67px);line-height:1.12;letter-spacing:-.06em}.immersive-home .trainer-copy h2 span{color:var(--terra)}.immersive-home .conversation-art{background:#e6dfcb;border:1px solid #c5a36566;transform:rotate(-2deg);box-shadow:18px 24px 0 #183f350a;padding:42px 34px}.immersive-home .dialog-person{background:var(--paper);border-color:#183f3522}.immersive-home .dialog-guide{background:var(--forest);color:var(--paper);border:0}.immersive-home .dialog-avatar{background:var(--terra);color:var(--paper)}.immersive-home .guide-spark{color:var(--gold)}.immersive-home .dialog-line{background:#183f3544}
.immersive-home .about-section{min-height:90svh;align-items:center;border-bottom:0;padding-top:150px;padding-bottom:150px}.immersive-home .author-copy{padding-top:45px}.immersive-home .author-signature{border-left:2px solid var(--terra);padding-left:20px;margin-top:35px}.immersive-home .author-copy p{font-size:21px;line-height:1.8}
.immersive-home .provenance-section{position:relative;background:var(--forest);color:var(--paper);padding:65px 70px;border:0;box-shadow:0 35px 100px #183f3520;grid-template-columns:.7fr 1.3fr;gap:8%;overflow:hidden}.immersive-home .provenance-mark{font-size:clamp(65px,9vw,155px);font-weight:450;color:var(--gold);letter-spacing:-.09em}.immersive-home .provenance-mark span{color:var(--terra)}.immersive-home .provenance-copy h2{font-size:clamp(36px,3.6vw,59px);letter-spacing:-.06em}.immersive-home .provenance-copy h2 span{color:var(--gold)}.immersive-home .provenance-copy>.eyebrow{color:#e0c68e}.immersive-home .provenance-copy>p:not(.eyebrow){color:#ebe7d9;font-size:20px}.immersive-home .proof-tags li{border-color:#c5a3655a;color:#e0c68e;background:transparent}
.immersive-home .connect-section{min-height:80svh;padding-top:160px;padding-bottom:120px;align-items:center;gap:9%}.immersive-home .connect-section h2{font-size:clamp(47px,5.4vw,89px);letter-spacing:-.065em;line-height:1.08}.immersive-home .connect-section h2 span{color:var(--terra)}.immersive-home .connect-copy{padding-top:35px}.immersive-home .social-links a{border-color:#183f3540;font-size:22px;transition:color .25s,padding .25s}.immersive-home .social-links a:hover{color:var(--terra);padding-left:10px}
.immersive-home .site-footer{background:var(--paper);padding-top:35px;padding-bottom:80px;border-color:#183f3540}.immersive-home .footer-top>span{color:#596553}.immersive-home .eyebrow{color:#486453}.immersive-home .process-lab .eyebrow{color:#d5c8a4}
.immersive-home a:focus-visible,.immersive-home button:focus-visible,.immersive-home summary:focus-visible{outline:3px solid #94452f;outline-offset:5px}
.immersive-home .process-lab button:focus-visible,.immersive-home .process-lab select:focus-visible{outline-color:#c5a365}
@media(max-height:800px) and (min-width:1000px){.intro-stage{padding-top:145px;min-height:890px}.intro-copy h1{font-size:clamp(72px,7.8vw,126px)}.intro-copy{padding-bottom:30px}.intro-copy .eyebrow{margin-bottom:21px}.intro-lead{font-size:23px;margin-top:25px}.intro-text{font-size:18px;max-width:48ch}}
@media(max-width:1250px){.immersive-home .shell{width:calc(100% - 100px)}.intro-copy{width:72%;max-width:760px}.intro-copy h1{font-size:clamp(75px,9vw,114px)}.intro-text{max-width:40ch}.intro-coordinate{font-size:14px;top:145px}.intro-footer .edition-label{display:none}.immersive-home .trainer-section{width:100%;padding-left:50px;padding-right:50px}.scene-rail{right:13px}.immersive-home .method-heading{gap:35px}.immersive-home .method-heading>p{max-width:30ch}}
@media(max-width:1000px){.intro-stage{min-height:1020px;padding-top:165px;align-items:flex-start}.intro-copy{width:82%;max-width:670px}.intro-copy h1{font-size:clamp(79px,11vw,108px)}.intro-text{max-width:42ch}.intro-coordinate{top:135px;right:-15px}.world-veil{background:linear-gradient(90deg,#f3ebdded 0%,#f3ebddcc 38%,#f3ebdd20 75%)}.immersive-home .belief{display:block;min-height:100svh;padding-top:100px;padding-bottom:90px}.immersive-home .belief-copy{max-width:700px;margin-top:60px;margin-left:auto}.immersive-home .section-heading h2{max-width:10ch}.immersive-home .method-heading{display:block}.immersive-home .method-heading>p{max-width:55ch;padding:0;margin-top:30px}.immersive-home .about-section,.immersive-home .connect-section{display:block;padding-top:105px;padding-bottom:100px}.immersive-home .author-copy,.immersive-home .connect-copy{margin-top:50px;max-width:740px;margin-left:auto}.immersive-home .trainer-section{grid-template-columns:1fr;gap:65px}.immersive-home .trainer-copy{max-width:710px}.immersive-home .conversation-art{max-width:720px}.immersive-home .provenance-section{padding:45px 35px}.intro-footer .scroll-cue{max-width:250px;font-size:14px}}
@media(max-width:640px){
 .immersive-home .shell{width:calc(100% - 40px)}.immersive-home .site-header{height:94px;gap:12px}.immersive-home .brand-wordmark{font-size:16px;max-width:165px}.immersive-home .brand-wordmark small{font-size:14px;letter-spacing:.55px;margin-top:7px}.immersive-home .mobile-blog-link{margin-right:10px;font-size:14px;min-height:44px}.immersive-home .header-actions{gap:0}.immersive-home .language-switch{font-size:14px;gap:4px}
 .intro-stage{display:block;min-height:990px;padding-top:148px;padding-bottom:180px}.intro-copy{width:100%;max-width:100%;padding:0}.intro-copy .eyebrow{font-size:14px;max-width:32ch;letter-spacing:1.2px;line-height:1.8;margin-bottom:25px}.intro-copy h1{font-size:clamp(53px,13.1vw,82px);line-height:1.04;letter-spacing:-.075em}.intro-lead{font-size:22px;max-width:27ch;margin-top:25px;line-height:1.5}.intro-text{font-size:18px;line-height:1.65;max-width:34ch;margin-top:19px}.intro-actions{gap:12px 24px;margin-top:25px}.intro-actions .button{font-size:16px;padding:14px 20px;gap:25px;min-height:52px}.intro-actions .text-link{font-size:16px;padding:10px 0}.intro-coordinate{top:auto;bottom:172px;right:0;font-size:14px;letter-spacing:.7px}.intro-coordinate span:first-child{font-size:14px}.intro-coordinate i{width:65px;margin-top:4px}
 .world-veil{background:linear-gradient(90deg,#f3ebdde8 0%,#f3ebddd6 43%,#f3ebdd65 80%,#f3ebdd15 100%)}.world-grain{opacity:.025}.intro-footer{bottom:25px;align-items:start;flex-wrap:wrap;padding-top:21px;gap:19px}.intro-footer .scroll-cue{max-width:none;font-size:14px;width:100%;gap:12px}.intro-footer .scroll-cue>span{width:34px;height:34px;font-size:22px}.intro-footer .hero-fact{margin:0;gap:13px}.intro-footer .hero-fact strong{font-size:35px}.intro-footer .hero-fact span{font-size:14px;max-width:180px}.scene-rail{display:none}.scene-controls{right:12px;bottom:12px}.scene-controls .motion-control{min-height:44px;min-width:44px;padding:9px 11px}.motion-word{display:none}
 .immersive-home .discipline-strip{padding:20px 0}.immersive-home .discipline-strip>div{gap:25px;padding:0 20px;justify-content:flex-start}.immersive-home .discipline-strip span{font-size:22px}.immersive-home .discipline-strip i{font-size:23px}.chapter-number{font-size:210px;top:55px;left:-6px}
 .immersive-home .belief{padding-top:83px;padding-bottom:80px;min-height:0}.immersive-home .section-heading h2,.immersive-home .author-heading h2{font-size:44px;line-height:1.12;letter-spacing:-.065em}.reading-pane{padding:27px 22px;box-shadow:0 20px 40px #183f3506}.immersive-home .belief-copy{padding-top:27px;margin-top:55px}.immersive-home .belief-copy>p{font-size:18px;line-height:1.75}.immersive-home .belief-copy blockquote{font-size:24px;line-height:1.5;padding-left:19px;margin:28px 0}.immersive-home .belief-copy .section-note{font-size:16px}
 .immersive-home .method-section{padding-top:65px;padding-bottom:80px}.immersive-home .method-heading{margin-bottom:40px}.immersive-home .method-heading h2{font-size:36px;line-height:1.2}.immersive-home .method-heading>p{font-size:18px;line-height:1.7;background:#f3ebddee;padding:16px 0;margin-top:22px}.immersive-home .method-steps{padding:0 18px}.immersive-home .method-step summary{padding:25px 0;grid-template-columns:27px minmax(0,1fr) 37px;gap:10px}.immersive-home .step-name{font-size:25px;letter-spacing:-.8px}.immersive-home .step-plus{height:36px;width:36px}.immersive-home .step-content{font-size:18px;padding-bottom:25px}
 .immersive-home .lab-inner{padding-top:75px;padding-bottom:75px}.immersive-home .lab-heading h2{font-size:42px;line-height:1.12}.immersive-home .lab-heading>p{font-size:18px}.immersive-home .process-lab:before{top:10px;right:-25px;font-size:38vw}
 .immersive-home .trainer-section{width:100%;padding:85px 20px 95px;gap:45px}.immersive-home .trainer-copy h2{font-size:39px;line-height:1.16}.immersive-home .conversation-art{padding:28px 19px;transform:rotate(-1deg);box-shadow:8px 11px 0 #183f350b}.immersive-home .dialog-person p,.immersive-home .dialog-guide p{font-size:18px}
 .immersive-home .about-section,.immersive-home .connect-section{min-height:0;padding-top:80px;padding-bottom:85px}.immersive-home .author-copy,.immersive-home .connect-copy{padding-top:27px;margin-top:40px}.immersive-home .author-copy p{font-size:18px;line-height:1.75}.immersive-home .author-signature{margin-top:27px}.immersive-home .provenance-section{padding:35px 26px;gap:22px}.immersive-home .provenance-mark{font-size:80px}.immersive-home .provenance-copy h2{font-size:37px}.immersive-home .provenance-copy>p:not(.eyebrow){font-size:18px;line-height:1.75}.immersive-home .connect-section h2{font-size:43px}.immersive-home .social-links a{font-size:20px}.immersive-home .site-footer{padding-bottom:85px}
}
@media(max-width:360px){.immersive-home .shell{width:calc(100% - 32px)}.intro-stage{padding-top:140px;min-height:1060px}.intro-copy h1{font-size:12.8vw}.intro-copy .eyebrow{max-width:30ch}.intro-coordinate{bottom:171px}.immersive-home .brand-wordmark{font-size:15px;max-width:154px}.immersive-home .brand-wordmark small{font-size:14px}.immersive-home .mobile-blog-link{font-size:14px;margin-right:8px}.immersive-home .language-switch{font-size:14px}.immersive-home .belief-copy blockquote{font-size:22px}.immersive-home .method-steps{padding:0 12px}.immersive-home .step-name{font-size:23px}.immersive-home .trainer-section{width:100%;padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.world-grain{display:none}.scene-rail b,.scene-rail span,.intro-actions .button{transition:none}.immersive-home .conversation-art{transform:none}}
@media(max-width:1200px){.immersive-home .method-heading{flex-direction:column;align-items:flex-start}.immersive-home .method-heading>p{max-width:52ch}}
@media(max-width:900px){.intro-copy .compact-break{display:block}}

@media(max-width:640px){.intro-coordinate{display:none}.immersive-home .brand{min-width:0}.immersive-home .brand-wordmark small{font-size:14px;text-transform:none;letter-spacing:0}.intro-copy .eyebrow{max-width:32ch;letter-spacing:.8px}.immersive-home .header-actions{flex-shrink:0}.intro-text{background:#f3ebddf2;padding:13px 12px;margin-left:-12px;margin-right:-12px}.intro-copy h1 span{color:#94452f}.immersive-home .mobile-blog-link,.immersive-home .language-switch{font-size:16px}}

/* One-screen process construction desk, with native page scrolling. */
html:has(body.immersive-home){scroll-padding-top:0}
.immersive-home .process-lab{scroll-margin-top:0}
.immersive-home #approach,.immersive-home #method{scroll-margin-top:0}
.immersive-home .lab-inner{min-height:100svh;padding-block:24px;display:flex;flex-direction:column;justify-content:center}
.immersive-home .lab-heading{align-items:flex-end;flex-direction:row;gap:40px;margin-bottom:18px}
.immersive-home .lab-heading h2{font-size:clamp(34px,3.55vw,54px);line-height:1.1;margin-top:12px;letter-spacing:-.05em}
.immersive-home .lab-heading h2 em{color:var(--gold);font-style:normal}
.immersive-home .lab-heading>p{max-width:34ch;font-size:17px;line-height:1.5;flex:0 1 340px}
.immersive-home .lab-heading>div{flex:1 1 60%}
@media(max-width:760px){
 .immersive-home .lab-inner{padding-block:16px}
 .immersive-home .lab-heading{display:block;margin-bottom:10px}
 .immersive-home .lab-heading .eyebrow{display:none}
 .immersive-home .lab-heading h2{font-size:28px;margin-top:0;line-height:1.1}
 .immersive-home .lab-heading>p{font-size:16px;line-height:1.4;max-width:none;margin-top:8px}
}

/* Human experience × AI: one shared visual space throughout the first story. */
.immersive-home{background:var(--paper)}
.world-stage{opacity:var(--synthesis-opacity,1);transition:opacity 180ms linear,visibility 0s 180ms}
.world-stage[data-scene-active=false]{opacity:0;visibility:hidden}
.world-stage .world-veil{opacity:1;background:linear-gradient(90deg,#F3EBDD 0%,#F3EBDDF5 35%,#F3EBDD80 46%,#F3EBDD00 55%)}
.world-grain{opacity:.022}
.synthesis-labels{position:absolute;inset:0;z-index:4;pointer-events:none}
.synthesis-labels>span{position:absolute;opacity:0;transform:translate(-50%,-50%);display:block;width:max-content;max-width:210px;padding:9px 12px;border:1px solid #C5A3656B;border-radius:5px;background:#F3EBDDEB;box-shadow:0 5px 20px #183F3510;color:var(--forest);text-align:center;line-height:1.3}
.synthesis-labels strong{display:block;font-size:18px;font-weight:650;letter-spacing:-.02em}
.synthesis-labels small{display:block;margin-top:3px;font-size:16px;line-height:1.3;color:#4E634F}
.immersive-home[data-story-ended=true] .scene-rail{visibility:hidden;opacity:0;pointer-events:none}
.immersive-home .scene-rail{transition:opacity 180ms;}
.immersive-home .scene-rail a,.immersive-home .scene-rail b,.immersive-home .motion-word{font-size:16px}
.immersive-home .brand-wordmark small{font-size:16px;text-transform:none;letter-spacing:.2px}

/* All long copy is on the left; no large reading panel covers the sculpture. */
.immersive-home .intro-stage{min-height:100svh;padding-top:140px;padding-bottom:116px;align-items:center}
.immersive-home .intro-copy,.immersive-home .synthesis-copy{position:relative;z-index:2;width:44%;max-width:680px;margin:0;padding:0}
.immersive-home .intro-copy .eyebrow{font-size:16px;line-height:1.55;letter-spacing:1px;margin-bottom:25px;max-width:38ch}
.immersive-home .intro-copy h1{font-size:clamp(66px,6.8vw,116px);line-height:1.04;letter-spacing:-.065em;white-space:normal;text-shadow:none}
.immersive-home .intro-copy .compact-break{display:initial}
.immersive-home .intro-lead{font-size:clamp(22px,1.6vw,28px);line-height:1.45;max-width:32ch;margin-top:26px}
.immersive-home .intro-text{font-size:clamp(18px,1.2vw,21px);line-height:1.7;max-width:none;margin-top:19px;padding:0;background:none}
.immersive-home .intro-actions{gap:18px 24px;margin-top:27px}
.immersive-home .intro-actions .button{padding-inline:21px;gap:18px}
.immersive-home .intro-coordinate{top:135px;right:3%;font-size:16px;letter-spacing:.7px}
.immersive-home .intro-coordinate span:first-child{font-size:16px}
.immersive-home .intro-footer .scroll-cue,.immersive-home .intro-footer .hero-fact span,.immersive-home .intro-footer .edition-label{font-size:16px}
.immersive-home #approach,.immersive-home #method{display:flex;align-items:center;min-height:100svh;padding-top:92px;padding-bottom:92px;border:0;gap:0}
.immersive-home #approach .synthesis-copy,.immersive-home #method .synthesis-copy{width:44%;max-width:680px}
.immersive-home .synthesis-copy .section-heading h2,.immersive-home .synthesis-copy .method-heading h2{font-size:clamp(44px,4.6vw,78px);line-height:1.1;letter-spacing:-.055em;max-width:none;text-shadow:none;margin-top:21px}
.immersive-home .synthesis-copy .eyebrow{font-size:16px;line-height:1.4;letter-spacing:.8px}
.immersive-home .synthesis-copy .reading-pane{padding:0;margin-left:0;background:none;box-shadow:none;border:0}
.immersive-home .synthesis-copy .belief-copy{padding-top:0;margin-top:29px;max-width:none}
.immersive-home .synthesis-copy .belief-copy>p{font-size:clamp(19px,1.35vw,23px);line-height:1.7;max-width:none}
.immersive-home .synthesis-copy .belief-copy blockquote{font-size:clamp(24px,1.95vw,32px);line-height:1.5;margin:28px 0;padding-left:22px}
.immersive-home .synthesis-copy .belief-copy .section-note{font-size:17px;line-height:1.6}
.immersive-home .synthesis-copy .method-heading{display:block;margin-bottom:28px}
.immersive-home .synthesis-copy .method-heading>p{font-size:19px;line-height:1.6;max-width:none;background:none;padding:0;margin-top:22px}
.immersive-home .synthesis-copy .method-steps{padding:0;border-top:1px solid #183F3570;background:none}
.immersive-home .synthesis-copy .method-step summary{grid-template-columns:25px minmax(0,1fr) 36px;padding:21px 0;gap:12px}
.immersive-home .synthesis-copy .step-name{font-size:clamp(25px,2.05vw,34px);line-height:1.2;letter-spacing:-.035em}
.immersive-home .synthesis-copy .step-subtitle{display:none}
.immersive-home .synthesis-copy .step-index{font-size:16px}
.immersive-home .synthesis-copy .step-plus{width:34px;height:34px;font-size:22px}
.immersive-home .synthesis-copy .step-content{display:block;margin-left:37px;padding-bottom:24px}
.immersive-home .synthesis-copy .step-content>p{font-size:18px;line-height:1.6}
.immersive-home .synthesis-copy .responsibilities{display:grid;gap:12px;margin-top:16px}
.immersive-home .synthesis-copy .responsibilities>div{font-size:16px;line-height:1.45;grid-template-columns:9px 70px minmax(0,1fr);gap:10px}
.immersive-home #approach .chapter-number,.immersive-home #method .chapter-number{top:50%;left:-22px;transform:translateY(-50%);font-size:clamp(180px,22vw,370px);color:#183F3505}

/* Product links are the reachable endpoints of the tree, and remain real links. */
.immersive-home #products{position:relative;display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);align-items:center;gap:26px;min-height:100svh;padding-block:84px}
.immersive-home #products .synthesis-copy{width:100%;max-width:none}
.immersive-home #products h2{font-size:clamp(44px,4.6vw,78px);line-height:1.1;letter-spacing:-.055em;color:var(--forest);margin-top:21px}
.immersive-home #products h2 span,.immersive-home #products h2 em{color:var(--terra);font-style:normal}
.immersive-home #products .synthesis-copy>p:not(.eyebrow){font-size:20px;line-height:1.65;max-width:40ch;margin-top:24px;color:#455B4B}
.product-orchard{position:relative;display:grid;grid-template-columns:1fr;align-content:center;gap:16px;width:100%;height:600px;min-height:600px;isolation:isolate}
.product-link{position:relative;display:block;min-width:0;padding:23px 25px;border:1px solid #C5A365A6;border-radius:8px;background:#F3EBDDF2;color:#183F35;box-shadow:0 15px 45px #183F3510;text-decoration:none;transition:background-color 180ms,border-color 180ms,box-shadow 180ms}
.product-link:hover{background:#F9F4E8;border-color:#A38244;box-shadow:0 19px 52px #183F3522}
.product-link:focus-visible{outline:3px solid #94452F;outline-offset:5px}
.product-link .product-index,.product-link .product-kicker{display:block;margin-bottom:9px;color:#81663D;font-size:16px;font-weight:600;line-height:1.35}
.product-link h3,.product-link .product-name{display:block;margin:0;color:#183F35;font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.025em}
.product-link p,.product-link .product-description{display:block;margin:11px 0 0;color:#4B604F;font-size:17px;line-height:1.5}
.product-link .product-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid #183F352A;color:#183F35;font-size:16px;font-weight:600;line-height:1.35}
.product-link .product-arrow{font-size:25px;line-height:1;color:#8A6C36}
@media(min-width:1400px) and (min-height:840px){
 .product-orchard.is-anchored{display:block}
 .product-orchard.is-anchored .product-link{position:absolute;left:var(--branch-x,50%);top:var(--branch-y,50%);width:clamp(225px,18vw,250px);max-width:calc(100% - 20px);transform:translate(-50%,-50%);padding:20px 21px}
 .product-orchard.is-anchored .product-link h3,.product-orchard.is-anchored .product-name{font-size:22px}
 .product-orchard.is-anchored .product-link p,.product-orchard.is-anchored .product-description{font-size:17px;line-height:1.45}
}
@media(min-width:1000px) and (max-width:1200px){
 .immersive-home .intro-copy,.immersive-home #approach .synthesis-copy,.immersive-home #method .synthesis-copy{width:46%}
 .immersive-home .intro-copy h1{font-size:clamp(64px,6.7vw,81px)}
 .immersive-home .synthesis-copy .section-heading h2,.immersive-home .synthesis-copy .method-heading h2,.immersive-home #products h2{font-size:clamp(42px,4.45vw,54px)}
 .immersive-home .intro-coordinate{right:0}
 .synthesis-labels>span{max-width:185px}
 .immersive-home #products{grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:22px}
}
/* Phones and touch screens: text first, the scene stays a band at the top.
   scene-math.js centres the mobile sculpture 260px below the top edge (half the
   height on short screens); its helix ends near 337px, so the copy fades in just
   above that base. The canvas is not lifted: scene.js keeps the human origin label
   below the header, so a lifted sculpture would slide under that label. Chapter
   phases are measured from section tops, so the shorter padding keeps every
   chapter; between chapters the scene shows through a narrower gap. */
@media(max-width:999px),(pointer:coarse){
 .world-stage .world-veil{background:linear-gradient(180deg,#F3EBDD00 0px,#F3EBDD00 390px,#F3EBDD 420px)}
 .synthesis-labels>span{max-width:min(150px,calc((100% - 36px)/2));padding:7px 9px;border-radius:4px}
 .synthesis-labels strong,.synthesis-labels small{font-size:16px;line-height:1.25}
 .immersive-home .site-header{background:#F3EBDDF5}
 .immersive-home .intro-stage{display:block;min-height:100svh;padding-top:292px;padding-bottom:155px}
 .immersive-home .intro-copy,.immersive-home .synthesis-copy,.immersive-home #approach .synthesis-copy,.immersive-home #method .synthesis-copy{width:100%;max-width:740px;background:linear-gradient(180deg,#F3EBDD00 0,var(--paper) 24px);padding:26px 0 0;margin:0 auto;box-shadow:none}
 .immersive-home .intro-copy{padding-top:40px;background:linear-gradient(180deg,#F3EBDD00 0,var(--paper) 40px)}
 .immersive-home .intro-copy .eyebrow{font-size:16px;line-height:1.45;margin-bottom:19px;max-width:none}
 .immersive-home .intro-copy h1{font-size:clamp(55px,10.2vw,92px);line-height:1.04;letter-spacing:-.065em}
 .immersive-home .intro-copy .compact-break{display:none}
 .immersive-home .intro-lead{font-size:23px;line-height:1.45;margin-top:24px;max-width:none}
 .immersive-home .intro-text{font-size:19px;line-height:1.65;max-width:none;background:var(--paper);padding:0;margin:18px 0 0}
 .immersive-home .intro-actions{margin-top:25px;gap:14px 24px}
 .immersive-home .intro-coordinate{display:none}
 .immersive-home .intro-footer{bottom:24px;align-items:flex-start;padding-top:20px;gap:18px;background:var(--paper)}
 .immersive-home .intro-footer .hero-fact{margin-left:auto}
 .immersive-home .intro-footer .scroll-cue{font-size:16px;max-width:240px}
 .immersive-home .intro-footer .hero-fact span{font-size:16px}
 .immersive-home #approach,.immersive-home #method{display:block;min-height:100svh;padding-top:120px;padding-bottom:65px}
 .immersive-home .synthesis-copy .section-heading h2,.immersive-home .synthesis-copy .method-heading h2,.immersive-home #products h2{font-size:clamp(39px,6.7vw,59px);line-height:1.14;margin-top:17px;letter-spacing:-.05em}
 .immersive-home .synthesis-copy .belief-copy{margin-top:25px;padding:0}
 .immersive-home .synthesis-copy .belief-copy>p{font-size:19px;line-height:1.7}
 .immersive-home .synthesis-copy .belief-copy blockquote{font-size:25px;line-height:1.5;margin:26px 0;padding-left:19px}
 .immersive-home .synthesis-copy .method-heading{margin-bottom:24px}
 .immersive-home .synthesis-copy .method-heading>p{font-size:19px;line-height:1.6;margin-top:20px}
 .immersive-home .synthesis-copy .method-step summary{padding:22px 0}
 .immersive-home .synthesis-copy .step-name{font-size:29px;line-height:1.15}
 .immersive-home .synthesis-copy .step-content{margin-left:0;padding-bottom:24px}
 .immersive-home .synthesis-copy .step-content>p{font-size:18px;line-height:1.6}
 .immersive-home #approach .chapter-number,.immersive-home #method .chapter-number{display:none}
 .immersive-home #products{display:block;min-height:100svh;padding-top:120px;padding-bottom:60px}
 .immersive-home #products .synthesis-copy{padding-top:25px;max-width:740px;margin-inline:auto}
 .immersive-home #products .synthesis-copy>p:not(.eyebrow){font-size:19px;line-height:1.6;max-width:none;margin-top:20px}
 .product-orchard,.product-orchard.is-anchored{display:grid;grid-template-columns:1fr;height:auto;min-height:0;gap:13px;margin:28px auto 0;max-width:740px;padding:0;background:var(--paper)}
 .product-orchard .product-link,.product-orchard.is-anchored .product-link{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;padding:22px 24px;background:#F3EBDD;box-shadow:0 8px 28px #183F3508}
 .product-link h3,.product-link .product-name{font-size:24px}
 .product-link p,.product-link .product-description{font-size:17px}
 .immersive-home .scene-rail{display:none}
 .immersive-home .motion-word{display:none}
}
@media(max-width:640px){
 .immersive-home .intro-stage{padding-bottom:165px}
 .immersive-home .intro-copy h1{font-size:clamp(53px,13.2vw,75px);line-height:1.06}
 .immersive-home .intro-copy .compact-break{display:initial}
 .immersive-home .intro-lead{font-size:22px}
 .immersive-home .intro-text{font-size:18px;line-height:1.7}
 .immersive-home .intro-footer .scroll-cue{width:100%;max-width:none;font-size:16px}
 .immersive-home .intro-footer .hero-fact{margin-left:0}
 .immersive-home #approach,.immersive-home #method,.immersive-home #products{padding-top:120px;padding-bottom:52px}
 .immersive-home .synthesis-copy .section-heading h2,.immersive-home .synthesis-copy .method-heading h2,.immersive-home #products h2{font-size:39px;line-height:1.15}
 .immersive-home .synthesis-copy .belief-copy>p{font-size:18px;line-height:1.7}
 .immersive-home .synthesis-copy .belief-copy blockquote{font-size:24px;line-height:1.5}
 .immersive-home .synthesis-copy .method-heading>p{font-size:18px;line-height:1.6}
 .immersive-home .synthesis-copy .step-name{font-size:27px}
 .immersive-home .synthesis-copy .responsibilities>div{grid-template-columns:8px 66px minmax(0,1fr);font-size:16px}
 .product-orchard .product-link,.product-orchard.is-anchored .product-link{padding:20px}
 .immersive-home .brand-wordmark small,.immersive-home .mobile-blog-link,.immersive-home .language-switch{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.world-stage,.scene-rail,.product-link{transition:none}}
html[data-motion=paused] .world-stage,html[data-motion=paused] .scene-rail,html[data-motion=paused] .product-link{transition:none}

/* The central fruit now opens the shared catalogue of working services. */
.product-sample-services{display:flex;gap:4px;align-items:center;transform:rotate(-8deg)}
.product-sample-services i{display:block;width:14px;height:29px;background:var(--forest);border:1px solid var(--gold);border-radius:3px}
.product-sample-services i:nth-child(2){height:37px;background:var(--gold);transform:translateY(-4px)}
.product-sample-services i:nth-child(3){height:25px;background:var(--terra)}
@media(min-width:1000px) and (max-width:1250px){.immersive-home .main-nav{gap:16px;font-size:14px}}

/* Small, legible metaphors for the real product links and story captions. */
.scene-rail[hidden]{display:none!important}
.immersive-home .main-nav,.immersive-home .header-actions{font-size:16px}
.immersive-home .synthesis-caption{font-size:17px;line-height:1.5;color:#5A684E;border-left:2px solid #C5A365;padding-left:14px;margin-top:20px;max-width:46ch}
.immersive-home #products .synthesis-caption{font-size:17px;line-height:1.5;margin-top:20px}
.product-link{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 13px}
.product-link h3,.product-link .product-name{grid-column:2;grid-row:1;align-self:center;padding-right:8px}
.product-link p,.product-link .product-description,.product-link .product-action{grid-column:1/-1}
.product-link .product-number{display:none}
.product-sample{position:relative;display:block;width:44px;height:46px;grid-column:1;grid-row:1;align-self:center;color:#183F35}
.product-sample i{position:absolute;display:block;font-style:normal}
.product-sample-lab i{left:8px;width:29px;height:10px;transform:skewY(-16deg);background:#315E49;border:1px solid #BFA15F;box-shadow:0 3px 0 #14372B}
.product-sample-lab i:nth-child(1){top:7px;background:#65836A}
.product-sample-lab i:nth-child(2){top:19px;background:#446C52}
.product-sample-lab i:nth-child(3){top:31px}
.product-sample-trainer i{width:33px;height:20px;border-radius:7px 7px 7px 1px;background:#315E49}
.product-sample-trainer i:first-child{top:5px;left:1px}
.product-sample-trainer i:last-child{top:24px;right:0;border-radius:7px 7px 1px 7px;background:#C5A365}
.product-sample-trainer i:after{content:'';position:absolute;left:10px;top:9px;width:3px;height:3px;border-radius:50%;background:#F3EBDD;box-shadow:5px 0 #F3EBDD,10px 0 #F3EBDD}
.product-sample-blog{border:1px solid #B79B60;border-radius:4px;background:#FBF7EE}
.product-sample-blog i{left:8px;width:26px;height:3px;border-radius:2px;background:#3E624B}
.product-sample-blog i:first-child{top:11px;width:20px;background:#A0864D}
.product-sample-blog i:nth-child(2){top:21px}
.product-sample-blog i:last-child{top:31px;width:22px}
@media(min-width:1000px) and (pointer:fine){
 .immersive-home .intro-stage{padding-top:132px;padding-bottom:100px}
 .immersive-home .intro-copy .eyebrow{max-width:none}
}
@media(max-width:999px),(pointer:coarse){
 .immersive-home .synthesis-caption,.immersive-home #products .synthesis-caption{font-size:17px;line-height:1.5;max-width:none}
}
/* The static 1800×1000 snapshot (build-pavilion.mjs) draws the sculpture origin at
   x1295 y485, about 120.5px per unit. Reframe that image only; the WebGL canvas always
   keeps the full viewport. At 330px high the poster uses the mobile WebGL scale
   (44px * 0.9 per unit) and puts the origin where scene-math.js puts it: mid-width,
   260px from the top. The helix then covers about 162-334px, above the copy, and the
   poster, which also shows while scene.bundle.js loads, hands over to the first
   WebGL frame without a jump. */
@media(max-width:999px),(pointer:coarse){
 .world-fallback{background-size:auto 330px;background-position:calc(50% - 130px) 100px}
}

/* A compact desktop keeps the visual story above a separate row of real links.
   Touch/tablet composition remains in the single-column media rules above. */
@media(pointer:fine),(pointer:none){
 @media(min-width:1000px) and (max-width:1399px),(min-width:1000px) and (max-height:839px){
  .immersive-home #products{grid-template-columns:minmax(0,44%) minmax(0,1fr);grid-template-rows:minmax(600px,auto) auto;column-gap:26px;row-gap:34px;align-items:center;padding-block:64px}
  .immersive-home #products .synthesis-copy{grid-column:1;grid-row:1;align-self:center}
  .product-orchard,.product-orchard.is-anchored{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;align-content:start;gap:18px;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;background:var(--paper)}
  .product-orchard .product-link,.product-orchard.is-anchored .product-link{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;margin:0;padding:23px 21px;box-shadow:0 10px 32px #183F350D}
  .product-orchard .product-link h3,.product-orchard.is-anchored .product-link h3{font-size:24px;line-height:1.2}
  .product-orchard .product-link p,.product-orchard.is-anchored .product-link p{font-size:17px;line-height:1.5}
 }
}

/* Pinned header hook (review 04.10.2026, item 9). The home header scrolls away with
   the first screen; app.js may set data-pinned on it while the visitor scrolls back
   up, so the menu stays within reach on this long page. The header is already out of
   flow, so pinning causes no layout jump. The border image paints the paper band
   across the full width without clipping the open menu panel below the header.
   scene.js keeps the origin labels below the header's bottom edge. Remove
   data-pinned before menu or anchor navigation, otherwise the header covers the
   top of the target section. */
.immersive-home .site-header[data-pinned]{position:fixed;background:transparent;border-image:linear-gradient(#F3EBDDF5,#F3EBDDF5) 0 fill/0/0 100vmax}
/* Keep the first action comfortably inside short desktop viewports. Reading copy keeps its size. */
@media (min-width:961px) and (max-height:820px){
 .immersive-home .intro-copy h1{font-size:clamp(64px,6.2vw,104px)}
}