.method-story{--ms-red:#e06c55;--ms-amber:#d6a642;--ms-blue:#5f9eaa;--ms-night:#111722;--ms-paper:#e8dfce}.method-story .page-header{display:none}.method-story .page-content{max-width:none;padding:0}.method-story main{display:block}body:has(.method-story) #pointcloud-bg,body:has(.method-story) .shape-toggle-btn{display:none!important}.ms-progress{position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none}.ms-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ms-red),var(--ms-amber),var(--ms-blue))}
.ms-hero{min-height:min(900px,92vh);position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;margin:0 calc(50% - 50vw);padding:8rem max(1.5rem,calc(50vw - 31rem));background:var(--ms-night);color:#f4efe5}.ms-night{position:absolute;inset:0;opacity:.72}.ms-night svg{position:absolute;inset:auto 0 0;width:100%;height:60%;}.ms-night .city{fill:#070b11}.ms-night .road{fill:none;stroke:#77869b;stroke-width:4;opacity:.25}.ms-night .rain{fill:none;stroke:#9fb1c5;stroke-width:1;opacity:.16}.window{position:absolute;width:7px;height:10px;background:#d7ad53;box-shadow:0 0 14px #d7ad53}.w1{left:12%;top:57%}.w2{left:24%;top:48%}.w3{left:39%;top:39%}.w4{left:55%;top:50%}.w5{left:73%;top:43%}.w6{left:84%;top:62%}.ms-kicker,.ms-hero h1,.ms-lede,.ms-enter{position:relative;z-index:2}.ms-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#b8c1cc}.ms-hero h1{font:600 clamp(3.8rem,10vw,8rem)/.86 "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:1rem 0;max-width:9ch}.ms-hero h1 i{font-family:Georgia,serif;font-weight:400;color:var(--ms-red)}.ms-lede{font:400 clamp(1.05rem,2vw,1.35rem)/1.65 Georgia,serif;color:#c8c5bf;max-width:37rem}.ms-enter{display:flex;align-items:center;gap:.8rem;color:#f4efe5;text-decoration:none;margin-top:3rem;width:max-content;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.ms-enter i{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid #59616d;border-radius:50%;font-style:normal}
.ms-rail{position:sticky;top:3px;z-index:70;display:flex;justify-content:center;overflow:auto;margin:0 calc(50% - 50vw);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.ms-rail a{display:flex;align-items:center;gap:.4rem;padding:.65rem .8rem;color:var(--muted);text-decoration:none;font-size:.72rem;white-space:nowrap;border-bottom:2px solid transparent}.ms-rail b{color:var(--ms-red)}.ms-rail a.is-on{color:var(--text);border-bottom-color:var(--ms-red)}
.ms-story{max-width:74rem;margin:auto}.ms-act{padding:7rem 1.5rem 2rem;scroll-margin-top:3rem}.ms-act-head{display:grid;grid-template-columns:8rem 1fr;gap:0 2rem;margin:0 auto 8rem;max-width:62rem}.ms-act-head>span{grid-row:1/4;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--ms-red);padding-top:.7rem}.ms-act-head h2{font:600 clamp(3rem,7vw,6rem)/.95 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:0;color:var(--text)}.ms-act-head p{font:400 1.12rem/1.6 Georgia,serif;color:var(--muted);max-width:35rem;margin:1rem 0 0}.ms-scene{display:grid;grid-template-columns:9rem minmax(0,38rem) minmax(13rem,1fr);gap:2rem;align-items:start;margin:0 0 11rem;scroll-margin-top:7rem}.ms-chapter{position:sticky;top:5rem}.ms-chapter>span{font:500 clamp(2.5rem,5vw,4.5rem)/1 Georgia,serif;color:color-mix(in srgb,var(--ms-red) 65%,var(--muted));display:block}.ms-chapter h3{font:600 .82rem/1.35 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.08em;margin:.6rem 0;color:var(--text)}.ms-prose p,.ms-prose blockquote{font:400 1.08rem/1.82 Georgia,serif;color:var(--muted);margin:0 0 1.25rem}.ms-prose p:first-child{font-size:1.28rem;line-height:1.65;color:var(--text)}.ms-prose blockquote{border-left:2px solid var(--ms-red);padding:.5rem 0 .5rem 1.2rem;color:var(--text);font-size:1.3rem;font-style:italic}.ms-prose strong{color:var(--text)}
.ms-object,.ms-stack,.ms-proof,.ms-wall,.ms-office,.ms-unmake,.ms-house,.ms-presence,.ms-compound,.ms-ripple,.ms-known,.ms-layers,.ms-selection,.ms-authority,.ms-carry,.ms-shelf,.ms-circle,.ms-page,.ms-reversal,.ms-book{position:sticky;top:8rem;min-height:17rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-soft);overflow:hidden;padding:1.2rem;color:var(--text)}.ms-drawer div{height:8rem;margin:2rem 1rem;background:var(--surface);border:2px solid var(--muted);perspective:300px}.ms-drawer div span{display:block;width:74%;height:100%;background:var(--surface);border:2px solid var(--text);transform:translate(18px,18px);box-shadow:-12px -8px 0 color-mix(in srgb,var(--ms-red) 30%,transparent)}.ms-drawer figcaption{font-size:.75rem;color:var(--muted)}
.ms-stack{display:flex;flex-direction:column;justify-content:center}.ms-stack i{font-style:normal;padding:.55rem;border-bottom:1px solid var(--line);transform:translateX(var(--x,0));color:var(--muted)}.ms-stack i:nth-child(2){--x:8%}.ms-stack i:nth-child(3){--x:16%}.ms-stack i:nth-child(4){--x:24%}.ms-stack i:nth-child(5){--x:32%;color:var(--ms-red)}
.ms-proof{display:flex;flex-direction:column;justify-content:center;gap:.7rem}.ms-proof i{color:var(--ms-red)}.ms-proof strong{margin-top:1rem;font:italic 1.2rem Georgia,serif}.ms-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;align-content:start}.ms-wall .brick{padding:.7rem;background:color-mix(in srgb,var(--ms-red) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--ms-red) 40%,var(--line));font-size:.72rem;text-align:center}.ms-wall i{grid-column:1/-1;width:2.5rem;height:7rem;background:var(--ms-red);margin:auto}.ms-wall small{grid-column:1/-1;text-align:center;color:var(--muted)}
.ms-office{background:#111722;color:#e9e5dc}.ms-office .screen{border:1px solid #485364;padding:1rem;margin:1rem 0}.ms-office .screen span,.ms-office .screen b{display:block}.ms-office .screen b{font-size:3rem}.ms-office .screen i{display:block;height:4px;background:linear-gradient(90deg,var(--ms-blue) 99%,#323a46 99%)}.ms-office>p{display:inline-block;width:48%;color:#aeb6c0;font-size:.72rem}.ms-cursor{display:none}.ms-unmake{display:flex;flex-wrap:wrap;gap:.5rem;align-content:center;justify-content:center}.ms-unmake span{padding:.7rem;border:1px solid var(--line);text-decoration:line-through;color:var(--muted)}.ms-unmake b{width:100%;text-align:center;font:italic 2rem Georgia,serif;color:var(--ms-blue)}
.ms-house{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:2rem 5rem 5rem 2.5rem;gap:.35rem;padding:2rem}.ms-house .roof{grid-column:1/-1;border-left:7rem solid transparent;border-right:7rem solid transparent;border-bottom:2rem solid var(--ms-red);height:0}.ms-house .room{display:grid;place-items:center;border:1px solid var(--line);font-size:.68rem;text-align:center}.ms-house .work{grid-row:2/4;grid-column:2}.ms-house .foundation{grid-column:1/-1;background:var(--text);color:var(--bg);display:grid;place-items:center;font-size:.7rem}.ms-presence{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.ms-presence span{padding:.7rem;border:1px solid var(--line)}.ms-presence i{width:3rem;border-top:2px dotted var(--ms-red)}.ms-presence small{grid-column:1/-1;color:var(--muted)}
.ms-compound,.ms-layers{display:flex;flex-direction:column;justify-content:center;gap:.4rem}.ms-compound span,.ms-layers span{padding:.45rem .7rem;border-left:calc(var(--n,1)*3px) solid var(--ms-blue);background:var(--surface)}.ms-compound span:nth-child(2),.ms-layers span:nth-child(2){--n:2}.ms-compound span:nth-child(3),.ms-layers span:nth-child(3){--n:3}.ms-compound span:nth-child(4),.ms-layers span:nth-child(4){--n:4}.ms-compound span:nth-child(5),.ms-layers span:nth-child(5){--n:5}.ms-compound b,.ms-layers b{text-align:right;color:var(--ms-blue);margin-top:.8rem}.ms-ripple{display:grid;place-items:center}.ms-ripple i{position:absolute;width:calc(3rem + var(--n)*3rem);height:calc(3rem + var(--n)*3rem);border:1px solid color-mix(in srgb,var(--ms-blue) 55%,transparent);border-radius:50%}.ms-ripple i:nth-child(1){--n:0}.ms-ripple i:nth-child(2){--n:1}.ms-ripple i:nth-child(3){--n:2}.ms-ripple i:nth-child(4){--n:3}.ms-ripple span{z-index:2}.ms-ripple small{position:absolute;color:var(--muted)}.ms-ripple small:nth-of-type(1){top:16%;right:10%}.ms-ripple small:nth-of-type(2){bottom:18%;left:8%}.ms-ripple small:nth-of-type(3){bottom:12%;right:12%}
.ms-known{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.ms-known div{display:flex;flex-direction:column;justify-content:center;padding:.8rem;border:1px solid var(--line)}.ms-known div:first-child{border-color:var(--ms-blue)}.ms-known span{font-size:.7rem;text-transform:uppercase;color:var(--muted)}.ms-known b{margin-top:.5rem}.ms-selection{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.3rem;align-items:center;text-align:center}.ms-selection i{width:1rem;border-top:1px solid var(--muted)}.ms-selection b{grid-column:1/-1;margin-top:2rem;color:var(--ms-blue)}.ms-authority{display:flex;flex-direction:column;justify-content:center;text-align:center}.ms-authority>span{text-transform:uppercase;letter-spacing:.1em}.ms-authority div{display:flex;flex-direction:column;margin:1rem 0}.ms-authority div b{padding:.4rem;border-bottom:1px solid var(--line)}.ms-authority strong{font-size:3rem;color:var(--ms-red)}
.ms-carry{display:flex;flex-wrap:wrap;gap:.5rem;align-content:center;justify-content:center}.ms-carry span{width:5rem;height:5rem;display:grid;place-items:center;border:1px solid var(--ms-red);border-radius:50%}.ms-carry b{width:100%;text-align:center;margin-top:1rem}.ms-shelf{display:flex;flex-direction:column;justify-content:flex-end;gap:.25rem}.ms-shelf i{position:absolute;inset:12% 10%;border-bottom:8px solid var(--text)}.ms-shelf span{z-index:2;width:max-content;padding:.35rem;background:var(--surface);border:1px solid var(--line)}.ms-shelf b{z-index:2;margin-top:1rem;color:var(--ms-amber)}.ms-circle{display:grid;place-items:center}.ms-circle i{position:absolute;width:1rem;height:1rem;border-radius:50%;background:var(--ms-blue);transform:rotate(calc(var(--n)*72deg)) translateY(-5.5rem)}.ms-circle i:nth-child(1){--n:0}.ms-circle i:nth-child(2){--n:1}.ms-circle i:nth-child(3){--n:2}.ms-circle i:nth-child(4){--n:3}.ms-circle i:nth-child(5){--n:4}.ms-circle span{max-width:8rem;text-align:center}.ms-wall.resolved i{width:100%;height:.7rem;background:var(--ms-blue)}
.ms-page{display:flex;flex-direction:column;justify-content:center;background:var(--ms-paper);color:#26231e;font:1rem/1.6 Georgia,serif}.ms-page i{border-top:1px solid #9e9689;margin:1.5rem 0}.ms-page b{font-size:1.2rem}.ms-reversal{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-content:center}.ms-reversal span{font-size:.68rem;text-transform:uppercase;color:var(--muted)}.ms-reversal i{grid-column:1/-1;text-align:center;color:var(--ms-red)}.ms-book{perspective:800px;background:transparent;border:0;padding:1.5rem}.ms-book .cover,.ms-book .inside{position:absolute;inset:1.5rem;padding:1.5rem;backface-visibility:hidden;transition:transform 1s}.ms-book .cover{display:grid;place-items:center;background:#212834;color:#eee;transform-origin:left;border-left:8px solid #151a22}.ms-book .inside{display:flex;flex-direction:column;justify-content:center;background:var(--ms-paper);color:#25221e;gap:1.5rem}.ms-book .inside span{font-size:.8rem}.ms-book .cover{transform:rotateY(-155deg)}
.ms-end{text-align:center;padding:5rem 1rem 9rem;color:var(--muted)}.ms-end>span{color:var(--ms-red)}.ms-end p{font:italic 1rem/1.7 Georgia,serif}
@media(max-width:900px){.ms-scene{grid-template-columns:5rem minmax(0,1fr)}.ms-scene>*:nth-child(3){position:relative;top:auto;grid-column:2;min-height:15rem}.ms-chapter{top:4.5rem}.ms-act-head{grid-template-columns:5rem 1fr}.ms-rail span{display:none}}
@media(max-width:620px){.ms-hero{min-height:88vh}.ms-hero h1{font-size:3.7rem}.ms-act{padding:5rem 1rem 1rem}.ms-act-head{display:block;margin-bottom:5rem}.ms-act-head>span{display:block;margin-bottom:.8rem}.ms-act-head h2{font-size:3.4rem}.ms-scene{display:block;margin-bottom:8rem}.ms-chapter{position:relative;top:auto;display:flex;gap:.8rem;align-items:baseline;margin-bottom:1.5rem}.ms-chapter>span{font-size:2.5rem}.ms-prose p,.ms-prose blockquote{font-size:1.03rem}.ms-scene>*:nth-child(3){margin-top:2rem}.ms-rail a{padding:.6rem}.ms-rail b{font-size:.68rem}}
@media(prefers-reduced-motion:no-preference){.ms-ripple i{animation:pulse 4s infinite alternate}.ms-ripple i:nth-child(2){animation-delay:.5s}.ms-ripple i:nth-child(3){animation-delay:1s}.ms-ripple i:nth-child(4){animation-delay:1.5s}.window{animation:flicker 5s infinite}.rain{animation:rain 4s linear infinite}@keyframes pulse{to{opacity:.2;transform:scale(1.05)}}@keyframes flicker{50%{opacity:.45}}@keyframes rain{to{transform:translate(-80px,160px)}}}
.ms-title{position:relative;z-index:2;font:600 clamp(3.8rem,10vw,8rem)/.86 "Space Grotesk",sans-serif;letter-spacing:-.07em;margin:1rem 0;max-width:9ch}.ms-title i{font-family:Georgia,serif;font-weight:400;color:var(--ms-red)}
@media(max-width:620px){.ms-title{font-size:3.7rem}}

/* Narrative maturation: rigid systems early, warmer and more open forms later. */
.ms-act{position:relative}.ms-act::before{content:"";position:absolute;left:5.45rem;top:16rem;bottom:0;border-left:1px solid color-mix(in srgb,var(--ms-red) 18%,transparent);pointer-events:none}.ms-act[data-act="4"],.ms-act[data-act="5"]{--ms-red:#d89b58}.ms-act[data-act="6"],.ms-act[data-act="7"]{--ms-red:#70a6a4}.ms-act[data-act="7"]::before{border-left-style:dashed}
.ms-scene>div:last-child,.ms-scene>figure:last-child{box-shadow:0 1.5rem 5rem color-mix(in srgb,#000 16%,transparent);transition:border-color .5s,transform .7s,opacity .7s}.ms-scene.is-seen>div:last-child,.ms-scene.is-seen>figure:last-child{border-color:color-mix(in srgb,var(--ms-red) 42%,var(--line))}

/* The load is visibly unstable: five obligations rest on one narrow person. */
.ms-wall{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto 1fr auto;overflow:visible}.ms-wall .brick{position:relative;z-index:2}.ms-wall .b5{grid-column:1/-1;margin:0 18%}.ms-wall i{position:relative;width:2.1rem;height:7.2rem;transform:skew(-2deg);box-shadow:-5px 0 0 color-mix(in srgb,var(--ms-red) 24%,transparent)}.ms-wall i::after{content:"";position:absolute;left:45%;top:28%;width:1.3rem;height:2.6rem;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:skew(18deg) rotate(-12deg)}

/* The office is a room after everyone has left, not another dashboard card. */
.ms-office{border-color:#283446;background:linear-gradient(160deg,#151d29 0 68%,#0b1018 68%);padding:2rem}.ms-office::before{content:"21:47";position:absolute;right:1rem;top:.8rem;color:#657184;font:600 .66rem "Space Grotesk",sans-serif;letter-spacing:.12em}.ms-office::after{content:"";position:absolute;left:0;right:0;bottom:2.8rem;height:3px;background:#28313e;box-shadow:0 9px 18px #05070b}.ms-office .screen{position:relative;z-index:2;background:#0d131d;box-shadow:0 0 2.5rem rgba(95,158,170,.08)}.ms-office>p{position:relative;z-index:2}.ms-office>p:last-child{text-align:right;color:var(--ms-red)}

/* Presence uses shared ground. Neither person fixes or pulls the other. */
.ms-presence{border:0;background:radial-gradient(circle at 50% 72%,color-mix(in srgb,var(--ms-red) 11%,transparent),transparent 46%);box-shadow:none!important;grid-template-columns:1fr 4rem 1fr}.ms-presence::after{content:"";position:absolute;left:12%;right:12%;bottom:4.6rem;border-bottom:1px solid color-mix(in srgb,var(--ms-red) 55%,var(--line))}.ms-presence span{position:relative;border:0;padding:0 0 4.5rem;font:italic 1.05rem Georgia,serif}.ms-presence span::after{content:"";position:absolute;width:2.4rem;height:2.4rem;border:1px solid var(--ms-red);border-radius:50%;left:50%;bottom:1.35rem;transform:translateX(-50%)}.ms-presence i{border-top-style:dotted;opacity:.55}.ms-presence small{position:relative;z-index:2;background:var(--bg);padding:.4rem}

/* Later life drops the dashboard box. These states are carried in the body. */
.ms-carry{border:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ms-blue) 13%,transparent),transparent 65%);box-shadow:none!important;gap:0}.ms-carry span{width:6.4rem;height:8rem;margin:-.3rem;border-color:color-mix(in srgb,var(--ms-blue) 72%,var(--line));font:italic 1rem Georgia,serif}.ms-carry span:nth-child(1){transform:rotate(-8deg)}.ms-carry span:nth-child(2){transform:translateY(-1rem)}.ms-carry span:nth-child(3){transform:rotate(8deg)}.ms-carry b{font:400 1rem Georgia,serif;color:var(--muted)}

/* In youth one column carried everything. Here four independent supports share one beam. */
.ms-wall.resolved{grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr auto;padding:1.5rem;gap:.55rem}.ms-wall.resolved .brick{grid-row:2;height:7rem;display:grid;place-items:end center;background:linear-gradient(90deg,color-mix(in srgb,var(--ms-blue) 18%,var(--surface)),color-mix(in srgb,var(--ms-blue) 7%,var(--surface)));border-color:var(--ms-blue)}.ms-wall.resolved .b5{display:none}.ms-wall.resolved i{grid-column:1/-1;grid-row:1;width:100%;height:.75rem;transform:none;box-shadow:none;background:var(--ms-blue)}.ms-wall.resolved i::after{display:none}.ms-wall.resolved small{grid-column:1/-1;grid-row:3;margin-top:.7rem}

/* The three questions are the story's visual climax. */
.ms-questions{margin:2rem auto 12rem;max-width:68rem;display:grid;grid-template-columns:1fr auto 1fr auto 1.25fr;align-items:stretch;gap:1rem}.ms-questions>div{min-height:16rem;padding:1.4rem;display:flex;flex-direction:column;border-top:3px solid var(--ms-red);background:linear-gradient(180deg,color-mix(in srgb,var(--ms-red) 10%,var(--surface)),transparent)}.ms-questions>div:nth-of-type(2){border-color:var(--ms-amber);background:linear-gradient(180deg,color-mix(in srgb,var(--ms-amber) 10%,var(--surface)),transparent)}.ms-questions>div:nth-of-type(3){border-color:var(--ms-blue);background:linear-gradient(180deg,color-mix(in srgb,var(--ms-blue) 12%,var(--surface)),transparent)}.ms-questions span{font:700 .68rem "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ms-questions b{font:400 clamp(1.25rem,2vw,1.75rem)/1.25 Georgia,serif;margin:auto 0;color:var(--text)}.ms-questions small{color:var(--muted)}.ms-questions>i{align-self:center;font-style:normal;color:var(--muted)}

/* The last book stays closed until the reader reaches it. */
.ms-book .cover{transform:rotateY(0);z-index:2}.ms-scene.is-seen .ms-book .cover{transform:rotateY(-155deg)}.ms-scene.is-seen .ms-book .inside{box-shadow:inset 18px 0 22px rgba(48,42,32,.12)}

@media(max-width:900px){.ms-act::before{left:3.45rem}.ms-questions{grid-template-columns:1fr;margin-left:5rem}.ms-questions>i{transform:rotate(90deg)}.ms-questions>div{min-height:11rem}}
@media(max-width:620px){.ms-act::before{display:none}.ms-scene>div:last-child,.ms-scene>figure:last-child{box-shadow:none}.ms-questions{margin:1rem 0 8rem;grid-template-columns:1fr}.ms-questions>div{min-height:10rem}.ms-presence,.ms-carry{min-height:17rem!important}.ms-wall.resolved .brick{font-size:.58rem;padding:.35rem}}
@media(prefers-reduced-motion:reduce){.ms-book .cover,.ms-book .inside,.ms-scene>div:last-child,.ms-scene>figure:last-child{transition:none!important}}

/* Geometry corrections from the 42-panel render audit. */
.ms-scene>figure{margin:0;min-width:0;width:100%}
.ms-stack i{transform:none;width:calc(100% - var(--indent,0%));margin-left:var(--indent,0%)}
.ms-stack i:nth-child(1){--indent:0%}.ms-stack i:nth-child(2){--indent:7%}.ms-stack i:nth-child(3){--indent:14%}.ms-stack i:nth-child(4){--indent:21%}.ms-stack i:nth-child(5){--indent:28%}
.ms-house .roof{width:100%;border-left-width:min(7rem,50%);border-right-width:min(7rem,50%)}
.ms-wall.resolved i{width:auto;justify-self:stretch;margin:0}
.ms-wall.resolved .brick{min-width:0;padding:.35rem;overflow-wrap:anywhere;font-size:.67rem}
.ms-shelf{padding-bottom:1.4rem}.ms-shelf i{inset:10% 8% 30%;border-bottom-width:6px}.ms-shelf b{position:relative;width:max-content;max-width:100%;margin-top:.8rem;padding:.3rem .45rem;background:var(--bg);color:var(--ms-amber)}