@font-face{font-family:Anton;src:url('fonts/anton-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url('fonts/newsreader-roman-var-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('fonts/space-mono-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{--paper:#F5F3ED;--ink:#202320;--muted:#5E625D;--line:#D4D5CD;--strategy:#DCE3D5;--strategy-line:#b0bcaa;--design:#DCE3EB;--design-line:#b1bfcc;--clay:#E8D8CB;--serif:Newsreader,Georgia,serif;--mono:'Space Mono',monospace;--display:'DM Sans',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--ui:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button{border:0;background:none}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400}
button,a{transition:background .18s,color .18s,transform .18s}
.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}
.definitions{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);background:var(--ink);color:white;padding:12px 20px;z-index:100}
.skip-link:focus{transform:none}
.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}
.brand{display:flex;align-items:center;gap:20px}
.brand-name{font:51px/.9 var(--ui);font-weight:750;letter-spacing:-4.5px}
.brand-name>span{font:9px var(--ui);letter-spacing:0;vertical-align:top;display:inline-block;margin:0 0 0 6px}
.brand-description{font:8px/1.55 var(--mono);letter-spacing:.7px;border-left:1px solid #bcbeb3;padding-left:18px}
.site-header nav{display:flex;gap:30px;font:11px var(--mono)}
.site-header nav a{position:relative;padding:10px 0}
.site-header nav a:after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:100%;background:var(--ink);transition:right .2s}
.site-header nav a:hover:after{right:0}
.header-label{font:8px var(--mono);letter-spacing:.5px;display:flex;align-items:center;gap:8px}
.header-label>span{height:5px;width:5px;background:var(--ink);border-radius:50%}
.hero{padding-top:32px}
.hero-meta{display:flex;align-items:center;justify-content:space-between}
.eyebrow,.edition{font:9px/1.6 var(--mono);letter-spacing:.9px}
.edition{color:var(--muted)}
.hero-heading{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:45px;margin:28px 0 36px}
.hero h1{font:clamp(66px,7.8vw,112px)/1.04 var(--display);letter-spacing:-.015em}
.hero h1>span{color:#5E625D}
.hero-intro{padding-bottom:6px}
.intro-spark{display:block;font:42px/1 var(--ui);margin-bottom:21px}
.hero-intro p{font:23px/1.3 var(--body);max-width:330px}
.inline-link{display:inline-flex;align-items:center;gap:15px;font:9px var(--mono);margin-top:23px;border-bottom:1px solid #b8b9ae;padding-bottom:8px}
.inline-link svg{width:15px;height:15px}
.inline-link:hover{border-color:var(--ink);gap:20px}
.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font:8px var(--mono);letter-spacing:.6px}
.hero-foot i{font-style:normal;margin:0 11px}
.hero-foot>span:last-child{color:#898b82;font-size:7px}
.overview-section{padding:38px 0 67px}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:29px}
.section-no{font:9px var(--mono);letter-spacing:1px;display:block;margin-bottom:12px}
.section-top h2{font:36px/1.1 var(--display);letter-spacing:.15px}
.play-button{display:flex;align-items:center;gap:9px;border:1px solid #bebfb3;padding:10px 14px;font:8px var(--mono);white-space:nowrap}
.play-icon{font:15px/1 var(--ui)}
.play-button:hover,.play-button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.system-diagram{position:relative;background-color:#EAEAE2;background-image:radial-gradient(#c4c5b9 .7px,transparent .8px);background-size:17px 17px;border:1px solid #d6d6cc;padding:37px 31px 0}
.diagram{position:relative}
.connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.connection{fill:none;stroke:#606754;stroke-width:1.2;vector-effect:non-scaling-stroke}
.connection.secondary{stroke:#8e947f;stroke-dasharray:3 5;stroke-width:1}
.connection.highlight{stroke:#202320;stroke-width:2;stroke-dasharray:5 4;animation:flow 1s linear infinite}
.connection.loop{stroke:#708497;stroke-dasharray:3 4;stroke-width:1}
.connection-label{fill:#666c5b;font:8px var(--mono);letter-spacing:.3px;stroke:none}
.system-row{display:grid;grid-template-columns:.8fr 1.12fr 1.12fr .8fr;gap:46px;position:relative;z-index:1;align-items:stretch}
.flow-node{height:251px;position:relative}
.node-caption{font:8px var(--mono);letter-spacing:.5px;display:block}
.input-node,.output-node{padding:1px 4px}
.input-node h3,.output-node h3{font:25px/1.1 var(--body);font-weight:550;margin:17px 0 8px;letter-spacing:-.6px}
.input-node>p,.output-node>p{font:14px/1.3 var(--body);color:#737668}
.paper-visual{height:106px;width:83px;background:#faf9f3;border:1px solid #c5c7b9;margin:24px 0 0 7px;padding:14px 10px;box-shadow:5px 5px 0 #dbdcd0;position:relative;transform:rotate(-7deg)}
.paper-visual>span{font:25px/.9 var(--display);display:block;margin-bottom:12px}
.paper-visual>span>span{font:15px var(--ui);float:right;margin-top:4px}
.paper-visual>i{display:block;border-top:1px solid #afb39f;width:100%;margin-top:5px}
.paper-visual>i:last-child{width:64%}
.engine-node{border:1px solid var(--strategy-line);padding:18px 19px 0;background:var(--strategy);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.design-node{background:var(--design);border-color:var(--design-line)}
.engine-node:hover{transform:translateY(-4px);box-shadow:0 6px 0 #20211e0b}
.engine-symbol{height:51px;width:51px;margin:15px 0 9px;stroke-width:1.2}
.engine-node h3{font:29px/1 var(--display);letter-spacing:.1px;margin-bottom:9px}
.engine-node>p{font:15px/1.2 var(--body);color:#59613f}
.design-node>p{color:#6f5d82}
.node-link{border-top:1px solid #20232022;margin-top:auto;padding:9px 0;font:7px var(--mono);display:flex;justify-content:space-between;align-items:center;gap:5px}
.node-link>span{font:13px var(--ui)}
.design-node .node-link{border-color:#20232022}
.brand-visual{width:112px;height:109px;position:relative;margin:23px 0 0}
.sample-back{position:absolute;width:77px;height:89px;border:1px solid #878a79;background:#d7d7c9;transform:rotate(9deg);left:28px;top:0}
.sample-front{position:absolute;left:7px;top:11px;background:#202320;width:76px;height:94px;transform:rotate(-6deg);color:#e8eac4;padding:14px 9px}
.sample-front>span{font:39px/1 var(--body);letter-spacing:-2px}
.sample-front>div{display:flex;gap:3px;margin-top:10px}
.sample-front i{width:15px;height:15px;display:block;background:#DCE3D5}
.sample-front i:nth-child(2){background:#DCE3EB}
.sample-front i:nth-child(3){background:#8c9080}
.sample-stamp{position:absolute;right:2px;bottom:-4px;font:42px/1 var(--ui);color:#20241b;background:var(--strategy);border-radius:50%;width:43px;height:43px;text-align:center;transform:rotate(8deg)}
.shared-bus{position:relative;z-index:1;margin:61px auto 30px;width:fit-content;max-width:100%;text-align:center;background:var(--paper);border:1px solid #c2c7b1;padding:11px 17px 13px}
.bus-title{display:block;font:7px var(--mono);color:#7a806b;letter-spacing:1px;margin-bottom:9px}
.shared-bus>div{display:flex;align-items:center;justify-content:center;gap:14px}
.shared-bus button{display:flex;align-items:center;gap:7px;padding:2px;font:21px/1 var(--body)}
.shared-bus button strong{font:10px var(--ui);font-weight:400}
.shared-bus button small{font:5px var(--mono);color:#8b9579;margin-left:3px;border:1px dashed #b2ba9f;padding:3px}
.shared-bus button:hover strong{text-decoration:underline;text-underline-offset:3px}
.shared-bus>div>span{font:10px var(--mono);color:#a1a890}
.system-diagram figcaption{position:relative;z-index:1;background:var(--paper);margin:0 -31px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d6d6cc;padding:13px 20px;font:9px/1.5 var(--ui);color:#747b66;min-height:42px}
.diagram-key{display:flex;align-items:center;gap:7px;font:6px var(--mono);white-space:nowrap;color:#8b927e}
.diagram-key i{width:16px;border-top:1px solid #858e75;margin-left:7px}
.diagram-key i.dashed{border-top-style:dashed}
.flow-node.tour-active{outline:2px solid #202320;outline-offset:7px}
.engine-node.tour-active{transform:translateY(-4px);box-shadow:0 7px 0 #20232018}
.input-node.tour-active,.output-node.tour-active{outline-offset:10px;background:#E8D8CB}

.process-section{padding:70px 0 59px;border-top:1px solid var(--ink);background:#EAEAE2}
.process-top{margin-bottom:35px}
.process-top h2,.modules-top h2{font-size:clamp(40px,4.2vw,61px);line-height:1.04}
.section-top>p{font:19px/1.45 var(--body);color:#6f7265;max-width:365px;padding-bottom:3px}
.process-board{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #c2c3b6;background:var(--paper)}
.process-half{padding:28px 32px 22px}
.strategy-half{border-right:1px solid #c2c3b6;grid-row:1;grid-column:1}
.design-half{grid-row:1;grid-column:2}
.half-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:23px}
.engine-number{font:43px/1 var(--display);color:#7d9071}
.design-half .engine-number{color:#8295a7}
.half-heading .eyebrow{font-size:7px;letter-spacing:.4px}
.half-heading h3{font:24px/1.1 var(--body);letter-spacing:-.5px;margin-top:6px}
.half-heading>svg{margin-left:auto;width:46px;height:46px;stroke-width:1;color:#7d9071}
.design-half .half-heading>svg{color:#8295a7}
.strategy-flow{padding:3px 5px 0;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.process-node{background:#f9f8f2;border:1px solid #c8cbb9;padding:16px;display:flex;align-items:center;gap:14px;min-height:64px;position:relative;z-index:1}
.process-node>span{font:10px var(--mono);color:#939a7e}
.process-node strong{font:20px/1 var(--body);display:block;font-weight:500;letter-spacing:-.4px}
.process-node small{font:8px/1.5 var(--mono);display:block;color:#8b917e;margin-top:6px}
.process-node>svg{width:16px;height:16px;margin-left:auto;color:#969e81}
.vertical-arrow{text-align:center;font:21px/1 var(--ui);color:#9ba28a;padding:3px 0}
.verification-node{display:flex;align-items:center;gap:12px;background:var(--strategy);border:1px solid #b1bb7a;min-height:61px;padding:12px 15px}
.check-mark{font:21px var(--ui)}
.verification-node strong{font:18px var(--body);display:block;font-weight:500}
.verification-node small{font:8px var(--mono);color:#7c8559;display:block;margin-top:3px}
.evidence-label{font:6px var(--mono);margin-left:auto;border:1px solid #bac38d;padding:4px 5px;letter-spacing:.5px}
.half-note{font:13px/1.4 var(--body);color:#8b8f7c;text-align:center;margin-top:18px}
.handoff-strip{grid-row:2;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px;padding:17px 20px;border-top:1px solid #c2c3b6;background:#E8D8CB}
.handoff-label{font:7px var(--mono);letter-spacing:.8px;color:#818972}
.handoff-arrow{display:none}
.handoff-strip button{display:flex;align-items:center;gap:13px;background:#f8f8f0;border:1px solid #b8bfab;padding:11px 16px;position:relative}
.handoff-strip button:hover{background:#fdfdf8}
.handoff-strip button strong{font:10px var(--mono);font-weight:400}
.handoff-strip button>span{font:11px var(--body);color:#7e876d;border-left:1px solid #d0d4c2;padding-left:13px}
.handoff-strip button>svg{width:15px;height:15px}
.handoff-strip button>svg:last-child{margin-left:4px;width:13px;height:13px}
.design-flow{padding:3px 0 0;min-height:340px;display:flex;flex-direction:column;align-items:center;gap:30px}
.design-draft{width:calc(100% - 18px);background:#f2f5f8;border-color:#bbc6cf}
.design-draft>span,.design-draft>svg{color:#a494b5}
.design-draft small{color:#9786a9}
.tool-node{width:calc(100% - 56px);text-align:center;border:1px solid #a8b7c5;background:var(--design);padding:13px 10px 11px;position:relative;z-index:1}
.tool-label{font:7px var(--mono);letter-spacing:.4px;color:#81689a}
.tool-marks{display:flex;align-items:center;justify-content:center;gap:22px;margin:12px 0 8px}
.tool-marks>span{height:35px;display:flex;align-items:center;justify-content:center;color:#78618d}
.glyph-mark{font:39px var(--ui)}
.type-mark{font:37px var(--body);letter-spacing:-2px}
.pattern-mark{width:35px;background:repeating-linear-gradient(135deg,#877198 0,#877198 2px,transparent 2px,transparent 5px);border-radius:50%}
.motion-mark{font:43px var(--ui)}
.tool-node>p{font:10px var(--body);color:#8a729e}
.review-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:0 14px 15px;position:relative;z-index:1}
.review-diamond{height:71px;width:71px;position:relative;display:flex;align-items:center;justify-content:center;justify-self:center}
.review-diamond:before{content:'';position:absolute;inset:0;background:#e7ecf1;border:1px solid #9dabb9;transform:rotate(45deg)}
.review-diamond>span{position:relative;font:17px/1.1 var(--body);text-align:center;color:#776187}
.approved-node{border:1px solid #c0c5b3;background:#f9f9f3;padding:13px 11px;min-height:72px;display:flex;flex-direction:column;justify-content:center}
.approved-node>span{font:6px var(--mono);color:#8c9579;letter-spacing:.7px}
.approved-node strong{font:19px/1.2 var(--body);font-weight:500;margin-top:4px}
.approved-node small{font:7px var(--mono);color:#959e83;margin-top:4px}
.loop-label{position:relative;align-self:flex-start;font:5px var(--mono);letter-spacing:.5px;color:#a28db4;line-height:1;margin-top:-25px;margin-left:25px}
.process-footnote{display:flex;gap:13px;padding:21px 0 0;align-items:flex-start;max-width:830px}
.footnote-marker{font:22px/1 var(--ui);color:#889471}
.process-footnote p{font:14px/1.5 var(--body);color:#8a907e}
.process-footnote strong{color:#626c52;font-weight:550}

.modules-section{background:#202320;color:#f0f0e6;padding:73px 0 51px}
.modules-top{margin-bottom:47px}
.modules-top .section-no{color:#a8b595}
.modules-top>p{color:#b2b9a5;font-size:18px}
.click-hint{font:8px var(--mono);color:#859773;display:block;margin-top:14px}
.module-forest{display:grid;grid-template-columns:1fr 2.12fr;gap:42px;position:relative}
.module-branch{min-width:0;position:relative}
.branch-root{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #5f6f48;background:#313a27;position:relative}
.branch-root>svg{width:43px;height:43px;stroke-width:1;color:#beca9b}
.branch-root>div>span{font:6px var(--mono);color:#9fb17e;letter-spacing:.6px}
.branch-root h3{font:25px var(--body);letter-spacing:-.5px;margin-top:4px}
.branch-root>strong{font:28px var(--display);margin-left:auto;color:#b6c68f}
.design-branch .branch-root{background:#36313d;border-color:#77638a}
.design-branch .branch-root>svg,.design-branch .branch-root>strong{color:#b7a1cd}
.design-branch .branch-root>div>span{color:#a591ba}
.module-columns{display:grid;grid-template-columns:1fr;padding-top:27px;position:relative}
.module-columns:before{content:'';position:absolute;left:50%;top:0;height:27px;border-left:1px solid #5b6949}
.two-columns{grid-template-columns:1fr 1fr;gap:25px}
.module-column{display:flex;flex-direction:column;gap:9px;border-left:1px solid #4c593d;padding-left:14px;position:relative;margin-left:12px}
.module-column:before{content:'';position:absolute;left:-1px;right:50%;top:-13px;height:13px;border-top:1px solid #4c593d;border-left:1px solid #4c593d}
.design-branch .module-columns:before,.design-branch .module-column,.design-branch .module-column:before{border-color:#61506d}
.two-columns:after{content:'';position:absolute;left:12px;right:calc(50% - 25px);border-top:1px solid #61506d;top:13px}
.module-node{width:100%;display:flex;align-items:center;gap:10px;background:#292f23;border:1px solid #414d33;padding:13px 13px;position:relative;text-align:left;min-height:53px}
.module-node:before{content:'';position:absolute;left:-15px;width:14px;border-top:1px solid #4c593d;top:50%}
.module-node:after{content:'↗';font:12px var(--ui);margin-left:auto;color:#70865a}
.module-node>span:first-child{width:4px;height:4px;display:block;background:#b0c48b;border-radius:50%;flex-shrink:0}
.module-node>strong{font:11px/1.4 var(--ui);font-weight:400}
.module-node small{display:none}
.module-node:hover{background:#36442b;border-color:#8d9f6f;transform:translateX(3px)}
.design-branch .module-node{background:#2e2a33;border-color:#4f435b}
.design-branch .module-node>span:first-child{background:#bba5d0}
.design-branch .module-node:before{border-color:#61506d}
.design-branch .module-node:after{color:#9580a7}
.design-branch .module-node:hover{background:#44364f;border-color:#a68cbe}
.module-node.planned{border-style:dashed;background:none;opacity:.65}
.module-node.planned>span:first-child{background:none;border:1px solid #99a88b;width:5px;height:5px}
.module-node.planned small{display:block;font:5px var(--mono);color:#8a9780;letter-spacing:.2px}
.module-node.consolidate>span:first-child{background:#c6ae72}
.module-node.planned:after{display:none}
.shared-foundation{display:grid;grid-template-columns:1fr 2.12fr;gap:42px;margin-top:44px;padding-top:25px;border-top:1px dashed #596549;position:relative}
.shared-foundation:before,.shared-foundation:after{content:'';position:absolute;top:-25px;height:25px;border-left:1px dashed #596549;left:16%}
.shared-foundation:after{left:67%}
.foundation-heading{display:flex;align-items:center;gap:15px}
.foundation-heading>span{font:31px var(--ui);color:#899c71}
.foundation-heading .eyebrow{font-size:6px;color:#8c9c79}
.foundation-heading h3{font:21px var(--body);margin-top:5px;letter-spacing:-.4px}
.shared-module-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.shared-module-nodes .module-node{background:#2d3425;border-color:#576449;padding:13px 10px}
.shared-module-nodes .module-node:before{display:none}
.shared-module-nodes .module-node>strong{font-size:10px}
.shared-module-nodes .module-node.planned{background:none}
.module-status{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #404936;padding-top:22px;margin-top:31px;font:6px var(--mono);color:#81946d;letter-spacing:.6px}
.module-status>div{display:flex;gap:23px}
.status-key{display:inline-flex;align-items:center;gap:7px;color:#9bab89;font:8px var(--mono);letter-spacing:0}
.status-key>i{width:4px;height:4px;background:#b0c48b;border-radius:50%}
.status-key.consolidation>i{background:#c6ae72}
.status-key.planned>i{background:none;border:1px solid #9aab8a;width:5px;height:5px}
.closing{padding:77px 0 62px;position:relative;text-align:center}
.closing-symbol{font:55px/1 var(--ui);margin-bottom:26px}
.closing p{font:clamp(32px,4vw,56px)/1.07 var(--body);letter-spacing:-1.5px;font-weight:450}
.closing>.eyebrow{font-size:7px;display:block;color:#7d8770;margin-top:25px;letter-spacing:1px}
.back-top{display:inline-flex;align-items:center;gap:15px;margin-top:37px;font:8px var(--mono);border-bottom:1px solid #c8cdc0;padding-bottom:8px}
.back-top>svg{display:none}
.back-top>span{font:17px var(--ui)}
.back-top:hover{border-color:var(--ink)}
.site-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding:23px 0 31px;gap:20px}
.site-footer .brand-name{font-size:33px;letter-spacing:-3px}
.site-footer .brand-name>span{font-size:6px}
.site-footer>span{font:7px var(--mono);color:#7e8474;letter-spacing:.7px}
.site-footer>span:nth-child(2){margin-right:auto;margin-left:15px}

dialog{color:var(--ink);border:1px solid #b9c1a8;background:var(--paper);padding:42px 38px;width:min(540px,calc(100% - 32px));max-height:85dvh;box-shadow:0 30px 100px #0d170a44}
dialog::backdrop{background:#17211288;backdrop-filter:blur(4px)}
.dialog-close{position:absolute;right:15px;top:15px;line-height:0;padding:5px}
.dialog-close>svg{width:19px;height:19px}
.dialog-close:hover{background:#d9dfcf}
.detail-label{font:8px var(--mono);letter-spacing:.8px;color:#849171}
.detail-title{font:42px/1.05 var(--display);margin:22px 0 16px}
.detail-description{font:22px/1.45 var(--body);color:#687757}
.detail-status{display:inline-block;font:8px var(--mono);border:1px solid #bcc8a9;padding:5px 8px;margin-bottom:22px;color:#75895d}
.detail-status.planned{border-style:dashed}
.detail-extra{border-top:1px solid #cbd3bf;padding-top:19px;margin-top:25px}
.detail-extra h3{font:8px var(--mono);letter-spacing:.5px;color:#7b8d65;margin-bottom:12px}
.detail-tags{display:flex;gap:6px;flex-wrap:wrap}
.detail-tags span{font:10px var(--ui);padding:6px 8px;border:1px solid #cbd5bc;background:#edf1e6}
.detail-footnote{font:12px/1.5 var(--body);color:#8c9980;margin-top:21px}
.handoff-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.handoff-columns>div{border:1px solid #c7d1b8;padding:12px;min-width:0}
.handoff-columns strong{font:10px var(--mono);display:block;margin-bottom:10px;overflow-wrap:anywhere}
.handoff-columns p{font:16px/1.4 var(--body);color:#7b8b68}
@keyframes flow{to{stroke-dashoffset:-18}
}

@media(min-width:1500px){.wrap{width:min(1320px,calc(100% - 160px))}
.hero h1{font-size:126px}
.hero-intro p{font-size:26px;max-width:360px}
.flow-node{height:274px}
.engine-node{padding:21px 24px 0}
.engine-symbol{height:58px;width:58px}
.engine-node h3{font-size:35px}
.engine-node>p{font-size:18px}
.node-caption{font-size:9px}
.node-link{font-size:8px;padding:11px 0}
.paper-visual{height:124px;width:97px}
.brand-visual{margin-top:27px;height:122px}
.input-node h3,.output-node h3{font-size:28px}
.input-node>p,.output-node>p{font-size:16px}
.system-row{gap:56px}
.module-node strong{font-size:12px}
}

@media(max-width:1120px){.wrap{width:calc(100% - 76px)}
.header-label{display:none}
.hero-heading{grid-template-columns:1.65fr 1fr;gap:32px}
.hero h1{font-size:8.1vw}
.hero-intro p{font-size:20px}
.intro-spark{font-size:32px;margin-bottom:15px}
.system-diagram{padding:30px 22px 0}
.system-row{gap:35px;grid-template-columns:.8fr 1.15fr 1.15fr .8fr}
.engine-node{padding:16px 15px 0}
.node-caption{font-size:6px}
.engine-node h3{font-size:27px}
.engine-node>p{font-size:14px}
.engine-symbol{height:48px;width:48px}
.node-link{font-size:6px}
.flow-node{height:236px}
.input-node h3,.output-node h3{font-size:22px}
.input-node>p,.output-node>p{font-size:12px}
.brand-visual{transform:scale(.9);transform-origin:left top;margin-bottom:-11px}
.system-diagram figcaption{margin-inline:-22px;font-size:8px}
.diagram-key{font-size:5px}
.process-half{padding:23px 24px 20px}
.half-heading{gap:10px}
.half-heading h3{font-size:22px}
.half-heading .eyebrow{font-size:6px}
.half-heading>svg{width:37px;height:37px}
.engine-number{font-size:36px}
.process-node{padding:13px 12px;gap:10px}
.process-node strong{font-size:19px}
.process-node small{font-size:6px}
.verification-node{padding:12px}
.verification-node strong{font-size:16px}
.verification-node small{font-size:7px}
.tool-marks{gap:19px}
.approved-node strong{font-size:16px}
.approved-node small{font-size:5px}
.handoff-label{font-size:6px}
.handoff-strip button strong{font-size:8px}
.handoff-strip button>span{font-size:10px}
.module-forest{gap:26px}
.shared-foundation{gap:26px}
.branch-root{gap:10px;padding:14px}
.branch-root>svg{width:32px;height:32px}
.branch-root h3{font-size:22px}
.branch-root>strong{font-size:24px}
.branch-root>div>span{font-size:5px}
.module-node{padding:12px 10px;gap:8px;min-height:50px}
.module-node>strong{font-size:10px}
.two-columns{gap:18px}
.module-columns:before{height:27px}
.two-columns:after{right:calc(50% - 21px)}
.shared-module-nodes{gap:9px}
.shared-module-nodes .module-node>strong{font-size:9px}
.shared-module-nodes .module-node{padding:12px 8px}
.foundation-heading h3{font-size:18px}
.module-node.planned small{font-size:4px}
.modules-top>p{font-size:16px}
.module-status{font-size:5px}
.module-status .status-key{font-size:7px}
}

@media(max-width:860px){.wrap{width:calc(100% - 48px)}
.site-header{height:85px}
.brand-name{font-size:43px}
.brand-description{font-size:6px;padding-left:12px}
.brand{gap:14px}
.site-header nav{gap:19px;font-size:9px}
.hero-meta .eyebrow{font-size:7px}
.hero-heading{gap:25px;grid-template-columns:1.55fr 1fr}
.hero-intro p{font-size:18px}
.hero h1{font-size:8.3vw}
.hero-heading{margin:26px 0}
.intro-spark{font-size:27px;margin-bottom:11px}
.inline-link{font-size:7px;margin-top:17px;gap:10px}
.hero-foot{font-size:6px}
.hero-foot>span:last-child{font-size:5px}
.hero-foot i{margin:0 6px}
.overview-section{padding-top:31px}
.section-top h2{font-size:32px}
.section-no{font-size:7px}
.play-button{font-size:7px;padding:8px 10px}
.system-row{gap:24px}
.system-diagram{padding:25px 18px 0}
.flow-node{height:225px}
.engine-node{padding:13px 12px 0}
.engine-node h3{font-size:24px}
.node-caption{font-size:5px;letter-spacing:0}
.engine-symbol{height:42px;width:42px;margin-top:19px}
.engine-node>p{font-size:12px}
.node-link{font-size:5px;gap:0}
.node-link>span{font-size:11px}
.input-node h3,.output-node h3{font-size:20px}
.input-node>p,.output-node>p{font-size:11px}
.paper-visual{transform:rotate(-7deg) scale(.8);transform-origin:left top;margin-left:3px;margin-bottom:-21px}
.brand-visual{transform:scale(.75);margin-bottom:-26px}
.shared-bus{margin-top:54px;margin-bottom:23px;padding:10px 14px}
.shared-bus>div{gap:12px}
.bus-title{font-size:6px}
.shared-bus button{font-size:18px}
.shared-bus button strong{font-size:9px}
.shared-bus button small{font-size:4px}
.system-diagram figcaption{margin-inline:-18px;display:block;padding:12px 15px;font-size:9px;line-height:1.5}
.diagram-key{margin-top:8px;font-size:5px}
.diagram-key i:first-child{margin-left:0}
.process-section{padding-top:48px}
.process-top h2,.modules-top h2{font-size:43px}
.section-top>p{font-size:16px;max-width:290px}
.process-half{padding:21px 18px 19px}
.half-heading{gap:8px;padding-bottom:17px;margin-bottom:18px}
.half-heading .eyebrow{font-size:5px}
.half-heading h3{font-size:19px}
.engine-number{font-size:32px}
.half-heading>svg{width:30px;height:30px}
.process-node{gap:9px;padding:13px 10px}
.process-node>span{font-size:7px}
.process-node small{font-size:5px;letter-spacing:-.3px}
.process-node>svg{width:12px;height:12px}
.process-node strong{font-size:17px}
.strategy-flow{padding-inline:0;min-height:322px}
.verification-node{padding:12px 10px;gap:8px}
.verification-node strong{font-size:15px}
.verification-node small{font-size:6px}
.evidence-label{font-size:4px;padding:3px}
.check-mark{font-size:17px}
.design-flow{min-height:322px;gap:28px}
.design-draft{width:calc(100% - 12px)}
.tool-node{width:calc(100% - 34px)}
.tool-label{font-size:5px}
.tool-marks{gap:16px;margin-top:11px}
.tool-marks>span{height:29px}
.glyph-mark{font-size:33px}
.type-mark{font-size:31px}
.pattern-mark{width:29px}
.motion-mark{font-size:35px}
.tool-node>p{font-size:8px}
.review-row{gap:27px;padding-inline:5px}
.review-diamond{height:59px;width:59px}
.review-diamond>span{font-size:15px}
.approved-node{padding:10px 8px;min-height:62px}
.approved-node>span{font-size:5px}
.approved-node strong{font-size:14px}
.approved-node small{font-size:4px}
.loop-label{font-size:4px;margin-left:16px;margin-top:-23px}
.half-note{font-size:11px}
.handoff-strip{gap:12px;padding:13px 12px;flex-wrap:wrap}
.handoff-label{font-size:6px}
.handoff-strip button{gap:9px;padding:9px 11px}
.handoff-strip button>span{font-size:9px;padding-left:9px}
.handoff-strip button strong{font-size:7px}
.handoff-strip button>svg{width:12px;height:12px}
.process-footnote p{font-size:13px}
.modules-section{padding-top:51px}
.modules-top>p{font-size:15px}
.module-forest{grid-template-columns:1fr 1.85fr;gap:22px}
.branch-root{gap:8px;padding:12px 10px}
.branch-root>svg{width:25px;height:25px}
.branch-root h3{font-size:18px}
.branch-root>strong{font-size:21px}
.branch-root>div>span{font-size:4px}
.module-node>strong{font-size:9px}
.module-node{padding:10px 8px;min-height:51px;gap:6px}
.module-column{padding-left:10px;margin-left:8px}
.module-node:before{width:10px;left:-11px}
.module-node:after{font-size:10px}
.two-columns{gap:13px}
.two-columns:after{left:8px;right:calc(50% - 15px)}
.module-node.planned small{font-size:3px}
.shared-foundation{grid-template-columns:1fr 1.85fr;gap:22px}
.foundation-heading{gap:8px}
.foundation-heading h3{font-size:15px}
.foundation-heading>.span{font-size:25px}
.shared-module-nodes{gap:7px}
.shared-module-nodes .module-node>strong{font-size:8px}
.shared-module-nodes .module-node{padding:10px 7px}
.shared-module-nodes .module-node:after{display:none}
.shared-module-nodes .module-node>span:first-child{width:3px;height:3px}
.shared-module-nodes .module-node small{display:none}
.module-status .status-key{font-size:6px}
.module-status>div{gap:14px}
.module-status>span{font-size:4px}
.closing{padding:55px 0 48px}
.closing p{font-size:38px}
.site-footer>span{font-size:5px}
}

@media(max-width:620px){.wrap{width:calc(100% - 36px)}
.site-header{height:76px}
.brand-description{display:none}
.brand-name{font-size:40px}
.brand-name>span{font-size:6px;margin-left:4px}
.site-header nav{font-size:8px;gap:18px}
.hero{padding-top:23px}
.hero-meta .eyebrow{font-size:5px;letter-spacing:.4px}
.edition{font-size:6px}
.hero-heading{grid-template-columns:1fr;gap:18px;margin:26px 0 25px}
.hero h1{font-size:15.4vw;line-height:1.035}
.hero-intro{display:grid;grid-template-columns:35px 1fr;column-gap:15px;align-items:start;padding:0;max-width:490px}
.intro-spark{font-size:33px;margin:5px 0 0}
.hero-intro p{font-size:20px;line-height:1.23;max-width:none}
.inline-link{grid-column:2;width:fit-content;margin-top:13px;font-size:7px}
.hero-foot{padding:13px 0;font-size:6px}
.hero-foot>span:last-child{display:none}
.hero-foot i{margin:0 8px}
.overview-section{padding-top:26px;padding-bottom:39px}
.section-top{gap:15px;margin-bottom:21px}
.section-no{font-size:6px;letter-spacing:.8px;margin-bottom:8px}
.section-top h2{font-size:29px}
.play-button{font-size:5px;padding:8px;gap:5px}
.play-icon{font-size:13px}
.system-diagram{padding:25px 23px 0}
.system-row{grid-template-columns:1fr;gap:44px;max-width:330px;margin:auto}
.flow-node{height:auto;min-height:unset}
.input-node,.output-node{display:grid;grid-template-columns:72px 1fr;align-items:center;column-gap:23px;min-height:117px;padding:0 10px 0 15px}
.input-node .node-caption,.output-node .node-caption{grid-column:2;font-size:7px;margin:0;align-self:end}
.paper-visual{grid-column:1;grid-row:1/4;transform:rotate(-7deg) scale(.78);margin:0;width:83px;height:106px;transform-origin:center center}
.input-node h3,.output-node h3{grid-column:2;align-self:center;margin:2px 0 0;font-size:25px}
.input-node>p,.output-node>p{grid-column:2;font-size:13px;align-self:start}
.input-node>p>br,.output-node>p>br{display:none}
.engine-node{min-height:167px;padding:18px 19px 0;display:grid;grid-template-columns:1fr 66px;column-gap:15px;align-items:start}
.engine-node .node-caption{font-size:7px;grid-column:1/-1;letter-spacing:.3px;margin-bottom:17px}
.engine-node h3{grid-column:1;grid-row:2;font-size:33px;margin-bottom:8px}
.engine-symbol{width:62px;height:62px;margin:0;grid-column:2;grid-row:2/4}
.engine-node>p{font-size:15px;grid-column:1;grid-row:3;margin-bottom:18px}
.engine-node>p>br{display:none}
.node-link{grid-column:1/-1;font-size:7px;align-self:end;width:100%;padding:9px 0}
.node-link>span{font-size:13px}
.brand-visual{grid-column:1;grid-row:1/4;transform:scale(.72);margin:0;transform-origin:center center;width:100px;left:-13px;top:-5px}
.shared-bus{margin:39px auto 25px;padding:12px 10px;display:block;width:100%}
.bus-title{font-size:6px;margin-bottom:12px}
.shared-bus>div{gap:8px}
.shared-bus button{font-size:17px;gap:5px}
.shared-bus button strong{font-size:8px}
.shared-bus button small{font-size:3px;padding:2px;margin-left:0}
.shared-bus>div>span{font-size:8px}
.system-diagram figcaption{margin-inline:-23px;font-size:9px;line-height:1.5;padding:13px 15px}
.diagram-key{font-size:5px;gap:7px}
.connection-label{font-size:6px}
.process-section{padding:40px 0 31px}
.process-top,.modules-top{display:block}
.process-top h2,.modules-top h2{font-size:47px}
.section-top>p{margin-top:21px;font-size:18px;max-width:none;line-height:1.4}
.process-board{display:flex;flex-direction:column}
.strategy-half{border-right:0}
.process-half{padding:24px 22px 22px}
.half-heading{gap:13px;padding-bottom:19px;margin-bottom:22px}
.engine-number{font-size:43px}
.half-heading .eyebrow{font-size:6px}
.half-heading h3{font-size:24px}
.half-heading>svg{width:39px;height:39px}
.strategy-flow{min-height:330px}
.process-node{padding:14px;gap:13px}
.process-node>span{font-size:9px}
.process-node strong{font-size:20px}
.process-node small{font-size:6px;letter-spacing:-.1px}
.process-node>svg{width:14px;height:14px}
.verification-node{padding:13px;gap:12px}
.verification-node strong{font-size:18px}
.verification-node small{font-size:7px}
.evidence-label{font-size:5px}
.check-mark{font-size:20px}
.half-note{font-size:12px;margin-top:17px}
.handoff-strip{padding:17px 13px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #c2c3b6}
.handoff-label{font-size:6px;letter-spacing:.8px}
.handoff-arrow{display:block;color:#8d987d;font:19px/1 var(--ui)}
.handoff-strip button{gap:10px;padding:12px;display:grid;grid-template-columns:15px 1fr 13px;text-align:left}
.handoff-strip button strong{font-size:9px}
.handoff-strip button>span{grid-row:2;grid-column:2;font-size:10px;border:0;padding:0}
.handoff-strip button>svg:last-child{grid-row:1/3;grid-column:3}
.design-flow{gap:34px;min-height:360px}
.tool-node{padding:14px 12px;width:calc(100% - 42px)}
.tool-label{font-size:6px}
.tool-marks{gap:24px;margin-top:16px}
.tool-marks>span{height:33px}
.glyph-mark{font-size:36px}
.type-mark{font-size:36px}
.pattern-mark{width:33px}
.motion-mark{font-size:39px}
.tool-node>p{font-size:9px}
.review-row{gap:36px;padding:0 6px 15px}
.review-diamond{width:63px;height:63px}
.review-diamond>span{font-size:16px}
.approved-node{padding:11px;min-height:67px}
.approved-node>span{font-size:5px}
.approved-node strong{font-size:17px}
.approved-node small{font-size:5px}
.loop-label{font-size:4px;letter-spacing:.3px;margin-left:20px}
.process-footnote{gap:10px;padding-top:18px}
.process-footnote p{font-size:13px}
.modules-section{padding:42px 0 33px}
.modules-top{margin-bottom:29px}
.modules-top>p{font-size:18px}
.modules-top .click-hint{font-size:7px;margin-top:15px}
.module-forest{grid-template-columns:1fr;gap:32px}
.branch-root{padding:16px 17px;gap:15px}
.branch-root>svg{height:39px;width:39px}
.branch-root h3{font-size:25px}
.branch-root>div>span{font-size:6px}
.branch-root>strong{font-size:31px}
.module-columns{padding-top:26px}
.module-column{padding-left:16px;margin-left:14px;gap:8px}
.module-node{min-height:48px;padding:13px 14px;gap:9px}
.module-node>strong{font-size:11px}
.module-node:before{width:16px;left:-17px}
.module-node:after{font-size:12px}
.module-node small{font-size:5px}
.module-node.planned small{font-size:5px;margin-left:auto}
.module-node>span:first-child{width:4px;height:4px}
.two-columns{gap:13px}
.two-columns .module-column{padding-left:10px;margin-left:6px}
.two-columns .module-node{padding:12px 9px;gap:7px;min-height:56px}
.two-columns .module-node>strong{font-size:9px}
.two-columns .module-node:before{width:10px;left:-11px}
.two-columns .module-node.planned small{display:none}
.two-columns:after{left:6px;right:calc(50% - 13px)}
.shared-foundation{grid-template-columns:1fr;gap:19px;margin-top:35px;padding-top:23px}
.shared-foundation:before{display:none}
.shared-foundation:after{left:50%;height:25px;top:-25px}
.foundation-heading{gap:12px}
.foundation-heading>.span{font-size:25px}
.foundation-heading h3{font-size:22px}
.foundation-heading .eyebrow{font-size:6px}
.shared-module-nodes .module-node{padding:13px 10px;min-height:47px}
.shared-module-nodes .module-node>strong{font-size:9px}
.shared-module-nodes .module-node small{display:none}
.shared-module-nodes{gap:8px}
.module-status{display:block;padding-top:18px;margin-top:24px}
.module-status>div{justify-content:space-between;gap:8px;margin-bottom:14px}
.module-status .status-key{font-size:6px}
.module-status>span{font-size:5px}
.closing{padding:43px 0 38px}
.closing-symbol{font-size:43px;margin-bottom:22px}
.closing p{font-size:32px;letter-spacing:-1px}
.closing>.eyebrow{font-size:6px;margin-top:22px}
.back-top{font-size:7px;margin-top:27px}
.site-footer{flex-wrap:wrap;padding:21px 0 25px;gap:14px}
.site-footer .brand-name{font-size:34px}
.site-footer>span:nth-child(2){font-size:6px;margin-left:7px;margin-right:0}
.site-footer>span:last-child{display:block;width:100%;font-size:5px;letter-spacing:.8px}
.dialog-close{right:12px;top:12px}
dialog{padding:38px 25px 29px}
.detail-title{font-size:35px}
.detail-description{font-size:20px}
.detail-label{font-size:7px}
.detail-tags span{font-size:9px}
.handoff-columns{grid-template-columns:1fr}
}

@media(max-width:370px){.wrap{width:calc(100% - 28px)}
.site-header nav{gap:12px;font-size:7px}
.hero-intro p{font-size:18px}
.system-diagram{padding-inline:17px}
.system-diagram figcaption{margin-inline:-17px}
.section-top h2{font-size:25px}
.process-top h2,.modules-top h2{font-size:41px}
.shared-bus>div{gap:5px}
.shared-bus button strong{font-size:7px}
.shared-bus button small{display:none}
.engine-node h3{font-size:29px}
.process-half{padding-inline:17px}
.process-node small{font-size:5px}
.two-columns .module-node>strong{font-size:8px}
.two-columns .module-node{padding-inline:7px}
.module-node:after{font-size:10px}
.status-key{font-size:5px!important}
.closing p{font-size:28px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}

@media print{.site-header nav,.play-button,.back-top,.dialog-close{display:none}
.wrap{width:100%}
.modules-section{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.engine-node,.tool-node,.verification-node{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.hero h1{font-size:80px}
a{color:inherit}
body{background:white}
section{break-inside:avoid}
}


@media(min-width:621px){.handoff-arrow{display:block;font:20px/1 var(--ui);color:#8d987d;transform:rotate(-90deg)}
}


.tour-paused .connection.highlight{animation-play-state:paused}


@media(max-width:620px){.process-node small{font-size:7px;letter-spacing:-.2px}
.half-heading .eyebrow{font-size:7px}
.tool-label{font-size:7px}
.system-diagram figcaption{font-size:10px}
.shared-bus button strong{font-size:9px}
.two-columns .module-node>strong{font-size:10px}
}

@media(max-width:370px){.process-node small{font-size:6px}
.shared-bus button strong{font-size:8px}
.two-columns .module-node>strong{font-size:9px}
}

/* Biebinger identity — matches the live homepage's typography, color and shape. */
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-latin-wght-normal.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:Newsreader;src:url('fonts/newsreader-italic-var-latin.woff2') format('woff2');font-style:italic;font-weight:200 800;font-display:swap}
body{font-family:var(--ui)}
.wrap{width:min(1320px,calc(100% - 112px))}
.site-header{height:105px;border-bottom:0;gap:24px}
.brand{gap:12px;flex-shrink:0}
.mark-tile{width:30.72px;height:48px;display:block;background:var(--ink)}
.mark-tile svg{display:block;width:100%;height:100%;color:var(--paper);stroke:none}
.brand .display{font:36px/1 Anton,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.site-header nav{font:13px var(--ui);gap:28px}
.header-label{font-size:9px;color:var(--muted)}
.hero{padding-top:48px;position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;inset:25px 0 60px;z-index:-1;pointer-events:none;background-image:radial-gradient(currentColor .5px,transparent .75px);background-size:24px 24px;opacity:.12;mask-image:linear-gradient(100deg,transparent 30%,#000)}
.hero-meta .eyebrow{font:11px var(--ui);letter-spacing:.05em;display:flex;align-items:center;gap:10px;color:var(--muted)}
.hero-meta .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ink);flex-shrink:0}
.edition{font-size:10px}
.hero-heading{grid-template-columns:1.4fr 1fr;gap:64px;margin:35px 0 49px;align-items:end}
.hero h1{font:500 clamp(64px,7vw,100px)/1.01 var(--ui);letter-spacing:-.065em}
.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.hero-intro{padding-bottom:5px;max-width:390px}
.intro-spark{font-size:43px;line-height:1;margin-bottom:24px}
.hero-intro p{font:18px/1.55 var(--ui);max-width:390px}
.inline-link{font:13px var(--ui);letter-spacing:0;margin-top:22px;padding:0 0 8px;border-color:var(--line)}
.hero-foot{font-size:10px;letter-spacing:.3px;padding:18px 0}
.hero-foot>span:last-child{font-size:9px;color:var(--muted)}
.overview-section{padding:45px 0 80px}
.section-no{font-size:10px;color:var(--muted);letter-spacing:.7px;margin-bottom:16px}
.section-top h2{font:500 clamp(29px,3vw,42px)/1.07 var(--ui);letter-spacing:-.045em}
.section-top h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.play-button{font:12px var(--ui);border-radius:100px;border-color:var(--ink);padding:12px 19px;gap:9px;background:var(--ink);color:var(--paper);min-height:44px}
.play-button:hover,.play-button[aria-pressed="true"]{background:var(--strategy);border-color:var(--strategy-line);color:var(--ink)}
.system-diagram{border-radius:24px;border:0;padding-top:40px;background-size:24px 24px;background-image:radial-gradient(#bfc2b9 .6px,transparent .8px)}
.flow-node{height:270px}
.node-caption{font-size:9px;letter-spacing:.2px}
.engine-node{border-radius:18px;padding:20px 20px 0;border-color:transparent}
.engine-node h3{font:500 29px/1.03 var(--ui);letter-spacing:-.045em}
.engine-node>p{font:15px/1.4 var(--ui);color:var(--muted)}
.engine-symbol{margin:16px 0 14px;height:51px;width:51px}
.node-link{font:10px var(--ui);padding:12px 0}
.paper-visual>span{font:500 18px var(--ui);letter-spacing:-1px}
.input-node h3,.output-node h3{font:500 24px/1.1 var(--ui);letter-spacing:-.04em}
.input-node>p,.output-node>p{font:14px/1.45 var(--ui);color:var(--muted)}
.sample-front{color:var(--paper)}
.sample-front>span,.type-mark{font-family:var(--serif)}
.sample-front i:nth-child(3){background:var(--clay)}
.sample-stamp{background:var(--clay)}
.shared-bus{border-color:var(--line);border-radius:14px;padding:14px 20px}
.bus-title{font-size:8px;color:var(--muted)}
.shared-bus button{min-height:30px}
.shared-bus button strong{font-size:12px}
.shared-bus button small{font-size:6px;color:var(--muted);border-color:#89917f}
.system-diagram figcaption{border-radius:0 0 24px 24px;font:12px/1.5 var(--ui);color:var(--muted);padding-block:16px}
.diagram-key{font-size:8px;color:var(--muted)}
.connection{stroke:#747c73}
.connection.secondary{stroke:#9baba0}
.connection.loop{stroke:#8496a9}
.connection-label{fill:var(--muted);font-size:8px}
.process-section{border-top:0;padding:80px 0 65px;background:#EAEAE2}
.process-top h2,.modules-top h2{font-size:clamp(40px,4.5vw,64px);line-height:1.02}
.section-top>p{font:16px/1.6 var(--ui);color:var(--muted);max-width:370px}
.process-board{border:0;border-radius:24px;overflow:hidden}
.process-half{padding:32px}
.strategy-half{border-color:var(--line)}
.half-heading{gap:15px}
.engine-number{font:500 40px var(--ui);letter-spacing:-.06em}
.half-heading .eyebrow{font-size:8px}
.half-heading h3{font:500 25px/1.15 var(--ui);letter-spacing:-.04em}
.half-heading>svg{width:40px;height:40px}
.strategy-flow{min-height:375px}
.process-node{border-radius:12px;background:#fffefa;border-color:var(--line);padding:16px;min-height:72px}
.process-node strong{font:500 18px/1.1 var(--ui);letter-spacing:-.025em}
.process-node small{font:10px/1.45 var(--ui);color:var(--muted);letter-spacing:0}
.process-node>span{color:var(--muted)}
.process-node>svg{color:#899384}
.verification-node{border-radius:12px;border-color:transparent;padding:15px;min-height:70px}
.verification-node strong{font:500 16px var(--ui);letter-spacing:-.03em}
.verification-node small{font:10px var(--ui);color:var(--muted)}
.evidence-label{font-size:7px;border-color:#a7b39e;border-radius:100px;padding:5px 7px}
.half-note{font:12px/1.5 var(--ui);color:var(--muted);margin-top:20px}
.handoff-strip{border-color:var(--line);padding:20px;gap:22px}
.handoff-label{font-size:9px;color:var(--muted)}
.handoff-strip button{border:0;border-radius:100px;padding:14px 18px;gap:12px;background:var(--paper)}
.handoff-strip button strong{font:500 13px var(--ui)}
.handoff-strip button>span{font:12px var(--ui);color:var(--muted);border-color:#c7b7ac}
.handoff-arrow{color:var(--muted)}
.design-flow{min-height:375px;gap:34px}
.design-draft{background:#f4f7fa;border-color:#c6d0da}
.tool-node{border:0;border-radius:14px;padding:16px 12px;width:calc(100% - 56px)}
.tool-label{font-size:8px;color:#526376}
.tool-marks>span{color:#64798d}
.pattern-mark{background:repeating-linear-gradient(135deg,#73869a 0,#73869a 2px,transparent 2px,transparent 5px)}
.tool-node>p{font:11px var(--ui);color:#526376}
.review-row{gap:37px;padding:0 14px 17px}
.review-diamond>span{font:14px/1.25 var(--ui);color:#526376}
.review-diamond:before{border-radius:8px}
.approved-node{border-radius:12px;background:var(--clay);border:0;padding:15px;min-height:78px}
.approved-node>span{font-size:8px;color:#695749}
.approved-node strong{font:500 17px/1.2 var(--ui);letter-spacing:-.035em}
.approved-node small{font:10px var(--ui);color:#695749}
.loop-label{font-size:6px;color:#697e92;margin-top:-22px}
.process-footnote{max-width:890px;padding-top:24px}
.process-footnote p{font:13px/1.65 var(--ui);color:var(--muted)}
.process-footnote strong{color:var(--ink);font-weight:500}
.modules-section{background:var(--ink);color:var(--paper);padding:80px 0 55px}
.modules-top .section-no{color:#b7c0b2}
.modules-top>p{font-size:16px;color:#c3c8c0}
.click-hint{font-size:10px;color:#b7c0b2}
.branch-root{background:#30372e;border-color:#65715e;border-radius:16px;padding:20px}
.branch-root h3{font:500 25px/1.15 var(--ui);letter-spacing:-.035em}
.branch-root>div>span{font-size:8px;color:#bcc7b4}
.branch-root>strong{font:500 30px var(--ui);letter-spacing:-.055em;color:var(--strategy)}
.branch-root>svg{color:var(--strategy)}
.design-branch .branch-root{background:#2d343c;border-color:#677586}
.design-branch .branch-root>svg,.design-branch .branch-root>strong{color:var(--design)}
.design-branch .branch-root>div>span{color:#b8c5d3}
.module-node{background:#292e27;border-color:#4b5644;border-radius:10px;min-height:56px;padding:14px;gap:10px}
.module-node>strong{font:13px/1.4 var(--ui)}
.module-node:after{color:#b2bfa6}
.module-node>span:first-child{background:var(--strategy)}
.module-node:hover{background:#384032;border-color:#adbca1}
.design-branch .module-node{background:#292e34;border-color:#495560}
.design-branch .module-node>span:first-child{background:var(--design)}
.design-branch .module-node:hover{background:#394550;border-color:#b5c2cf}
.design-branch .module-node:after{color:#b8c5d3}
.design-branch .module-columns:before,.design-branch .module-column,.design-branch .module-column:before,.design-branch .module-node:before,.two-columns:after{border-color:#586673}
.module-node.planned{opacity:1;background:transparent;color:#c1c7bf}
.module-node.planned small{font-size:7px;color:#b7c0b2}
.module-node.planned>span:first-child{background:none}
.module-node.consolidate>span:first-child{background:var(--clay)}
.shared-foundation{border-color:#747f6d}
.foundation-heading h3{font:500 21px var(--ui);letter-spacing:-.035em}
.foundation-heading .eyebrow{font-size:8px;color:#b7c0b2}
.shared-module-nodes .module-node{background:#30362c;border-color:#616c57}
.shared-module-nodes .module-node>strong{font-size:12px}
.module-status{font-size:8px;color:#b7c0b2;border-color:#50594a}
.status-key{font-size:10px;color:#c1c7b9}
.status-key.consolidation>i{background:var(--clay)}
.closing{padding:80px 0 70px}
.closing-symbol{font-size:44px;margin-bottom:28px}
.closing p{font:400 italic clamp(36px,4.6vw,64px)/1.1 var(--serif);letter-spacing:-.035em}
.closing>.eyebrow{font-size:10px;color:var(--muted)}
.closing-links{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:32px}
.contact-link{display:inline-flex;align-items:center;gap:24px;border-radius:100px;background:var(--ink);color:var(--paper);font:14px var(--ui);padding:16px 24px}
.contact-link:hover{background:#424a3e}
.back-top{font:12px var(--ui);margin:0;color:var(--muted);border-color:var(--line)}
.site-footer{font:9px var(--mono);border-color:var(--line);color:var(--muted);padding:24px 0 32px}
.site-footer>span{font:9px var(--mono);margin:0!important;letter-spacing:0}
.site-footer nav{display:flex;gap:22px}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
dialog{border:0;border-radius:24px;padding:44px 38px;box-shadow:0 30px 100px #20232044}
dialog::backdrop{background:#20232088}
.dialog-close{border-radius:50%;padding:9px;right:12px;top:12px}
.dialog-close:hover{background:var(--strategy)}
.detail-title{font:500 40px/1.07 var(--ui);letter-spacing:-.05em}
.detail-label{font-size:9px;color:var(--muted)}
.detail-description{font:18px/1.55 var(--ui);color:var(--muted)}
.detail-status{font-size:10px;border-color:#b0bcaa;border-radius:100px;background:var(--strategy);color:#47523e;padding:6px 10px}
.detail-status.planned{background:transparent}
.detail-extra{border-color:var(--line)}
.detail-extra h3{font-size:9px;color:var(--muted)}
.detail-tags span{font-size:12px;border:0;border-radius:7px;background:var(--strategy);padding:8px 10px}
.detail-footnote{font:12px/1.6 var(--ui);color:var(--muted)}
.handoff-columns>div{border:0;border-radius:12px;background:var(--strategy);padding:16px}
.handoff-columns>div:last-child{background:var(--design)}
.handoff-columns p{font:14px/1.5 var(--ui);color:var(--muted)}
@media(max-width:1120px){
  .wrap{width:calc(100% - 76px)}
  .hero-heading{gap:40px}
  .hero h1{font-size:8vw}
  .hero-intro p{font-size:16px}
  .system-row{gap:32px}
  .engine-node{padding-inline:15px}
  .engine-node h3{font-size:25px}
  .engine-node>p{font-size:14px}
  .node-caption{font-size:8px}
  .node-link{font-size:9px}
  .input-node>p,.output-node>p{font-size:12px}
  .diagram-key{font-size:6px}
  .process-half{padding:26px 22px}
  .half-heading h3{font-size:21px}
  .half-heading>svg{width:32px;height:32px}
  .branch-root{padding:16px 13px}
  .branch-root h3{font-size:22px}
  .module-node{padding:12px 10px}
  .module-node>strong{font-size:12px}
}
@media(max-width:860px){
  .wrap{width:calc(100% - 48px)}
  .site-header nav{gap:20px;font-size:12px}
  .hero{padding-top:30px}
  .hero-meta .eyebrow{font-size:9px}
  .hero-heading{grid-template-columns:1.25fr 1fr;gap:28px}
  .hero h1{font-size:8.5vw}
  .hero-intro p{font-size:15px}
  .intro-spark{font-size:32px;margin-bottom:16px}
  .hero-foot{font-size:8px}
  .hero-foot>span:last-child{font-size:7px}
  .system-row{gap:22px}
  .flow-node{height:251px}
  .engine-node{padding:16px 12px 0}
  .engine-node h3{font-size:22px}
  .engine-node>p{font-size:12px}
  .engine-symbol{height:44px;width:44px;margin:20px 0 18px}
  .node-caption{font-size:6px}
  .node-link{font-size:8px}
  .input-node h3,.output-node h3{font-size:20px}
  .input-node>p,.output-node>p{font-size:11px}
  .system-diagram figcaption{font-size:11px}
  .diagram-key{font-size:7px}
  .process-top h2,.modules-top h2{font-size:43px}
  .section-top>p{font-size:14px}
  .process-board{display:flex;flex-direction:column}
  .process-half{padding:28px 40px}
  .strategy-half{border:0}
  .half-heading h3{font-size:25px}
  .half-heading .eyebrow{font-size:9px}
  .half-heading>svg{width:40px;height:40px}
  .process-node strong{font-size:20px}
  .process-node small{font-size:11px}
  .handoff-strip{flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
  .handoff-arrow{transform:none}
  .tool-label{font-size:9px}
  .tool-node>p{font-size:12px}
  .loop-label{font-size:7px}
  .review-diamond{width:70px;height:70px}
  .review-row{gap:55px;padding-inline:15px}
  .approved-node strong{font-size:20px}
  .module-forest{grid-template-columns:1fr;gap:32px}
  .module-node>strong{font-size:13px}
  .branch-root h3{font-size:25px}
  .branch-root>div>span{font-size:9px}
  .branch-root>svg{width:40px;height:40px}
  .branch-root>strong{font-size:32px}
  .shared-foundation{grid-template-columns:1fr;gap:20px}
  .foundation-heading h3{font-size:23px}
  .shared-module-nodes .module-node>strong{font-size:13px}
  .module-status .status-key{font-size:9px}
  .module-status>span{font-size:7px}
  .site-footer{flex-wrap:wrap;gap:16px}
  .site-footer>span{font-size:8px}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 40px)}
  .site-header{height:auto;min-height:91px;flex-wrap:wrap;padding-block:20px;gap:19px}
  .brand{gap:9px}
  .mark-tile{height:34px;width:21.76px}
  .brand .display{font-size:27px}
  .site-header nav{font-size:11px;gap:15px}
  .hero{padding-top:20px}
  .hero-meta .eyebrow{font-size:8px;letter-spacing:.035em}
  .edition{font-size:8px}
  .hero-heading{grid-template-columns:1fr;gap:27px;margin:29px 0 30px}
  .hero h1{font-size:13.8vw;line-height:1.03}
  .hero-intro{display:block;max-width:none}
  .hero-intro p{font-size:16px;line-height:1.55;max-width:none}
  .intro-spark{display:none}
  .inline-link{font-size:12px;margin-top:16px}
  .hero-foot{font-size:8px;letter-spacing:0;padding:16px 0}
  .hero-foot i{margin:0 7px}
  .overview-section{padding:32px 0 48px}
  .section-no{font-size:9px;margin-bottom:13px}
  .section-top h2{font-size:29px;max-width:12ch}
  .section-top{align-items:center}
  .play-button{padding:10px 13px;font-size:10px;gap:6px;min-height:42px}
  .system-diagram{padding:25px 23px 0;border-radius:20px}
  .flow-node{height:auto}
  .system-row{gap:44px;max-width:350px}
  .input-node,.output-node{padding-left:10px;column-gap:17px}
  .input-node .node-caption,.output-node .node-caption{font-size:9px}
  .input-node h3,.output-node h3{font-size:24px}
  .input-node>p,.output-node>p{font-size:13px}
  .engine-node{padding:19px 19px 0;min-height:186px;border-radius:16px;grid-template-columns:1fr 58px;column-gap:10px}
  .engine-node .node-caption{font-size:8px;margin-bottom:19px}
  .engine-node h3{font-size:28px;letter-spacing:-.055em;white-space:nowrap}
  .engine-node>p{font-size:14px;margin-bottom:18px}
  .engine-symbol{height:58px;width:58px;margin:0}
  .node-link{font-size:10px;padding:12px 0}
  .shared-bus{padding:13px 10px;margin:39px auto 25px}
  .bus-title{font-size:7px}
  .shared-bus>div{gap:6px;flex-wrap:wrap}
  .shared-bus button strong{font-size:10px}
  .shared-bus button small{font-size:5px}
  .system-diagram figcaption{padding:14px 15px;font-size:11px;border-radius:0 0 20px 20px}
  .diagram-key{font-size:6px;letter-spacing:0;gap:6px}
  .process-section,.modules-section{padding:48px 0 37px}
  .process-top h2,.modules-top h2{font-size:42px;max-width:none}
  .section-top>p{font-size:16px;line-height:1.55;margin-top:21px}
  .process-half{padding:24px 20px}
  .half-heading{gap:12px}
  .half-heading h3{font-size:22px}
  .half-heading .eyebrow{font-size:7px}
  .half-heading>svg{width:31px;height:31px}
  .engine-number{font-size:34px}
  .process-node{padding:14px 11px;gap:10px}
  .process-node>span{font-size:9px}
  .process-node strong{font-size:18px}
  .process-node small{font-size:10px;letter-spacing:0}
  .process-node>svg{display:none}
  .verification-node{gap:10px;padding:13px 11px}
  .verification-node strong{font-size:15px}
  .verification-node small{font-size:10px}
  .evidence-label{font-size:6px;padding:4px}
  .half-note{font-size:12px}
  .handoff-strip{padding:18px 12px}
  .handoff-strip button{border-radius:16px;padding:14px 12px;gap:10px}
  .handoff-strip button strong{font-size:13px}
  .handoff-strip button>span{font-size:11px;padding:0;border:0}
  .handoff-label{font-size:8px}
  .design-flow{gap:34px;min-height:360px}
  .tool-node{padding:16px 10px;width:calc(100% - 26px)}
  .tool-label{font-size:7px}
  .tool-node>p{font-size:10px}
  .tool-marks{gap:20px}
  .review-row{gap:28px;padding:0 0 17px}
  .review-diamond{width:58px;height:58px}
  .review-diamond>span{font-size:13px}
  .approved-node{padding:13px 9px;min-height:78px}
  .approved-node>span{font-size:7px}
  .approved-node strong{font-size:17px}
  .approved-node small{font-size:9px}
  .loop-label{font-size:5px;margin-top:-24px;margin-left:16px}
  .process-footnote p{font-size:12px}
  .modules-top .click-hint{font-size:10px}
  .module-forest{gap:30px}
  .branch-root{padding:18px 16px}
  .branch-root h3{font-size:24px}
  .branch-root>div>span{font-size:8px}
  .module-node{min-height:53px;padding:13px}
  .module-node>strong{font-size:13px}
  .module-node.planned small{font-size:7px}
  .two-columns{grid-template-columns:1fr;gap:8px}
  .two-columns:after{display:none}
  .two-columns .module-column{padding-left:16px;margin-left:14px}
  .two-columns .module-column:nth-child(2):before{display:none}
  .two-columns .module-node{padding:13px;min-height:53px;gap:9px}
  .two-columns .module-node>strong{font-size:13px}
  .two-columns .module-node:before{width:16px;left:-17px}
  .two-columns .module-node.planned small{display:block}
  .shared-foundation:after{left:50%}
  .shared-module-nodes{grid-template-columns:1fr;gap:8px}
  .shared-module-nodes .module-node{padding:13px;min-height:53px}
  .shared-module-nodes .module-node>strong{font-size:13px}
  .shared-module-nodes .module-node small{display:block;font-size:7px;margin-left:auto}
  .module-status .status-key{font-size:8px!important}
  .module-status>span{font-size:7px}
  .module-status>div{flex-wrap:wrap;justify-content:flex-start;gap:15px}
  .closing{padding:48px 0 40px}
  .closing-symbol{font-size:36px}
  .closing p{font-size:36px}
  .closing p br{display:none}
  .closing>.eyebrow{font-size:9px}
  .closing-links{flex-direction:column;gap:24px;margin-top:28px}
  .contact-link{font-size:13px;padding:15px 20px;gap:16px}
  .site-footer{font-size:8px;gap:18px;padding:24px 0}
  .site-footer>span{display:none!important}
  .site-footer nav{gap:16px}
  dialog{padding:42px 25px 30px}
  .detail-title{font-size:34px}
  .detail-description{font-size:17px}
  .detail-label{font-size:8px}
  .detail-tags span{font-size:11px}
}
@media(max-width:370px){
  .wrap{width:calc(100% - 32px)}
  .site-header nav{gap:12px;font-size:10px}
  .hero-meta .eyebrow{font-size:7px}
  .hero-foot{font-size:7px}
  .process-half{padding-inline:15px}
  .engine-node{padding-inline:14px;grid-template-columns:1fr 48px}
  .engine-node h3{font-size:26px}
  .engine-symbol{width:48px;height:48px}
  .shared-bus button strong{font-size:9px}
  .system-diagram{padding-inline:18px}
  .system-diagram figcaption{margin-inline:-18px}
  .process-top h2,.modules-top h2{font-size:38px}
}
/* A dedicated contact destination, in the BBS page itself. */
.contact-section{padding-bottom:36px;scroll-margin-top:28px}
.contact-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,88px);align-items:center;padding:clamp(28px,5vw,64px);border-radius:24px;background:var(--strategy)}
.contact-intro .section-no{margin-bottom:30px;color:#52604a}
.contact-intro h2{font:500 clamp(40px,4.3vw,62px)/1.04 var(--ui);letter-spacing:-.055em}
.contact-intro h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}
.contact-intro>p{font:16px/1.6 var(--ui);max-width:41ch;margin-top:26px;color:#4b5746}
.contact-flow{display:flex;align-items:center;gap:12px;margin-top:35px;font:10px/1.4 var(--ui);color:#52604a}
.contact-flow svg{width:17px;height:17px}
.contact-card{padding:32px;border-radius:20px;background:var(--paper);min-width:0}
.contact-card>.eyebrow{font-size:9px;color:var(--muted);letter-spacing:.5px}
.contact-card h3{font:500 31px/1.1 var(--ui);letter-spacing:-.04em;margin:20px 0 25px}
.contact-card .contact-link{justify-content:space-between;width:100%;font-size:14px;gap:16px;padding:17px 21px}
.contact-card .contact-link svg{width:18px;height:18px;transform:rotate(-35deg)}
.contact-mail-hint{font:11px/1.5 var(--ui);color:var(--muted);margin:13px 0 25px}
.contact-address{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px}
.contact-address>a{font:14px var(--ui);text-underline-offset:4px}
.contact-address>a:hover{text-decoration:underline}
.contact-address button{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid var(--line)}
.contact-address button:hover{background:var(--strategy)}
.contact-address svg{width:17px;height:17px}
.contact-status{font:11px/1.5 var(--ui);color:var(--muted);min-height:17px;margin-top:7px;overflow-wrap:anywhere}
.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 0}
.contact-bottom>span{font:9px var(--mono);color:var(--muted);letter-spacing:.3px}
@media(max-width:860px){
  .contact-panel{grid-template-columns:1fr 1fr;gap:28px;padding:32px}
  .contact-intro h2{font-size:40px}
  .contact-intro>p{font-size:15px}
  .contact-flow{gap:7px;font-size:8px}
  .contact-card{padding:25px}
  .contact-card h3{font-size:27px}
  .contact-address>a{font-size:12px}
}
@media(max-width:620px){
  .site-header nav{gap:16px;flex-wrap:wrap}
  .contact-section{padding-bottom:26px}
  .contact-panel{grid-template-columns:1fr;padding:28px 20px 20px;gap:28px;border-radius:20px}
  .contact-intro .section-no{margin-bottom:22px}
  .contact-intro h2{font-size:40px}
  .contact-intro>p{font-size:15px;margin-top:22px}
  .contact-flow{font-size:9px;gap:9px;margin-top:25px}
  .contact-flow svg{width:14px;height:14px}
  .contact-card{padding:25px 20px 18px;border-radius:16px}
  .contact-card h3{font-size:28px}
  .contact-card>.eyebrow{font-size:8px}
  .contact-address>a{font-size:13px}
  .contact-bottom{align-items:flex-start;gap:15px;padding-top:22px}
  .contact-bottom>span{font-size:7px;line-height:1.6;max-width:20ch}
  .contact-bottom .back-top{font-size:11px;white-space:nowrap}
}
@media(max-width:370px){
  .contact-intro h2{font-size:34px}
  .contact-panel{padding-inline:16px}
  .contact-card{padding-inline:16px}
  .contact-flow{font-size:8px;gap:7px}
}