@font-face{font-family:Studio;src:url('assets/EditorialSans-Regular.otf') format('opentype');font-display:swap;font-weight:400}@font-face{font-family:Studio;src:url('assets/EditorialSans-Bold.otf') format('opentype');font-display:swap;font-weight:700}@font-face{font-family:Editorial;src:url('assets/EditorialSerif-Italic.otf') format('opentype');font-display:swap;font-style:italic}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fcfcfb;color:#141915;font-family:Studio,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;min-height:44px;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #754b63;outline-offset:5px}button{border:0;background:none}a{touch-action:manipulation}button[hidden],[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;background:#fff;padding:16px;z-index:20}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 5%;max-width:1600px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:16px;letter-spacing:-.3px;line-height:1.25;min-height:44px}.brand img{width:45px;height:45px;object-fit:contain}.brand small{display:block;color:#62705f;font-size:10px;letter-spacing:0;margin-top:4px}.preview-label{font-size:8px;letter-spacing:.12em;color:#63715e}.hello-link{display:flex;align-items:center;gap:28px;font-size:12px;min-height:44px}.hello-link span{font-size:21px}.introduction{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1600px;padding:52px 7% 0;margin:auto}.eyebrow{font-size:8px;letter-spacing:.13em;color:#61735b;line-height:1.5;margin:0 0 19px}.introduction .loop-title{font-size:clamp(52px,5.8vw,91px);line-height:1.04;font-weight:400;letter-spacing:-.065em;margin:0}.introduction .loop-title em{font-family:Editorial,Georgia,serif;letter-spacing:-.05em;font-weight:400}.intro-copy{font-size:13px;line-height:1.55;color:#586953;margin:0 0 5px;max-width:320px}.experience{max-width:1600px;margin:auto;padding:0 4%}.scene-stage{position:relative;width:100%;height:clamp(390px,43vw,660px);overflow:hidden;isolation:isolate;touch-action:pan-y}.scene-mount{position:absolute;inset:0}.scene-mount svg{width:100%;height:100%;display:block}.scene-mount svg text{display:none}.scene-mount svg .builder,.scene-mount svg .builder-heart{display:block}.scene-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:27px;text-align:center;color:#49664f;background:radial-gradient(ellipse at 50% 60%,#e7eee4,transparent 50%);line-height:1.3}.scene-placeholder em{font-family:Editorial,Georgia,serif;font-weight:400}.experience-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 3%;border-bottom:1px solid #dce3d7;padding-bottom:8px}.phase-controls{display:flex;gap:22px;flex:1}.phase{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#607057;padding:8px 4px;position:relative;min-width:75px}.phase>span{font-size:8px;color:#63735b}.phase.selected{color:#203b27}.phase.selected:after{content:'';position:absolute;left:3px;right:3px;height:2px;bottom:-9px;background:#718d6f}.playback-controls{display:flex;gap:25px;align-items:center}.playback-controls button{display:flex;align-items:center;gap:10px;padding:8px 3px;font-size:11px;color:#3d5439}.playback-icon{font-size:13px;min-width:13px}.playback-controls #inspect-node{color:#784956}.playback-controls #inspect-node>span{font-size:17px}.phase-narrative{display:flex;justify-content:space-between;gap:25px;padding:18px 3% 0;min-height:67px;align-items:start}.phase-narrative p{font-size:12px;line-height:1.5;color:#5d6e54;margin:0;max-width:620px}.phase-narrative>span{font-size:9px;line-height:1.5;color:#61745a;padding-top:1px;white-space:nowrap}.perspectives{padding:46px 3% 0}.perspective-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:21px}.perspective-heading h2{font-size:22px;font-weight:400;letter-spacing:-.7px;margin:0}.perspective-heading>p{font-size:9px;color:#65725e;margin:0}.discipline-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f1f3ee;padding:5px;border-radius:10px}.discipline{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:6px;min-height:50px;font-size:12px;position:relative;padding:9px 25px 9px 12px}.discipline.selected{background:#fff;box-shadow:0 1px 5px #00000005}.discipline small{position:absolute;right:14px;font-size:8px;color:#63735b}.discipline-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.green{background:#6a9a7e}.peach{background:#bc8b67}.purple{background:#9781b0}.discipline-panel{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:34px 0 0;min-height:130px}.discipline-panel h3{font-size:29px;font-weight:400;line-height:1.08;letter-spacing:-.9px;margin:0;max-width:360px}.discipline-panel p{font-size:14px;line-height:1.6;color:#5e6d55;margin:0;max-width:540px}.metaphor-note{font-size:9px;line-height:1.5;color:#63745b;margin:22px 3% 40px;max-width:620px}.node-drawer{margin:22px 3% 0;padding:34px;background:#f3f5ef;border:1px solid #e1e6db;border-radius:8px}.drawer-heading{display:flex;justify-content:space-between;gap:25px;align-items:start}.drawer-heading .eyebrow{font-size:7px;margin:0 0 12px}.drawer-heading h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0}.drawer-heading button{display:flex;align-items:center;gap:18px;font-size:11px;min-height:44px;padding:0 0 0 15px}.drawer-heading button>span{font-size:23px}.toy-notice{font-size:11px;line-height:1.6;color:#5a6d50;max-width:750px;margin:20px 0 31px}.computation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.computation-grid>section+section{padding-left:28px;border-left:1px solid #d8e1d0}.step-label{font-size:7px;letter-spacing:.08em;color:#5d714e;margin:0 0 17px}.computation-grid h3{font-size:21px;line-height:1.1;font-weight:400;letter-spacing:-.6px;margin:0 0 16px}.computation-grid p:not(.step-label){font-size:12px;line-height:1.6;color:#5c6e50;margin:0 0 15px}.computation-grid p.node-reference{font-size:10px}.weighted-terms{border-top:1px solid #d9e1d2;margin-bottom:14px}.weighted-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #d9e1d2;min-height:34px;align-items:center;font-size:12px}.weighted-row span:first-child{font-size:11px;color:#596d4d}.equation-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:10px;line-height:1.5;color:#607153}.equation-line strong{font-size:12px;font-weight:400;color:#304b2c;font-variant-numeric:tabular-nums}.activation-result{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #c7d7be;margin-top:5px;padding:13px 0;font-size:11px;color:#314d2a}.activation-result strong{font-size:28px;font-weight:400;letter-spacing:-1px}.computation-grid p.small-note{font-size:9px;margin-top:14px;color:#607252}.computation-grid p.update-rule{font-size:10px;color:#395831}.parameter-change{display:flex;align-items:center;justify-content:space-between;font-size:22px;letter-spacing:-.7px;border-top:1px solid #d4dfca;margin-top:10px;padding-top:15px;font-variant-numeric:tabular-nums;color:#627556}.parameter-change strong{font-weight:400;color:#304d29}.parameter-change span:nth-child(2){font-size:19px}footer{max-width:1460px;margin:0 7%;border-top:1px solid #dce3d7;display:flex;align-items:center;justify-content:space-between;padding:23px 0 33px;font-size:9px;color:#617357}footer a{min-height:44px;display:flex;align-items:center;color:#243e29}.footer-divider{padding:0 8px}button:hover{color:#141e12}.discipline:not(.selected):hover{background:#ffffff80}a:hover{opacity:.75}@media(min-width:1600px){footer{margin:auto}}@media(max-width:1000px){.introduction{padding-top:40px}.introduction .loop-title{font-size:65px}.intro-copy{font-size:11px}.phase-controls{gap:10px}.phase{min-width:67px}.playback-controls{gap:20px}.computation-grid{gap:23px}.computation-grid>section+section{padding-left:22px}.node-drawer{padding:27px}.discipline{font-size:11px;gap:7px}.discipline small{display:none}.discipline-panel{gap:7%}.scene-stage{height:430px}}@media(max-width:760px){.preview-label{display:none}.introduction{display:block;padding:36px 6% 0}.introduction .loop-title{font-size:67px}.intro-copy{margin-top:22px;font-size:12px;line-height:1.5}.scene-stage{height:400px}.experience-controls{gap:15px}.phase-controls{gap:4px}.phase{min-width:60px;font-size:11px;gap:6px}.phase>span{font-size:7px}.playback-controls{gap:13px}.playback-controls button{font-size:10px;gap:7px}.phase-narrative{display:block}.phase-narrative>span{display:block;margin-top:8px}.perspectives{padding-top:37px}.perspective-heading>p{display:none}.discipline-panel h3{font-size:26px}.discipline-panel p{font-size:13px}.computation-grid{grid-template-columns:1fr;gap:25px}.computation-grid>section+section{padding:25px 0 0;border-left:0;border-top:1px solid #d8e1d0}.weighted-terms,.equation-line,.activation-result{max-width:420px}.parameter-change{max-width:320px}.computation-grid p{max-width:520px}}@media(max-width:600px){.header{padding:21px 6%;gap:18px}.brand{font-size:15px;gap:10px}.brand img{width:40px;height:40px}.brand small{font-size:9px;margin-top:3px}.hello-link{font-size:10px;gap:12px}.hello-link span{font-size:18px}.introduction{padding-top:30px}.eyebrow{font-size:7px;margin-bottom:18px}.introduction .loop-title{font-size:58px;max-width:340px;line-height:1}.intro-copy{font-size:11px;margin-top:20px}.experience{padding:0 3%}.scene-stage{height:370px;margin-top:7px}.scene-mount svg{height:100%;width:auto;max-width:none;position:absolute;left:50%;transform:translateX(-58%)}.scene-mount svg text,.scene-mount svg .builder,.scene-mount svg .builder-heart{display:none}.scene-placeholder{font-size:24px}.experience-controls{display:block;padding-bottom:7px;margin:0 3%}.phase-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.phase{min-height:46px;min-width:0;font-size:12px;gap:6px}.phase>span{font-size:7px}.phase.selected:after{bottom:-1px;left:7px;right:7px}.playback-controls{justify-content:space-between;border-top:1px solid #e5eadd;margin-top:10px;padding:6px 7px 0;gap:25px}.playback-controls button{font-size:11px;gap:10px;min-height:46px}.playback-controls #inspect-node>span{font-size:18px}.phase-narrative{padding:15px 5% 0;min-height:95px}.phase-narrative p{font-size:12px;line-height:1.5}.phase-narrative>span{font-size:9px;margin-top:8px}.perspectives{padding:31px 3% 0}.perspective-heading{margin-bottom:19px}.perspective-heading h2{font-size:25px;letter-spacing:-.8px}.discipline-controls{grid-template-columns:1fr;padding:4px;gap:3px}.discipline{justify-content:flex-start;gap:12px;padding:12px 14px;min-height:48px;font-size:13px}.discipline small{display:block;right:16px;font-size:9px}.discipline-dot{width:7px;height:7px}.discipline-panel{display:block;padding-top:25px;min-height:0}.discipline-panel h3{font-size:29px;max-width:300px;margin:0 0 16px}.discipline-panel p{font-size:13px;max-width:100%}.metaphor-note{font-size:9px;margin-top:28px;margin-bottom:35px;line-height:1.6}.node-drawer{margin:17px 3% 0;padding:23px 18px}.drawer-heading{gap:15px}.drawer-heading .eyebrow{font-size:6px;letter-spacing:.05em;margin-bottom:11px}.drawer-heading h2{font-size:27px;letter-spacing:-.9px}.drawer-heading button{font-size:10px;gap:10px;padding:0;min-width:57px}.toy-notice{font-size:11px;margin:18px 0 25px}.step-label{font-size:7px}.computation-grid h3{font-size:22px}.computation-grid p:not(.step-label){font-size:12px}.weighted-row{min-height:39px}.equation-line{font-size:11px}.equation-line strong{font-size:13px}.computation-grid p.small-note{font-size:10px}footer{font-size:8px;margin:0 6%;padding:15px 0 22px;gap:15px}.footer-divider{padding:0 4px}}@media(max-width:360px){.introduction .loop-title{font-size:51px}.scene-stage{height:340px}.brand{font-size:14px}.brand small{font-size:8px}.hello-link{font-size:9px}.phase{font-size:11px}.phase>span{display:none}.footer-divider{display:none}footer>span{max-width:190px;line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Mobile keeps both knowledge layers and the builder output in a clean art crop. */
@media(max-width:600px){.scene-stage{height:270px;margin-top:14px}.scene-mount svg{width:100%;height:100%;position:static;left:auto;transform:none;max-width:100%}}@media(max-width:360px){.scene-stage{height:250px}}
.scene-mount svg .layer-label{display:block}.mobile-scene-caption{display:none}@media(max-width:600px){.scene-mount svg .layer-label{display:none}.mobile-scene-caption{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 3% 20px;font-size:10px;line-height:1.5;color:#526b5b}.mobile-scene-caption strong{font-weight:400;color:#704450}.mobile-scene-caption>span[aria-hidden]{color:#637257}}

@media(max-width:600px){.mobile-scene-caption{font-size:11px}}

footer{flex-wrap:wrap;gap:12px 24px}

/* Identity first, then the learning loop. Typography and the scene retain the selected visual system. */
.introduction{align-items:center;gap:7%;padding-top:48px;padding-bottom:38px}.introduction>div:first-child{min-width:0;flex:1}.identity-heading{max-width:650px}.identity-heading .eyebrow{font-size:9px;margin:0 0 17px}.identity-name{font-size:clamp(34px,4.3vw,64px);line-height:1.07;font-weight:400;letter-spacing:-.045em;margin:0 0 20px}.identity-roles{font-size:16px;line-height:1.45;letter-spacing:-.2px;margin:0;color:#253c2c;max-width:360px}.identity-copy{width:470px;max-width:44%;flex-shrink:0}.identity-summary{font-size:15px;line-height:1.65;color:#3e5140;margin:0 0 15px}.identity-brand{font-size:14px;line-height:1.65;color:#586953;margin:0}.identity-mindset{font-size:12px;line-height:1.5;color:#6e3e50;margin:18px 0 0}.loop-introduction{margin:0 3%;padding:30px 0 0;border-top:1px solid #dce3d7;display:flex;align-items:center;justify-content:space-between;gap:32px}.loop-introduction .loop-title{font-size:clamp(32px,3vw,43px);line-height:1.08;font-weight:400;letter-spacing:-.05em;margin:0}.loop-introduction .loop-title em{font-family:Editorial,Georgia,serif;font-weight:400}.loop-introduction>p{font-size:12px;line-height:1.6;color:#586953;max-width:340px;margin:0}.scene-mount svg .input-label,.scene-mount svg .input-sub,.scene-mount svg .output-label{display:block}.expertise-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 3% 0;padding:29px 0;border-top:1px solid #dce3d7;border-bottom:1px solid #dce3d7}.expertise-overview .eyebrow{font-size:8px;margin-bottom:13px}.expertise-overview h3{font-size:21px;line-height:1.16;letter-spacing:-.5px;font-weight:400;margin:0 0 12px}.expertise-overview article>p:last-child{font-size:12px;line-height:1.6;color:#586953;margin:0}.perspectives{padding-top:32px}
@media(max-width:1000px){.introduction{gap:5%;padding-top:38px}.identity-copy{max-width:48%}.identity-roles{font-size:15px}.identity-summary{font-size:14px}.identity-brand{font-size:13px}.expertise-overview{gap:25px}.expertise-overview h3{font-size:19px}}
@media(max-width:760px){.introduction{display:block;padding:28px 6% 30px}.identity-heading{max-width:560px}.identity-heading .eyebrow{font-size:8px;margin-bottom:13px}.identity-name{font-size:36px;margin-bottom:13px}.identity-roles{font-size:15px;max-width:340px}.identity-copy{width:100%;max-width:560px;margin-top:21px}.identity-summary{font-size:14px;line-height:1.6;margin-bottom:12px}.identity-brand{font-size:13px;line-height:1.6}.identity-mindset{font-size:12px;margin-top:14px}.loop-introduction{display:block;padding-top:25px}.loop-introduction .loop-title{font-size:32px}.loop-introduction>p{font-size:12px;max-width:420px;margin-top:12px}.expertise-overview{grid-template-columns:1fr;gap:25px;margin-top:27px;padding:25px 0}.expertise-overview article+article{border-top:1px solid #e1e6dd;padding-top:23px}.expertise-overview h3{font-size:23px}.expertise-overview article>p:last-child{font-size:13px}}
@media(max-width:600px){.scene-mount svg .input-label,.scene-mount svg .input-sub,.scene-mount svg .output-label{display:none}.scene-stage{margin-top:12px}}
@media(max-width:360px){.identity-name{font-size:32px}.identity-roles{font-size:14px}.loop-introduction .loop-title{font-size:30px}}