@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--deep:#10211e;--cream:#f4efe5;--orange:#c45b32;--line:#b9b6ab;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font-family:var(--sans)}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:50;background:#fff;color:#111;padding:.8rem 1rem}.skip-link:focus{top:1rem}.study-header{height:76px;position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.25rem,4vw,4rem);border-bottom:1px solid #bbb7ad;background:rgba(244,239,229,.92);backdrop-filter:blur(12px)}.wordmark{font:400 1.3rem Georgia,serif;text-decoration:none;color:var(--deep);letter-spacing:-.055em}.wordmark span,.study-header p span{color:var(--orange)}.study-header p,.study-header b{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.study-header b{text-align:right;color:#9d4225}.transform-study{padding:clamp(3.5rem,6vw,6rem) clamp(1.25rem,4vw,4rem) clamp(5rem,8vw,8rem);overflow:hidden}.study-intro{display:flex;justify-content:space-between;align-items:center}.study-mark{display:flex;gap:.65rem;align-items:center;font-size:.65rem;font-weight:700;letter-spacing:.16em}.study-mark span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #bd8069;border-radius:50%;color:var(--orange)}.study-mark p,.study-note{margin:0}.study-note{font-size:.58rem;letter-spacing:.18em;color:#737b75}.study-heading{display:grid;grid-template-columns:1.6fr .6fr;gap:6vw;align-items:end;margin:2rem 0 3.5rem}.study-heading h1{font:400 clamp(4.8rem,8.2vw,9.5rem)/.83 var(--serif);letter-spacing:-.052em;margin:0}.study-heading h1 em{font-weight:400;color:var(--orange)}.study-heading>p{font-size:1rem;line-height:1.65;max-width:370px;margin:0 0 .75rem;color:#515953}.five-m-interface{display:grid;grid-template-columns:minmax(285px,31%) 1fr;border:1px solid #aeb4ab;box-shadow:0 30px 80px rgba(28,44,37,.1)}.m-controls{padding:1.3rem;background:#e7e0d4;border-right:1px solid #aeb4ab;display:flex;flex-direction:column}.control-instruction{display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.15em;font-weight:700;color:#766e64;margin:.4rem .5rem 1rem}.control-instruction span{color:var(--orange);font-size:1rem}.m-control{display:grid;grid-template-columns:2rem 1fr 1.2rem;gap:.55rem;align-items:center;min-height:92px;padding:.8rem .6rem;text-align:left;background:transparent;color:var(--deep);border:0;border-top:1px solid #bbb8ae;cursor:pointer;transition:background .35s,color .35s,padding-left .35s}.m-control:nth-of-type(5){border-bottom:1px solid #bbb8ae}.m-control:hover{background:#d8dfd6;padding-left:1rem}.m-control.active{background:var(--orange);color:#fff;padding-left:1rem;border-color:var(--orange);box-shadow:-5px 0 0 #8e351c}.m-control.active+.m-control{border-top-color:var(--orange)}.m-number{font-size:.56rem;letter-spacing:.12em;align-self:start;padding-top:.35rem;opacity:.8}.m-name b{display:block;font:400 clamp(1.65rem,2vw,2.15rem)/.9 var(--serif);letter-spacing:-.025em}.m-name small{display:block;font-size:.61rem;line-height:1.35;margin-top:.45rem;opacity:.75}.m-control i{font-style:normal;align-self:start;font-size:1rem}.control-thought{display:flex;align-items:flex-start;gap:.7rem;margin:auto .5rem 0;padding:1.5rem 0 .4rem}.control-thought span{color:var(--orange);font-size:1.4rem}.control-thought p{font:400 1.25rem/1.15 var(--serif);margin:0;max-width:210px}.m-stage{min-width:0;min-height:790px;position:relative;isolation:isolate;overflow:hidden;background:#152925;color:#f7f1e7}.stage-grid{position:absolute;inset:0;z-index:-4;opacity:.4;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px}.stage-glow{position:absolute;z-index:-3;width:540px;height:540px;left:50%;top:34%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(196,91,50,.23),rgba(196,91,50,.04) 42%,transparent 70%);transition:background .55s}.m-stage[data-active=machine] .stage-glow{background:radial-gradient(circle,rgba(197,159,103,.25),rgba(197,159,103,.04) 42%,transparent 70%)}.m-stage[data-active=method] .stage-glow{background:radial-gradient(circle,rgba(68,129,115,.34),rgba(68,129,115,.04) 42%,transparent 70%)}.m-stage[data-active=material] .stage-glow{background:radial-gradient(circle,rgba(191,116,73,.3),rgba(191,116,73,.04) 42%,transparent 70%)}.m-stage[data-active=management] .stage-glow{background:radial-gradient(circle,rgba(214,183,126,.26),rgba(214,183,126,.04) 42%,transparent 70%)}.m-network{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(94%,760px);height:610px;overflow:visible}.m-network path{fill:none;vector-effect:non-scaling-stroke}.network-base{stroke:rgba(244,232,213,.28);stroke-width:1.4;stroke-dasharray:4 9}.network-cross{stroke:rgba(244,232,213,.09);stroke-width:1}.network-signal{stroke:#e57947;stroke-width:2.7;stroke-dasharray:1150;stroke-dashoffset:1150;filter:drop-shadow(0 0 7px #d75e2c);animation:network-travel 5.5s .4s cubic-bezier(.22,1,.36,1) forwards}.m-node{position:absolute;z-index:3;width:110px;height:110px;border-radius:50%;border:1px solid rgba(244,232,213,.38);background:#20352f;color:#f7f1e7;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 20px 45px rgba(0,0,0,.22);transition:transform .4s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s}.m-node span{font-size:.5rem;letter-spacing:.14em;color:#e58a60}.m-node b{font:400 1.24rem/1 var(--serif);margin:.35rem 0 .2rem}.m-node small{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:#aebbb2}.m-node:hover{transform:translate(-50%,-50%) scale(1.08)}.m-node.active{background:var(--orange);border-color:#ea9b77;box-shadow:0 0 0 13px rgba(196,91,50,.12),0 25px 55px rgba(0,0,0,.32)}.m-node.active span,.m-node.active small{color:#fff}.node-man{left:50%;top:11%;transform:translate(-50%,-50%)}.node-machine{left:81%;top:31%;transform:translate(-50%,-50%)}.node-method{left:69%;top:67%;transform:translate(-50%,-50%)}.node-material{left:31%;top:67%;transform:translate(-50%,-50%)}.node-management{left:19%;top:31%;transform:translate(-50%,-50%)}.performance-core{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:225px;height:225px;border-radius:50%;background:radial-gradient(circle,#37483f 0%,#172a26 69%);border:1px solid rgba(244,232,213,.45);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 0 26px rgba(242,229,207,.025),0 0 60px rgba(0,0,0,.25)}.performance-core>span{font-size:.54rem;letter-spacing:.22em;color:#d5cabc}.performance-core strong{font:400 2.15rem/.9 var(--serif);margin:.45rem 0}.performance-core small{max-width:130px;font-size:.45rem;line-height:1.5;letter-spacing:.13em;color:#a9b6ae}.core-ring{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.ring-one{inset:13px;border-style:dashed;animation:core-rotate 25s linear infinite}.ring-two{inset:-21px;border-color:rgba(255,255,255,.08)}.ring-three{inset:-45px;border-color:rgba(255,255,255,.045)}.stage-coordinate{position:absolute;margin:0;font-size:.5rem;letter-spacing:.2em;color:#7c9186}.stage-coordinate.top{right:1.4rem;top:1.3rem}.stage-coordinate.side{right:1.2rem;top:43%;writing-mode:vertical-rl}.m-detail{position:absolute;left:0;right:0;bottom:0;min-height:205px;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;padding:1.7rem 2.2rem;background:rgba(8,28,23,.94);border-top:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px)}.detail-title>span{font-size:.58rem;letter-spacing:.18em;color:#e98b5e}.detail-title h2{font:400 clamp(2rem,3.2vw,3.6rem)/1 var(--serif);letter-spacing:-.03em;margin:.6rem 0 0;max-width:570px}.detail-copy>p{font-size:.78rem;line-height:1.55;color:#d6ded7;margin:0;max-width:460px}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.detail-tags span{padding:.45rem .55rem;border:1px solid rgba(255,255,255,.27);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}.m-detail.change .detail-title,.m-detail.change .detail-copy{animation:detail-in .5s cubic-bezier(.22,1,.36,1)}.outcome-rail{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;padding:1.4rem 1.6rem;border:1px solid #aeb4ab;border-top:0;background:#ded8cc}.outcome-rail>p{margin:0;font-size:.55rem;font-weight:700;letter-spacing:.16em;color:#765f51}.outcome-rail>div{display:flex;align-items:center;gap:1rem}.outcome-rail span{font:400 clamp(1.1rem,1.8vw,1.7rem)/1 var(--serif)}.outcome-rail i{height:1px;flex:1;background:#a1aaa1;position:relative;overflow:hidden}.outcome-rail i:after{content:'';position:absolute;left:-30%;top:0;width:30%;height:100%;background:var(--orange);animation:rail-signal 4s linear infinite}.outcome-rail i:nth-of-type(2):after{animation-delay:.45s}.outcome-rail i:nth-of-type(3):after{animation-delay:.9s}.outcome-rail i:nth-of-type(4):after{animation-delay:1.35s}.study-ending{font:400 clamp(2.5rem,4.6vw,5.4rem)/.98 var(--serif);letter-spacing:-.035em;margin:4rem 0 0;max-width:1050px}.study-ending em{font-weight:400;color:var(--orange)}@keyframes network-travel{to{stroke-dashoffset:0}}@keyframes core-rotate{to{transform:rotate(360deg)}}@keyframes detail-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rail-signal{to{left:130%}}
@media(max-width:1050px){.study-heading{grid-template-columns:1fr}.study-heading>p{max-width:600px}.five-m-interface{grid-template-columns:minmax(250px,34%) 1fr}.m-node{width:92px;height:92px}.m-node b{font-size:1rem}.performance-core{width:190px;height:190px}.performance-core strong{font-size:1.8rem}.m-detail{grid-template-columns:1fr;gap:.8rem;min-height:235px}.m-stage{min-height:810px}}
@media(max-width:760px){.study-header{height:68px;grid-template-columns:1fr auto}.study-header p{display:none}.transform-study{padding:3.5rem 1.25rem 5rem}.study-note{display:none}.study-heading h1{font-size:clamp(4.3rem,15vw,6.6rem)}.five-m-interface{grid-template-columns:1fr;margin-left:-1.25rem;margin-right:-1.25rem;border-left:0;border-right:0}.m-controls{border-right:0;border-bottom:1px solid #aeb4ab;display:grid;grid-template-columns:1fr 1fr;padding:.8rem}.control-instruction{grid-column:1/-1}.m-control{min-height:82px;border:1px solid #bbb8ae;margin:-.5px;grid-template-columns:1.5rem 1fr}.m-control i{display:none}.m-name b{font-size:1.45rem}.m-name small{font-size:.54rem}.m-control:last-of-type{grid-column:1/-1}.m-control.active,.m-control:hover{padding-left:.75rem;box-shadow:inset 4px 0 0 #8e351c}.control-thought{grid-column:1/-1;margin:1rem .5rem .3rem}.m-stage{min-height:790px}.m-network{height:550px}.m-node{width:78px;height:78px}.m-node b{font-size:.84rem}.m-node small{display:none}.node-man{top:10%}.node-machine{left:84%;top:29%}.node-method{left:72%;top:59%}.node-material{left:28%;top:59%}.node-management{left:16%;top:29%}.performance-core{top:31%;width:165px;height:165px}.performance-core strong{font-size:1.48rem}.performance-core small{font-size:.4rem}.m-detail{min-height:255px;padding:1.4rem}.detail-title h2{font-size:2.3rem}.outcome-rail{grid-template-columns:1fr;gap:.8rem;margin-left:-1.25rem;margin-right:-1.25rem;border-left:0;border-right:0}.outcome-rail>div{gap:.55rem}.outcome-rail span{font-size:1rem}.study-ending{font-size:clamp(2.6rem,10vw,4rem)}}
@media(max-width:430px){.study-header b{font-size:.48rem}.study-heading h1{font-size:clamp(3.9rem,16vw,5.2rem)}.m-name b{font-size:1.18rem}.m-name small{font-size:.49rem}.m-stage{min-height:760px}.m-network{top:10px;height:490px}.m-node{width:68px;height:68px}.m-node span{font-size:.42rem}.node-man{top:9%}.node-machine{top:26%;left:84%}.node-method{top:52%;left:70%}.node-material{top:52%;left:30%}.node-management{top:26%;left:16%}.performance-core{top:28%;width:140px;height:140px}.performance-core strong{font-size:1.2rem}.performance-core>span{font-size:.45rem}.performance-core small{max-width:100px}.m-detail{min-height:280px}.detail-title h2{font-size:2rem}.outcome-rail>div{flex-wrap:wrap}.outcome-rail i{min-width:20px}.study-ending{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-signal{stroke-dashoffset:0}.network-signal,.ring-one,.outcome-rail i:after,.m-detail.change .detail-title,.m-detail.change .detail-copy{animation:none!important}.m-control,.m-node,.stage-glow{transition:none}}

/* The system releases: one connected outcome current */
.outcome-rail{padding-top:1.65rem;padding-bottom:1.65rem;overflow:hidden}.outcome-rail .outcome-flow{position:relative;display:flex;align-items:center;gap:.75rem}.outcome-rail .outcome-word{position:relative;z-index:2;font:400 clamp(1rem,1.55vw,1.55rem)/1 var(--serif);color:#68726c;white-space:nowrap;animation:outcome-word-live 7.2s cubic-bezier(.22,1,.36,1) infinite}.outcome-rail .outcome-word:nth-of-type(2){animation-delay:1.1s}.outcome-rail .outcome-word:nth-of-type(3){animation-delay:2.2s}.outcome-rail .outcome-word:nth-of-type(4){animation-delay:3.3s}.outcome-rail .outcome-word:nth-of-type(5){animation-delay:4.4s}.outcome-rail .outcome-word:nth-of-type(6){animation-delay:5.5s}.outcome-rail .outcome-profitability{color:var(--orange);font-size:clamp(1.2rem,1.85vw,1.85rem)}.outcome-rail .outcome-link{height:1px;min-width:18px;flex:1;background:#a1aaa1;position:relative;overflow:hidden}.outcome-rail .outcome-link:after{content:'';position:absolute;inset:0;width:auto;background:var(--orange);transform:scaleX(0);transform-origin:left;animation:outcome-link-live 7.2s cubic-bezier(.22,1,.36,1) infinite}.outcome-rail .outcome-link:nth-of-type(1):after{animation-delay:.55s}.outcome-rail .outcome-link:nth-of-type(2):after{animation-delay:1.65s}.outcome-rail .outcome-link:nth-of-type(3):after{animation-delay:2.75s}.outcome-rail .outcome-link:nth-of-type(4):after{animation-delay:3.85s}.outcome-rail .outcome-link:nth-of-type(5):after{animation-delay:4.95s}.outcome-pulse{position:absolute;z-index:3;left:0;top:50%;width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(196,91,50,.15),0 0 16px rgba(196,91,50,.6);transform:translate(-50%,-50%);animation:outcome-pulse-travel 7.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes outcome-word-live{0%,10%,100%{color:#68726c;transform:translateY(0)}16%,31%{color:var(--deep);transform:translateY(-3px)}38%{color:#68726c;transform:translateY(0)}}@keyframes outcome-link-live{0%,15%{transform:scaleX(0);transform-origin:left}25%,42%{transform:scaleX(1);transform-origin:left}54%,100%{transform:scaleX(0);transform-origin:right}}@keyframes outcome-pulse-travel{0%{left:0;opacity:0}5%{opacity:1}82%{left:100%;opacity:1}90%,100%{left:100%;opacity:0}}
@media(max-width:760px){.outcome-rail .outcome-flow{gap:.45rem;flex-wrap:wrap}.outcome-rail .outcome-word{font-size:1rem}.outcome-rail .outcome-profitability{font-size:1.25rem}.outcome-rail .outcome-link{min-width:16px;max-width:34px}.outcome-pulse{display:none}}
@media(prefers-reduced-motion:reduce){.outcome-rail .outcome-link:after,.outcome-rail .outcome-word,.outcome-pulse{animation:none!important}.outcome-rail .outcome-word{color:var(--deep);transform:none}.outcome-rail .outcome-profitability{color:var(--orange)}.outcome-rail .outcome-link:after{transform:scaleX(1)}}
