:root{--paper:#eef0e6;--paper-deep:#dfe6d7;--ink:#173226;--muted:#63776c;--line:#1f46322e;--moss:#4d7c5b;--life:#6fae6e;--gold:#b88735;--blossom:#d98f88;--sky:#81b7bb;--ui:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;height:100%;color:var(--ink);margin:0;overflow:hidden}button,a{font:inherit;color:inherit}.instrument{width:100vw;height:100dvh;min-height:650px;font-family:var(--ui);background:radial-gradient(circle at 56% 35%,#fffffff2,#0000 29%),radial-gradient(at 76% 65%,#81b7bb26,#0000 34%),linear-gradient(135deg,#f5f3e9,#e4eadc 64%,#dce7dc);position:relative;overflow:hidden}.instrument:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#3f6b4c14 1px,#0000 1px),linear-gradient(90deg,#3f6b4c14 1px,#0000 1px);background-size:5vw 5vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%,#0000);mask-image:linear-gradient(90deg,#0000,#000 45%,#0000)}.air{pointer-events:none;position:absolute;inset:0;overflow:hidden}.air i{opacity:.55;background:#fff;border-radius:50%;width:4px;height:4px;animation:12s ease-in-out infinite drift;position:absolute;box-shadow:0 0 12px #ffffffe6}.air i:first-child{top:24%;left:15%}.air i:nth-child(2){animation-delay:-3s;top:62%;left:27%}.air i:nth-child(3){animation-delay:-7s;top:18%;left:43%}.air i:nth-child(4){animation-delay:-1s;top:73%;left:58%}.air i:nth-child(5){animation-delay:-9s;top:31%;left:70%}.air i:nth-child(6){animation-delay:-5s;top:67%;left:86%}.air i:nth-child(7){animation-delay:-2s;top:43%;left:34%}.air i:nth-child(8){animation-delay:-6s;top:16%;left:78%}.air i:nth-child(9){animation-delay:-10s;top:78%;left:9%}.air i:nth-child(10){animation-delay:-4s;top:52%;left:52%}.air i:nth-child(11){animation-delay:-8s;top:42%;left:92%}.air i:nth-child(12){animation-delay:-11s;top:87%;left:64%}@keyframes drift{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.75;transform:translate(24px,-34px)}}.instrument-head{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f6ee85;align-items:center;height:92px;padding:0 3vw;display:flex;position:absolute;top:0;left:0;right:0}.seal{width:43px;height:50px;color:var(--gold);background:linear-gradient(135deg,#deb85f1f,#b8873508);border:1px solid #b88735bf;place-items:center;margin-right:18px;display:grid;box-shadow:inset 0 0 15px #d0a4441a}.seal span{font:25px/1 Georgia,serif}.wordmark{flex-direction:column;gap:6px;display:flex}.wordmark strong{font:600 20px/1 var(--ui);letter-spacing:.28em}.wordmark span,.living-line,.source-state{font:8px var(--mono);letter-spacing:.14em;color:var(--muted)}.living-line{margin-left:5vw}.source-state{grid-template-columns:auto auto auto;align-items:center;column-gap:9px;margin-left:auto;display:grid}.source-state i{background:#60b66b;border-radius:50%;grid-row:1/3;width:7px;height:7px;animation:3s ease-in-out infinite pulse;box-shadow:0 0 13px #8bd18f}.source-state b{font:400 22px var(--mono);color:var(--ink);grid-row:1/3}.source-state small{font:7px var(--mono);grid-column:2}@keyframes pulse{50%{transform:scale(1.4);box-shadow:0 0 20px #67bf70}}.axis-label{z-index:10;border-right:1px solid var(--line);color:#708277;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:62px;display:flex;position:absolute;top:92px;bottom:82px;left:0}.axis-label span{font:7px var(--mono);letter-spacing:.16em;writing-mode:vertical-rl}.axis-label i{background:var(--line);width:1px;height:40px}.mode{position:absolute;inset:92px 0 82px 62px;overflow:hidden}.mode:after{content:"BONSAI / ORGANIC VISUALISATION ENGINE";font:7px var(--mono);letter-spacing:.18em;color:#7f9186;position:absolute;top:2.5vh;right:2vw}.specimen-title{z-index:5;width:300px;position:absolute;top:4.5vh;left:3.4vw}.specimen-title>span,.readout-index,.truth-note,.layer-switch,.record-readout small,.chapter-kicker{font:8px var(--mono);letter-spacing:.14em;color:var(--muted)}.specimen-title h1{font:300 clamp(35px,4vw,67px)/1.01 var(--ui);letter-spacing:-.045em;margin:17px 0}.specimen-title h1 b{color:var(--moss);font-weight:600}.specimen-title p{font:400 13px/1.65 var(--ui);color:#657a6d}.organism-space{position:absolute;inset:-3vh 19vw -4vh 20vw}.tree-stage{filter:drop-shadow(0 20px 24px #34523b1f);width:100%;height:100%;position:relative}.ambient{filter:blur(60px);opacity:.26;border-radius:50%;position:absolute}.ambient-one{background:#84bf84;width:240px;height:240px;top:25%;left:38%}.ambient-two{background:#edca84;width:130px;height:130px;top:20%;right:24%}.bonsai-svg{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.roots path{fill:none;stroke:#856743;stroke-width:12px;stroke-linecap:round;opacity:.65}.main-trunk{fill:none;stroke:url(#trunk);stroke-width:34px;stroke-linecap:round}.tree-branches path{fill:none;stroke:#795c39;stroke-linecap:round}.tree-branches path.major{stroke-width:10px}.tree-branches path.twig{stroke-width:3px;opacity:.8}.tree-branches path.active{stroke:#b27f3f;filter:drop-shadow(0 0 5px #ca974380)}.data-flow path{fill:none;stroke:#4ca47b;stroke-width:1.3px;stroke-dasharray:.018 .05;opacity:.65;animation:6s linear infinite flow}.tree-node{cursor:pointer;transform-box:fill-box;transform-origin:50%;outline:none;animation:5s ease-in-out infinite leaf-breathe}.tree-node:nth-child(3n){animation-delay:-2s}.tree-node circle{stroke:#ffffffe6;stroke-width:1px}.tree-node:hover{transform:scale(1.12)}.tree-node:hover ellipse,.tree-node.selected ellipse{opacity:1!important}.tree-node.selected circle{stroke-width:4px;filter:drop-shadow(0 0 8px)}.tree-node text{fill:#526c5c;font:8px var(--mono);letter-spacing:.08em}.kind-domain{opacity:.78}.pot path{fill:#61705c;stroke:#48604f;stroke-width:2px}.pot path:last-child{fill:#778575}@keyframes flow{to{stroke-dashoffset:-1px}}@keyframes leaf-breathe{50%{filter:brightness(1.12)}}.record-readout{z-index:6;width:230px;position:absolute;top:16vh;right:3vw}.readout-index{color:var(--gold);margin-bottom:9px;display:block}.record-readout h2{font:500 25px/1.12 var(--ui);letter-spacing:-.025em;margin:12px 0}.record-readout>p{font:400 12px/1.6 var(--ui);color:#63776c}.record-readout dl{margin-top:22px}.record-readout dl div{border-top:1px solid var(--line);grid-template-columns:74px 1fr;padding:8px 0;display:grid}.record-readout dt,.record-readout dd{font:7px/1.5 var(--mono);letter-spacing:.06em}.record-readout dt{color:#75877c}.record-readout dd{color:#415d4c;text-align:right;margin:0}.layer-switch{z-index:7;align-items:center;gap:6px;display:flex;position:absolute;bottom:4vh;left:3.4vw}.layer-switch>span{margin-right:8px}.layer-switch button{color:#74857a;font:8px var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #aeb9af;margin-left:14px;padding:7px 0}.layer-switch button.active{color:var(--moss);border-color:var(--moss)}.truth-note{color:#74867b;margin:0;position:absolute;bottom:3.8vh;right:3vw}.mode-nav{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eff2e8c7;grid-template-columns:repeat(6,1fr);height:82px;padding-left:62px;display:grid;position:absolute;bottom:0;left:0;right:0}.mode-nav button{border:0;border-right:1px solid var(--line);color:#708176;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:0 1.5vw;display:flex;position:relative}.mode-nav button:before{content:"";background:linear-gradient(90deg,var(--gold),#77a86d);height:3px;transition:right .35s;position:absolute;top:-1px;left:0;right:100%}.mode-nav button.active{color:var(--ink);background:#ffffff59}.mode-nav button.active:before{right:0}.mode-nav i{color:#7b8f81;font:15px Georgia,serif}.mode-nav span{font:8px var(--mono);letter-spacing:.09em;text-transform:uppercase}.chapter{height:100%;padding:5.5vh 6vw;position:relative}.jp-label{color:var(--gold);letter-spacing:.3em;margin:0;font:18px Georgia,serif;position:absolute;top:5vh;right:5vw}.chapter-kicker{color:var(--gold);display:block}.chapter h1{font:300 clamp(43px,5.7vw,88px)/.94 var(--ui);letter-spacing:-.05em;margin:2.5vh 0}.chapter h1 b{color:var(--moss);font-weight:600}.lead-copy{position:absolute;top:13vh;left:51%;right:7%}.lead-copy strong{font:500 18px/1.5 var(--ui);color:#31523f;margin-bottom:2vh;display:block}.lead-copy p{font:400 13px/1.65 var(--ui);color:#607469}.philosophy-chapter blockquote{border-left:2px solid var(--gold);width:39%;font:400 15px/1.55 var(--ui);color:#526a5b;margin:0;padding-left:20px;position:absolute;bottom:7vh;left:6vw}.anatomy-chapter h1{font-size:clamp(38px,4.8vw,72px)}.anatomy-map{grid-template-columns:repeat(2,1fr);column-gap:4vw;display:grid;position:absolute;inset:10vh 5vw 4vh 47%}.anatomy-map button{border:0;border-bottom:1px solid var(--line);text-align:left;color:inherit;background:0 0;padding:11px 0 10px 45px;position:relative}.anatomy-map button i{color:var(--gold);font:21px Georgia,serif;position:absolute;top:12px;left:0}.anatomy-map button span{font:7px var(--mono);letter-spacing:.14em;color:#75877b;display:block}.anatomy-map button b{font:500 14px var(--ui);margin:5px 0;display:block}.anatomy-map button p{font:400 10px/1.45 var(--ui);color:#6c7f73;margin:0}.engine-chapter h1{font-size:clamp(38px,4.8vw,72px)}.engine-sequence{grid-template-columns:1fr 3vw 1fr 3vw 1fr 3vw 1fr;align-items:center;display:grid;position:absolute;top:9vh;left:44%;right:5vw}.engine-sequence div{min-height:145px}.engine-sequence i{font:8px var(--mono);color:var(--gold);font-style:normal}.engine-sequence span{font:500 20px var(--ui);margin:15px 0 8px;display:block}.engine-sequence p{font:10px/1.5 var(--ui);color:#687b70}.engine-sequence u{background:linear-gradient(90deg,var(--moss),transparent);height:1px;text-decoration:none}.engine-principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:2.5vw;padding-top:18px;display:grid;position:absolute;bottom:5vh;left:44%;right:5vw}.engine-principles p{font:10px/1.5 var(--ui);color:#64786b}.engine-principles b{font:7px var(--mono);letter-spacing:.12em;color:var(--gold);margin-bottom:7px;display:block}.application-chapter h1{font-size:clamp(38px,4.8vw,72px)}.application-field{grid-template-columns:1fr 1fr;column-gap:4vw;display:grid;position:absolute;inset:10vh 5vw 7vh 46%}.application-field p{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr;margin:0;padding:18px 0;display:grid}.application-field i{font:8px var(--mono);color:var(--gold);grid-row:1/3;font-style:normal}.application-field b{font:500 15px var(--ui)}.application-field span{font:11px/1.5 var(--ui);color:#64776b;margin-top:5px}.use-note{font:500 15px/1.6 var(--ui);color:#536c5c;border-left:2px solid var(--gold);padding-left:18px;position:absolute;bottom:7vh;left:6vw}.horizon-chapter h1{font-size:clamp(38px,4.8vw,72px)}.horizon-intro{font:500 16px/1.6 var(--ui);color:#536b5d;position:absolute;top:10vh;left:46%;right:8%}.horizon-path{grid-template-columns:1fr 2vw 1fr 2vw 1fr 2vw 1fr 2vw 1fr 2vw 1fr;align-items:center;display:grid;position:absolute;top:48%;left:6vw;right:6vw}.horizon-path span{flex-direction:column;display:flex}.horizon-path i{font:7px var(--mono);color:var(--gold);font-style:normal}.horizon-path b{font:500 14px var(--ui);margin:7px 0}.horizon-path small{font:8px var(--mono);color:#6b7e72}.horizon-path u{background:linear-gradient(90deg,var(--moss),transparent);height:1px;text-decoration:none}.contact-line{font:8px var(--mono);letter-spacing:.14em;border-bottom:1px solid var(--gold);padding-bottom:8px;text-decoration:none;position:absolute;bottom:5vh;right:6vw}.contact-line span{margin-left:28px}@media (max-width:960px){.living-line{display:none}.mode-nav span{font-size:7px}.mode-nav button{justify-content:center;padding:0}.mode-nav button i{display:none}.specimen-title{left:24px}.organism-space{inset:1vh 17vw 5vh 16vw}.record-readout{width:190px;right:20px}.chapter{padding:5vh 30px}.lead-copy{left:50%}.anatomy-map,.engine-sequence,.engine-principles,.application-field{right:25px}.chapter h1{font-size:48px}}@media (max-width:700px){html{height:-webkit-fill-available}.instrument{height:100vh;height:100dvh;min-height:0}.instrument-head{height:72px}.axis-label{display:none}.mode{inset:72px 0 calc(68px + env(safe-area-inset-bottom,0px))}.mode-nav{height:calc(68px + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px);touch-action:manipulation}.mode-nav button{-webkit-tap-highlight-color:transparent}.source-state span,.source-state small{display:none}.specimen-title{top:20px}.specimen-title h1{font-size:32px}.specimen-title p{display:none}.organism-space{inset:5vh -8vw 16vh}.record-readout{background:#f0f3eade;padding:10px;top:auto;bottom:66px;right:12px}.record-readout>p,.record-readout dl div:nth-child(n+3){display:none}.record-readout h2{font-size:17px}.layer-switch{bottom:17px;left:20px}.truth-note,.mode:after{display:none}.chapter{padding:4vh 20px}.jp-label{top:3vh;right:20px}.chapter h1{margin-top:2vh;font-size:38px}.lead-copy{margin-top:4vh;position:static}.lead-copy strong{font-size:14px}.philosophy-chapter blockquote,.use-note{display:none}.anatomy-map,.engine-sequence,.engine-principles,.application-field{margin-top:3vh;position:static}.anatomy-map{grid-template-columns:1fr 1fr}.anatomy-map button{padding:9px 0 8px 30px}.anatomy-map button i{font-size:16px}.anatomy-map button p{display:none}.engine-sequence{grid-template-columns:1fr 1fr;gap:15px}.engine-sequence u{display:none}.engine-sequence div{min-height:90px}.engine-principles{grid-template-columns:1fr 1fr}.engine-principles p:last-child{display:none}.application-field{grid-template-columns:1fr 1fr}.application-field p{padding:10px 0}.horizon-intro{font-size:13px;position:static}.horizon-path{grid-template-columns:repeat(3,1fr);gap:18px;top:52%;left:20px;right:20px}.horizon-path u{display:none}.mode-nav{grid-template-columns:repeat(6,1fr)}}@media (max-width:480px){.wordmark strong{font-size:15px}.source-state{display:none}.mode-nav span{writing-mode:vertical-rl;font-size:6px}.specimen-title h1{font-size:27px}.organism-space{inset:8vh -24vw 18vh}.record-readout{width:160px}.layer-switch>span{display:none}.chapter h1{font-size:32px}.lead-copy p:last-child{display:none}.anatomy-map button b{font-size:11px}.engine-principles{display:none}.application-field span{font-size:9px}.horizon-path{grid-template-columns:repeat(2,1fr);top:48%}}.chapter h1{max-width:39vw;font-size:clamp(40px,4.7vw,76px)}.lead-copy{left:53%;right:6%}.philosophy-chapter blockquote{width:37%}.engine-chapter h1{max-width:36vw;font-size:clamp(38px,4.25vw,67px)}.engine-sequence,.engine-principles{left:48%}.engine-sequence{grid-template-columns:1fr 2vw 1fr 2vw 1fr 2vw 1fr}@media (max-width:1200px){.chapter h1{max-width:40vw;font-size:48px}.lead-copy{left:52%}.engine-chapter h1{max-width:35vw;font-size:46px}.engine-sequence,.engine-principles{left:47%}.engine-sequence span{font-size:17px}}@media (max-width:960px){.chapter h1{max-width:38vw;font-size:42px}.engine-chapter h1{max-width:34vw;font-size:40px}.engine-sequence,.engine-principles{left:45%}}@media (max-width:700px){.chapter h1,.engine-chapter h1{max-width:none;font-size:38px}.engine-sequence,.engine-principles{position:static}}@media (max-width:480px){.chapter h1,.engine-chapter h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mode{visibility:hidden;pointer-events:none;z-index:1}.mode.is-active,.mode:target{visibility:visible;pointer-events:auto;z-index:3}.mode-nav a{border:0;border-right:1px solid var(--line);color:#708176;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:0 1.5vw;text-decoration:none;display:flex;position:relative}.mode-nav a:before{content:"";background:linear-gradient(90deg,var(--gold),#77a86d);height:3px;transition:right .35s;position:absolute;top:-1px;left:0;right:100%}.mode-nav a.active{color:var(--ink);background:#ffffff59}.mode-nav a.active:before{right:0}@media (max-width:960px){.mode-nav a{justify-content:center;padding:0}.mode-nav a i{display:none}}@media (max-width:700px){.mode-nav a{-webkit-tap-highlight-color:transparent}}