@font-face{font-family:Archivo;src:url('assets/Archivo-Variable.woff2') format('woff2');font-weight:500 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/IBMPlexMono-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/IBMPlexMono-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--bg:#f4f1ea;--hover:#ece8de;--ink:#111;--yellow:#f2c230;--blue:#1b4fb8;--red:#e0281e;--pad:clamp(24px,3.75vw,48px);--axis:60%;--flow-line:4px;--mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;--sans:Archivo,'Arial Black',Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:500;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{max-width:100%;display:block}
p{font-size:17px;line-height:1.48;text-wrap:pretty}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:900;text-transform:none;letter-spacing:-.03em}
h1{font-size:clamp(64px,9.84vw,126px);line-height:.86;margin-bottom:34px}
h2{font-size:clamp(40px,5vw,64px);line-height:.94}
h3{font-size:22px;line-height:1}
main,body>.nav,body>footer{width:min(100%,1280px);margin-inline:auto}
section{position:relative;border-top:3px solid var(--ink);padding:64px var(--pad)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav{height:76px;padding:0 var(--pad);display:flex;align-items:center;border-bottom:2px solid var(--ink);gap:24px;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:none}
.logo img{width:172px;height:auto}
.nav nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.nav nav a{min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}
.nav nav a[aria-current=page]{border-color:var(--ink)}
.menu{display:none;background:var(--ink);color:var(--bg);border:0;border-radius:0;min-height:44px;padding:0 18px;font:500 11px var(--mono);letter-spacing:.16em;text-transform:none}
.eyebrow,.owner,.article-meta,.text-link,time,dt,footer{font:500 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:none}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;margin-top:24px;background:var(--ink);color:var(--bg);padding:0 22px;font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:none}
.button:hover{background:var(--red);color:var(--bg)}
.text-link{display:inline-block;border-bottom:2px solid var(--ink);padding-bottom:4px;letter-spacing:.15em}
.red-dot{display:inline-block;width:.16em;height:.16em;border-radius:50%;background:var(--red);margin-left:.055em}
.split{display:grid;grid-template-columns:var(--axis) calc(100% - var(--axis));padding:0}
.split>div:first-child{padding:80px var(--pad)}
.hero{min-height:740px;border-top:0}
.hero>div:first-child{padding-top:100px}
.hero h1{font-size:clamp(72px,9.84vw,126px)}
.hero>div>p{max-width:530px;font-size:19px}
.hero-lead{font-size:clamp(23px,2.4vw,30px)!important;line-height:1.16!important;font-weight:700;text-transform:none;letter-spacing:.05em}

.shape{position:relative;display:inline-flex;flex:0 0 auto}
.shape-intent,.shape-effect{width:96px;height:96px;border-radius:50%}
.shape-intent{background:var(--yellow)}
.shape-effect{background:var(--ink);border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.shape-effect::after{content:'';position:absolute;inset:6px;background:var(--bg);clip-path:inherit}
.shape-authority{width:104px;height:92px;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%)}
.shape-runtime{width:96px;height:96px;border:5px solid var(--blue);background:var(--blue)}
.shape-observe{width:96px;height:96px;border-radius:50%;background:var(--ink)}
.shape-evidence{width:104px;flex-direction:column;gap:10px}
.shape-evidence i{display:block;height:16px;width:100%;background:var(--ink)}

/* Product and process sequences share the same icon, caption, and arrow rhythm. */
.platform-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.platform-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 16px 20px;min-width:0}
.platform-symbol{height:120px;display:flex;align-items:center;justify-content:center}
.platform-item h3{font-size:22px;margin:28px 0 8px}
.platform-item p{font-size:15px;max-width:20ch;margin:0}
.platform-tech{display:block;margin-top:auto;padding-top:16px;font:400 11px/1.6 var(--mono);max-width:24ch;min-height:52px}
.platform-note{font-size:14px;line-height:1.6;max-width:82ch;margin:32px 0 0}
.row-symbol .shape-intent{width:140px;height:140px}
.process::after{display:none}
.lifecycle-row>.lifecycle-explanation{padding:24px 36px;font-size:17px;line-height:1.5}
.platform-item:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:48px;z-index:1;pointer-events:none;font:400 30px/40px var(--mono)}
.platform-item:hover{background:var(--hover);color:var(--ink)}
.platform-item:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

.hero-diagram{position:relative;margin:0;min-height:740px;overflow:hidden;border-left:4px solid var(--ink)}
.hero-diagram>div{position:absolute}
.hero-diagram .hero-work{left:-150px;top:70px}.hero-diagram .hero-work .shape{width:340px;height:340px}
.hero-diagram .hero-authority{left:150px;top:200px}.hero-diagram .hero-authority .shape{width:200px;height:174px}
.hero-diagram .hero-runtime{left:-80px;top:428px}
.hero-diagram .hero-runtime .shape{width:170px;height:170px}
.hero-diagram .hero-effect{left:250px;top:336px;z-index:2}.hero-diagram .hero-effect .shape{width:76px;height:76px}
.hero-diagram .hero-evidence{left:366px;top:440px}.hero-diagram .hero-evidence .shape{width:120px;gap:12px}.hero-diagram .hero-evidence i{height:18px}
.hero-diagram .hero-flow{left:-150px;right:-60px;top:372px;height:4px;background:var(--ink)}
figure figcaption{position:absolute;width:1px;height:1px;overflow:hidden}

.sandbox{min-height:560px}
.sandbox h2{font-size:40px;max-width:480px}.sandbox h2.light{font-weight:500;margin-top:16px}.statement{font-weight:900;font-size:24px;text-transform:none;margin-top:42px}
.door-diagram{position:relative;margin:0;border-left:4px solid var(--ink);min-height:560px}
.door-diagram>div{position:absolute;z-index:2}.door-diagram>div:nth-child(1){left:-240px;top:292px}.door-diagram>div:nth-child(1) .shape{width:56px;height:56px}.door-diagram>div:nth-child(2){left:-130px;top:230px}.door-diagram>div:nth-child(2) .shape{width:180px;height:180px;border-width:6px}.door-diagram>div:nth-child(3){left:326px;top:276px}.door-diagram>div:nth-child(3) .shape{width:88px;height:88px}.diagram-line{position:absolute;left:-240px;top:318px;width:608px;height:4px;background:var(--ink)}

.section-head{padding:0 0 42px}.section-head .eyebrow{display:block;margin-bottom:22px}.section-head h2{font-size:48px;margin:0}.section-head.compact{display:flex;justify-content:space-between;align-items:center}.section-head.compact .eyebrow{margin:0}
.capability-row{display:grid;grid-template-columns:var(--axis) calc(100% - var(--axis));margin:0 calc(var(--pad) * -1);padding-left:var(--pad);border-top:1px solid var(--ink);min-height:280px;align-items:center;color:var(--ink)!important}
.capability-row:hover{background:var(--hover)}.capability-row>div:first-child{padding:44px 64px 44px 0;max-width:640px}.capability-row h2{font-size:64px;margin-bottom:16px}.capability-row p{font-size:16px;max-width:500px}.capability-row p.large{font-size:22px}.capability-row .text-link{margin-top:8px}.row-symbol{display:flex;align-items:center;justify-content:center;height:100%;border-left:4px solid var(--ink)}
.row-symbol .shape-authority{width:160px;height:140px}.row-symbol .shape-observe{width:120px;height:120px;box-shadow:30px -30px 0 -5px var(--bg),30px -30px 0 0 var(--ink)}.row-symbol .shape-evidence{width:160px;gap:14px}.row-symbol .shape-evidence i{height:22px}
.section-intro{border:0}.section-intro>div:first-child{padding:0}.section-intro>p{padding:6px var(--pad) 0 44px;font-size:16px}.model .section-link{margin-top:50px}
.process{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding-top:8px}
.process-path{position:absolute;left:0;right:0;top:66px;height:4px;background:var(--ink)}
.process::after{content:'Trust boundary';position:absolute;left:var(--axis);top:0;bottom:0;border-left:4px solid var(--ink);padding:8px;font:500 9px var(--mono);letter-spacing:.16em;writing-mode:vertical-rl;z-index:0}
.process-step{position:relative;padding:0 22px;z-index:1}.process-symbol{height:120px;display:flex;align-items:center;justify-content:center}.process-step h3{margin:28px 0 8px}.process-step p{font-size:15px;line-height:1.4}.process-step.muted{opacity:1}.process .owner{display:inline-block;padding:4px 8px}.process-step:not(.muted) .owner{background:var(--ink);color:var(--bg)}.owner{font-size:10px;margin-bottom:8px}
.ledger{margin:0 calc(var(--pad) * -1)}.ledger-row{display:grid;grid-template-columns:calc(60% - 30px) 60px 1fr 30px;align-items:center;min-height:76px;border-top:1px solid var(--ink);padding-right:var(--pad);color:var(--ink)!important}.ledger-row:hover{background:var(--hover)}.ledger-row strong{text-align:right;padding-right:40px;font-size:20px;text-transform:none;letter-spacing:.05em}.ledger-row>.shape{justify-self:center;z-index:2}.ledger-row>.shape:not(.shape-evidence){width:28px;height:28px}.ledger-row>.shape-authority{height:25px}.ledger-row>.shape-runtime{border-width:4px}.ledger-row>.shape-evidence{width:30px;gap:3px;background:var(--bg);padding:2px 0}.ledger-row>.shape-evidence i{height:4px}.ledger-row span:not(.shape){padding-left:36px;font:500 12px var(--mono);letter-spacing:.2em;text-transform:none}.idea-row,.post-row{display:grid;grid-template-columns:180px 1fr 100px;align-items:center;border-top:1px solid var(--ink);min-height:110px;color:var(--ink)!important}.idea-row:hover,.post-row:hover{background:var(--hover)}.idea-row h3{font-size:28px;margin:0}.idea-row>span,.post-row>b{justify-self:end;font:500 11px var(--mono);letter-spacing:.16em;text-transform:none}

.cap-hero{min-height:620px}.cap-hero h1{font-size:clamp(64px,5.2vw,72px);margin-top:28px}.cap-hero p{max-width:520px;font-size:19px}.cap-diagram{position:relative;margin:0;min-height:620px;border-left:4px solid var(--ink);overflow:hidden}.cap-flow{position:absolute;left:-140px;right:40px;top:298px;height:4px;background:var(--ink)}.cap-diagram>.shape{position:absolute;z-index:2}.cap-control>.shape-intent{left:-140px;top:262px;width:76px;height:76px}.cap-control>.shape-authority{left:40px;top:216px;width:150px;height:130px}.cap-control>.shape-runtime{left:270px;top:214px;width:170px;height:170px}.denied{position:absolute;left:110px;top:375px;border-left:4px solid var(--ink);padding:110px 0 0 18px;font:500 10px/1.8 var(--mono);letter-spacing:.2em;text-transform:none}.cap-observe>.shape-runtime{left:-100px;top:180px;width:310px;height:310px}.cap-observe>.shape-observe{left:-55px;top:315px;width:220px;height:70px}.cap-observe>.shape-evidence{left:290px;top:240px}.cap-verify>.shape-intent{left:-120px;top:206px;width:68px;height:68px}.cap-verify>.shape-authority{left:40px;top:176px;width:80px;height:70px}.cap-verify>.shape-effect{left:250px;top:190px;width:100px;height:100px}.cap-verify>.shape-evidence{left:0;top:400px;width:140px}.knowledge>div:first-child{padding:64px var(--pad)}.knowledge ol{list-style:none;counter-reset:item;padding:0;margin:28px 0 0}.knowledge li{counter-increment:item;display:grid;grid-template-columns:40px 1fr;gap:4px;margin-bottom:22px;font-size:20px;line-height:1.35}.knowledge li::before{content:'0' counter(item);font:500 11px var(--mono);letter-spacing:.15em;padding-top:6px}.knowledge aside{padding:64px 48px 72px 44px;border-left:4px solid var(--ink)}.knowledge aside .eyebrow{display:block;margin-bottom:28px}.knowledge aside .eyebrow:nth-of-type(2){margin-top:46px}.large{font-size:22px;line-height:1.3}.position{padding-left:0;padding-right:0}.position .section-head{padding-left:var(--pad);padding-right:var(--pad)}.technical>div:first-child{padding:64px var(--pad)}.technical h2{font-size:34px;margin-top:28px}.technical pre,.docs-example pre{margin:0;border-left:4px solid var(--ink);padding:64px 44px;overflow:auto;background:transparent;font:400 12px/1.8 var(--mono);white-space:pre-wrap}.spec{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}.spec dt{font-size:10px}.spec dd{font-size:15px;line-height:1.45;margin:8px 0 0}

.page-hero{width:60%;min-height:440px;padding-top:80px}.page-hero h1{font-size:clamp(58px,5.4vw,72px);margin-top:24px}.page-hero p{max-width:540px;font-size:19px}.architecture-diagram{height:540px;margin:0;position:relative;font:500 10.5px/1.5 var(--mono);letter-spacing:.13em;text-transform:none}.architecture-diagram small{display:block;margin-top:4px;font-size:10px;letter-spacing:.02em;text-transform:none}.agents{position:absolute;left:0;top:120px;width:160px;display:grid;gap:26px}.agents .shape{width:40px;height:40px}.agents b{margin-top:8px}.operation{position:absolute;left:17%;top:35px;width:48%;height:380px;border:2px solid var(--ink);padding:14px}.gate{position:absolute;left:7%;top:125px}.gate .shape{width:80px;height:70px}.gate b,.gate small{display:block;margin-top:10px}.habitat{position:absolute;left:36%;top:58px;width:52%;height:260px;border:5px solid var(--ink);padding:14px}.witness{position:absolute;left:0;right:0;bottom:0;height:58px;background:var(--ink);color:var(--bg);display:flex;align-items:center;padding:0 14px;gap:12px}.witness .shape{width:34px;height:34px;background:var(--ink);border:3px solid var(--bg)}.outside{position:absolute;left:68%;top:194px;text-align:center}.outside .shape{display:block;width:64px;height:64px;margin:auto auto 15px}.records{position:absolute;left:84%;top:126px}.records .shape{width:120px;margin:20px 0}.arch-flow{position:absolute;left:3%;right:6%;top:224px;height:4px;background:var(--ink);z-index:-1}.architecture-diagram::after{content:'Trust boundary';position:absolute;left:65%;top:0;bottom:0;border-left:4px solid var(--ink);padding-left:8px;writing-mode:vertical-rl}.lifecycle,.boundary-list,.claims{margin:0 calc(var(--pad) * -1)}.lifecycle-row{display:grid;grid-template-columns:calc(60% - 30px) 60px 1fr;align-items:center;min-height:120px;border-top:1px solid var(--ink)}.lifecycle-row>div{padding:20px var(--pad);display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.lifecycle-row h2{font-size:26px;margin:0}.lifecycle-row p{font-size:16px;margin:0}.lifecycle-row>.shape{justify-self:center;z-index:2}.lifecycle-row>.shape:not(.shape-evidence){width:36px;height:36px}.lifecycle-row>.shape-authority{height:32px}.lifecycle-row>.shape-runtime{border-width:4px}.lifecycle-row>.shape-evidence{width:36px;gap:4px}.lifecycle-row>.shape-evidence i{height:5px}.lifecycle-row pre{padding:20px 36px;margin:0;font:400 12px/1.7 var(--mono);white-space:pre-wrap}.boundary-list>div{display:grid;grid-template-columns:calc(60% - 30px) 60px 1fr;min-height:106px;align-items:center;border-top:1px solid var(--ink)}.boundary-list h3{text-align:right;padding:20px 40px;margin:0;font-size:30px}.boundary-list span{height:5px;background:var(--ink)}.boundary-list p{padding:20px 36px;margin:0;font-size:16px}.claims>div{display:grid;grid-template-columns:calc(60% - 30px) 60px 1fr;align-items:center;border-top:1px solid var(--ink);min-height:88px}.claims p:first-child{text-align:right}.claims p{padding:16px 36px;margin:0}.claims strong{text-align:center;font:500 11px var(--mono);letter-spacing:.16em;text-transform:none}.claims span{font:500 10px var(--mono);letter-spacing:.14em;text-transform:none}blockquote{max-width:700px;margin:64px 0 0;font-size:24px;line-height:1.3;font-weight:700}

.prose-section{max-width:900px}.prose-section h2{margin-top:24px}.prose-section p{font-size:20px;max-width:68ch}.principles{margin:0 calc(var(--pad) * -1)}.principles>div{display:grid;grid-template-columns:32% 1fr;gap:40px;border-top:1px solid var(--ink);padding:32px var(--pad)}.principles dt{font-family:var(--sans);font-size:34px;font-weight:900}.principles dd{font-size:19px;line-height:1.45;margin:0}.docs-example{display:grid;grid-template-columns:60% 40%;padding:0}.docs-example p{padding:64px 48px;font-size:20px}.blog-hero{width:100%}.post-list{padding-top:0;padding-bottom:0}.post-row{grid-template-columns:180px 1fr 100px;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);min-height:136px}.post-row>div{display:flex;flex-direction:column;gap:10px;font:500 10px var(--mono);letter-spacing:.15em;text-transform:none}.post-row h2{font-size:30px;margin:0}
.article-page{border-bottom:3px solid var(--ink)}.article-header{position:relative;padding:64px var(--pad);border-bottom:3px solid var(--ink)}.article-header h1{font-size:clamp(52px,7vw,92px);max-width:950px;margin:42px 0 0}.article-meta{display:flex;gap:24px;margin-top:52px}.article-figure{position:absolute;right:var(--pad);top:54px}.article-figure .shape{transform:scale(.72);transform-origin:top right}.article-body{max-width:68ch;margin:0 auto;padding:72px var(--pad);font-size:20px;line-height:1.55}.article-body p,.article-body li{font-size:20px;line-height:1.55}.article-body h2{font-size:40px;margin:64px 0 22px}.article-body h3{font-size:25px;margin-top:42px}.article-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-body pre{overflow:auto;border-left:5px solid var(--blue);padding:24px;background:var(--hover);font:400 14px/1.6 var(--mono);white-space:pre-wrap}.article-body code{font-family:var(--mono)}.article-body blockquote{border-left:5px solid var(--ink);padding-left:24px;margin-left:0}.article-body hr{border:0;border-top:3px solid var(--ink);margin:60px 0}
.signup{display:grid;grid-template-columns:60% 40%;padding:0}.signup>div{padding:58px var(--pad)}.signup h2{font-size:46px;margin:18px 0 10px}.signup form{padding:58px 48px;border-left:4px solid var(--ink)}.signup label{display:block;margin-bottom:10px;font:500 11px var(--mono);letter-spacing:.18em;text-transform:none}.signup form>div{display:flex}.signup input[type=email]{min-width:0;flex:1;height:48px;border:2px solid var(--ink);border-radius:0;background:var(--bg);padding:0 14px;font:400 14px var(--mono)}.signup button{height:48px;border:0;border-radius:0;background:var(--ink);color:var(--bg);padding:0 18px;font:500 11px var(--mono);letter-spacing:.13em;text-transform:none}.signup button:hover{background:var(--red)}.signup form p{font:400 10px/1.5 var(--mono)}.honeypot{position:absolute;left:-10000px}#joined{display:none}#joined:target{display:block}

footer{min-height:100px;border-top:3px solid var(--ink);padding:26px var(--pad);display:flex;align-items:center;gap:24px}footer img{width:145px}footer .footer-rule{height:1px;background:var(--ink);flex:1}footer a{min-height:44px;display:flex;align-items:center}
.overlay{position:fixed;inset:0;background:rgba(17,17,17,.78);z-index:20;display:none;align-items:center;justify-content:center;padding:24px}.overlay[aria-hidden=false]{display:flex}.overlay-panel{position:relative;background:var(--bg);border:4px solid var(--ink);width:min(520px,100%);padding:44px;outline:0}.overlay-close{position:absolute;right:0;top:0;width:44px;height:44px;border:0;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);border-radius:0;background:var(--bg);font-size:28px}.overlay-panel p{font-family:var(--mono);font-size:14px}
.cap-observe>.shape-runtime{left:-100px;top:150px;width:240px;height:240px}.cap-observe>.shape-observe{left:-100px;top:396px;width:240px;height:56px}.cap-observe>.shape-effect{left:300px;top:230px;width:80px;height:80px}.cap-observe>.shape-evidence{left:340px;top:330px;width:80px;gap:7px}.cap-observe>.shape-evidence i{height:10px}
.hero-flow,.diagram-line,.process-path,.cap-flow,.arch-flow{z-index:1}
.architecture-diagram>.agents,.architecture-diagram>.operation,.architecture-diagram>.outside,.architecture-diagram>.records{z-index:2}
.arch-flow{z-index:1}
@media(min-width:1024px){.ledger,.lifecycle{position:relative}.ledger::before,.lifecycle::before{content:'';position:absolute;left:calc(60% - 2px);top:0;bottom:0;width:4px;background:var(--ink);z-index:1}.lifecycle-row>.shape-evidence{background:var(--bg);padding-block:3px}}
@view-transition{navigation:auto}

@media(max-width:1023px){
  section{padding:52px var(--pad);border-left:4px solid var(--ink)}
  .split{display:block;padding:0;border-left:4px solid var(--ink)}.split>div:first-child{padding:60px var(--pad)}
  .hero,.cap-hero,.sandbox{min-height:0}.hero-diagram,.cap-diagram,.door-diagram{border-left:0;min-height:360px;max-height:360px}.hero-diagram .hero-work{left:25%;top:18px}.hero-diagram .hero-work .shape{width:220px;height:220px}.hero-diagram .hero-authority{left:54%;top:106px}.hero-diagram .hero-authority .shape{width:130px;height:114px}.hero-diagram .hero-flow{left:8%;right:8%;top:218px}.hero-diagram .hero-runtime{left:16%;top:244px}.hero-diagram .hero-runtime .shape{width:96px;height:96px}.hero-diagram .hero-effect{left:66%;top:186px}.hero-diagram .hero-evidence{left:79%;top:250px}.hero-diagram .hero-evidence .shape{width:68px;gap:7px}.hero-diagram .hero-evidence i{height:10px}
  .door-diagram>div:nth-child(1){left:8%;top:152px}.door-diagram>div:nth-child(2){left:34%;top:88px}.door-diagram>div:nth-child(3){left:76%;top:136px}.diagram-line{left:8%;right:10%;width:auto;top:178px}
  .capability-row{grid-template-columns:1fr 140px;margin:0 calc(var(--pad) * -1);padding-left:var(--pad)}.row-symbol{border-left:0}.capability-row>div:first-child{padding-right:32px}.row-symbol .shape-authority{width:90px;height:78px}.row-symbol .shape-observe{width:78px;height:78px}.row-symbol .shape-evidence{width:90px}
  .section-intro{display:grid;grid-template-columns:1fr 1fr;border:0;padding:0}.section-intro>p{padding-left:30px}
  .process{display:block;padding-left:72px}.process-path{left:32px;top:40px;bottom:60px;width:4px;height:auto}.process::after{display:none}.process-step{display:grid;grid-template-columns:110px 1fr;align-items:center;min-height:140px}.process-symbol{position:absolute;left:-72px;width:64px;height:100%}.process-symbol .shape{transform:scale(.52)}.process-step h3{margin:0}.process-step .owner{grid-column:2}.process-step p{grid-column:2;margin:0}.ledger-row{grid-template-columns:48px 1fr 32px;padding:18px var(--pad);gap:18px}.ledger-row strong{text-align:left;padding:0;grid-column:2}.ledger-row>.shape{grid-column:1;grid-row:1 / span 2}.ledger-row span:not(.shape){grid-column:2;padding:0}.ledger-row b{grid-column:3;grid-row:1 / span 2}.idea-row{grid-template-columns:130px 1fr 70px}
  .knowledge aside{border-left:0;border-top:1px solid var(--ink);padding:52px var(--pad)}.technical pre{border-left:0;border-top:1px solid var(--ink);padding:52px var(--pad)}
  .page-hero{width:100%;min-height:0}.architecture-diagram{height:auto;display:grid;grid-template-columns:1fr;gap:20px;padding-left:60px}.architecture-diagram>*{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important}.architecture-diagram .agents{display:flex;align-items:center}.operation{padding:28px;border-width:4px!important}.operation .gate,.operation .habitat{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;margin-top:28px;padding:24px!important}.habitat{border-width:5px!important}.habitat .witness{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:24px -24px -24px;min-height:64px}.outside,.records{text-align:left;display:flex;align-items:center;gap:20px}.outside .shape,.records .shape{margin:0}.arch-flow{position:absolute!important;left:18px!important;top:0!important;bottom:0!important;width:4px!important;height:auto!important}.architecture-diagram::after{display:none}.lifecycle-row,.boundary-list>div,.claims>div{grid-template-columns:54px 1fr;padding:22px var(--pad);column-gap:18px}.lifecycle-row>div,.boundary-list h3,.claims p:first-child{grid-column:2;padding:0;text-align:left}.lifecycle-row>div{display:block}.lifecycle-row>.shape,.boundary-list span,.claims strong{grid-column:1;grid-row:1 / span 2}.lifecycle-row pre,.boundary-list p,.claims p:last-child{grid-column:2;padding:10px 0 0}.claims strong{text-align:left;writing-mode:vertical-rl}.claims p{padding:0}.docs-example{display:block}.docs-example pre{border-left:0}.article-body{padding-top:56px}.signup{display:block}.signup form{border-left:0;border-top:1px solid var(--ink);padding:48px var(--pad)}
  footer{flex-wrap:wrap;border-left:4px solid var(--ink)}footer .footer-rule{flex-basis:30%}
}

@media(max-width:899px){
  .nav{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.nav .logo img{width:150px}.menu{display:block;margin-left:auto}.nav nav{display:none;width:100%;margin:0;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--ink)}.nav nav.open{display:flex}.nav nav a{border-bottom:1px solid var(--ink)!important}.nav nav a[aria-current=page]{padding-left:12px}
}

@media(max-width:600px){
  :root{--pad:20px}p{font-size:16px}h1{font-size:clamp(54px,17vw,72px)}h2{font-size:40px}
  .hero>div:first-child{padding-top:60px}.hero h1{font-size:clamp(64px,21vw,88px)}.hero-diagram .hero-work{left:10%}.hero-diagram .hero-authority{left:50%}.hero-diagram .hero-effect{left:68%}.hero-diagram .hero-evidence{left:77%}
  .sandbox h2{font-size:34px}.door-diagram>div:nth-child(2){left:26%}.door-diagram>div:nth-child(3){left:72%}
  .capability-row{display:block;padding:36px var(--pad)}.capability-row>div:first-child{padding:0}.capability-row h2{font-size:48px}.row-symbol{justify-content:flex-start;margin-top:28px;height:100px}.section-intro{display:block}.section-intro>p{padding:28px 0 0}
  .process{padding-left:50px}.process-path{left:18px}.process-symbol{left:-54px}.process-step{grid-template-columns:84px 1fr}.process-step p{font-size:14px}
  .ledger-row{grid-template-columns:42px 1fr 20px}.idea-row,.post-row{grid-template-columns:1fr 40px;padding:22px var(--pad);gap:12px}.idea-row time,.post-row>div{grid-column:1}.idea-row h3,.post-row h2{grid-column:1;font-size:24px}.idea-row>span,.post-row>b{grid-column:2;grid-row:1 / span 2}.post-row{margin:0 calc(var(--pad) * -1)}
  .cap-diagram{min-height:330px;max-height:330px}.cap-flow{left:5%;right:5%;top:170px}.cap-control>.shape-intent{left:5%;top:135px}.cap-control>.shape-authority{left:36%;top:98px}.cap-control>.shape-runtime{left:68%;top:100px;width:135px;height:135px}.denied{left:49%;top:180px;padding-top:70px}.cap-observe>.shape-runtime{left:12%;top:50px;width:230px;height:230px}.cap-observe>.shape-observe{left:18%;top:150px;width:170px}.cap-observe>.shape-evidence{left:70%;top:115px;width:88px}.cap-verify>.shape-intent{left:4%;top:136px}.cap-verify>.shape-authority{left:32%;top:106px}.cap-verify>.shape-effect{left:67%;top:120px}.cap-verify>.shape-evidence{left:35%;top:238px;width:90px}
  .knowledge li{font-size:17px}.spec{grid-template-columns:1fr}.position .section-head.compact{align-items:flex-start;gap:20px}
  .page-hero h1{font-size:clamp(42px,13vw,52px);overflow-wrap:anywhere}.architecture-diagram{padding-left:40px}.lifecycle-row>div{grid-template-columns:1fr}.boundary-list h3{font-size:24px}.principles>div{grid-template-columns:1fr;gap:12px}.docs-example p{padding:44px var(--pad)}.signup form>div{display:block}.signup input[type=email],.signup button{width:100%}
  .article-header h1{font-size:48px}.article-figure{display:none}.article-body,.article-body p,.article-body li{font-size:18px}.article-body h2{font-size:34px}.article-body pre{font-size:12px}
  footer{align-items:flex-start}footer .footer-rule{display:none}footer img{width:145px;max-width:145px}footer a{width:calc(50% - 12px)}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.cap-observe>.shape-runtime{left:8%;top:36px;width:230px;height:230px}.cap-observe>.shape-observe{left:8%;top:274px;width:230px;height:56px}.cap-observe>.shape-effect{left:72%;top:130px;width:72px;height:72px}.cap-observe>.shape-evidence{left:70%;top:230px;width:76px;gap:6px}.cap-observe>.shape-evidence i{height:8px}}

/* One diagram grammar: a four-pixel axis that always reaches its container boundaries. */
.hero-flow,.diagram-line,.process-path,.cap-flow,.arch-flow{height:var(--flow-line);background:var(--ink)}
.hero-flow::before,.hero-flow::after,.diagram-line::before,.diagram-line::after,.process-path::before,.process-path::after,.cap-flow::before,.cap-flow::after,.arch-flow::before,.arch-flow::after{display:none}

@media(min-width:1024px){
  #how{display:grid;grid-template-rows:auto repeat(3,1fr);padding-bottom:0}
  .page-hero{width:100%}.page-hero h1{max-width:900px}
  .prose-section{max-width:none}.prose-section h2{max-width:800px}
  .door-diagram{overflow:hidden}
  .architecture-diagram .arch-flow{left:calc(var(--pad) * -1);right:calc(var(--pad) * -1)}
  .architecture-diagram::after{top:-124px;bottom:-64px}
  #how::after,.model::after{content:'';position:absolute;left:var(--axis);top:0;bottom:0;width:var(--flow-line);background:var(--ink);z-index:0}
  #how>*{position:relative;z-index:1}
  #how .row-symbol{border-left:0}
  .ledger::before,.lifecycle::before{bottom:-64px;left:calc(var(--axis) - var(--flow-line) / 2)}
  .capability-row{padding-left:0}.capability-row>div:first-child{padding-left:var(--pad)}
  .ledger-row{padding-right:0}.ledger-row>b{justify-self:center}
  .position::after{content:'';position:absolute;left:var(--axis);top:0;bottom:0;width:var(--flow-line);background:var(--ink);z-index:0}
  .model .process::after{border-left:0;left:calc(var(--axis) + var(--pad) * .2)}
  .model .section-intro{grid-template-columns:calc(var(--axis) + var(--pad) * .2) 1fr}
  .position>*{position:relative;z-index:1}.position .process::after{border-left:0}
  .model .process-path{left:calc(var(--pad) * -1);right:calc(var(--pad) * -1)}
  .process-symbol{justify-content:flex-start}
  .hero-diagram .hero-flow,.door-diagram .diagram-line,.cap-diagram .cap-flow,.arch-flow{left:0;right:0;width:auto}
  .hero-diagram .hero-work{left:-110px;top:262px}.hero-diagram .hero-work .shape{width:220px;height:220px}
  .hero-diagram .hero-authority{left:70px;top:315px}.hero-diagram .hero-authority .shape{width:130px;height:114px}
  .hero-diagram .hero-runtime{left:220px;top:312px}.hero-diagram .hero-runtime .shape{width:120px;height:120px}
  .hero-diagram .hero-effect{left:354px;top:336px}.hero-diagram .hero-effect .shape{width:76px;height:76px}
  .hero-diagram .hero-evidence{left:auto;right:-18px;top:300px;transform:translateY(-50%);display:flex}.hero-diagram .hero-evidence .shape{width:90px;gap:8px}.hero-diagram .hero-evidence i{height:10px}
  .door-diagram>div{display:flex;transform:translateY(-50%)}
  .door-diagram>div:nth-child(1){left:8%;top:43%}
  .door-diagram>div:nth-child(2){left:28%;top:50%}
  .door-diagram>div:nth-child(2) .shape{width:clamp(120px,14vw,180px);height:clamp(120px,14vw,180px)}
  .door-diagram>div:nth-child(3){left:auto;right:8%;top:58%}
  .door-diagram>div:nth-child(3) .shape{width:clamp(60px,6vw,88px);height:clamp(60px,6vw,88px)}
  .cap-control>.shape-intent{left:-38px;top:262px}.cap-control>.shape-authority{left:75px;top:243px;width:130px;height:114px}.cap-control>.shape-runtime{left:auto;right:-85px;top:215px}
  .cap-observe>.shape-runtime{left:-120px;top:178px}.cap-observe>.shape-observe{left:-90px;top:272px;width:180px;height:56px}.cap-observe>.shape-effect{left:55%;top:258px}.cap-observe>.shape-evidence{left:auto;right:-40px;top:266px}
  .cap-verify>.shape-intent{left:-34px;top:266px}.cap-verify>.shape-authority{left:90px;top:265px}.cap-verify>.shape-effect{left:260px;top:250px}.cap-verify>.shape-evidence{left:auto;right:-50px;top:240px;width:100px}
  .denied{left:122px;top:298px;bottom:0;padding-top:92px}
  .agents{top:140px}.gate{top:155px}
}

/* Architecture follows the same section grid at every viewport. */
main:has(.architecture-diagram) .page-hero h1{font-size:clamp(32px,5vw,64px);overflow-wrap:normal;line-height:1}
.architecture-diagram .records b,.architecture-diagram .records small{display:block}
.architecture-diagram .records .shape{display:flex}
.architecture-diagram>figcaption{position:absolute!important;left:auto!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}
main:has(.architecture-diagram) .section-head.compact{gap:24px}
main:has(.architecture-diagram) .section-head.compact>.eyebrow:last-child{text-align:right}
.boundary-list>div:last-child,.claims>div:last-child{border-bottom:1px solid var(--ink)}

@media(min-width:1024px){
  #model::after{content:'';position:absolute;left:var(--axis);top:0;bottom:0;width:var(--flow-line);background:var(--ink)}
  #model::before{content:'';position:absolute;inset:0;border-inline:var(--flow-line) solid var(--ink);pointer-events:none}
  .architecture-diagram::after{border:0;left:calc(var(--axis) + var(--pad) * .2 + 16px);top:0;bottom:auto;writing-mode:horizontal-tb;padding:8px 0;background:var(--bg);font-size:11px;letter-spacing:.12em;white-space:nowrap}
  .architecture-diagram .operation{left:15%;top:48px;width:calc(45% + var(--pad) * .2 - 24px);height:352px;border-width:var(--flow-line)}
  .architecture-diagram .habitat{left:38%;top:52px;width:55%;height:240px;padding:12px}
  .architecture-diagram .outside{left:65%;width:15%}
  .architecture-diagram .records{left:84%;top:177px;width:16%}
  .architecture-diagram .records .shape{margin:0 0 20px;width:104px;background:var(--bg)}
  .architecture-diagram .agents{top:138px}
  .architecture-diagram .agents>span{display:flex;height:40px}
  .architecture-diagram .agents::before{content:'';position:absolute;left:18px;top:20px;height:132px;width:var(--flow-line);background:var(--ink)}
  .architecture-diagram .records{left:auto;right:0;width:140px}
  .architecture-diagram .records .shape{width:104px}
  .architecture-diagram .gate{top:137px}
  .architecture-diagram .gate b,.architecture-diagram .gate small{margin-left:12px}
  .position .process::after,.model .process::after{top:-24px;bottom:auto;margin-left:16px;padding:4px 0;writing-mode:horizontal-tb;background:var(--bg);font-size:11px;letter-spacing:.12em;white-space:nowrap;z-index:3}
  .lifecycle-row>div{grid-template-columns:180px 1fr;padding-right:32px}
}

@media(max-width:1023px){
  main:has(.architecture-diagram) .page-hero h1{font-size:clamp(26px,7.5vw,48px)}
  #model::after{content:'';position:absolute;left:calc(var(--pad) + 25px);top:0;bottom:0;width:var(--flow-line);background:var(--ink)}
  #model>.section-head{padding-left:40px}
  main:has(.architecture-diagram) .section-head h2{font-size:clamp(28px,5vw,44px);overflow-wrap:normal}
  .architecture-diagram{padding-left:40px;gap:28px}
  .architecture-diagram .agents{display:grid;grid-template-columns:repeat(3,40px);gap:16px}
  .architecture-diagram .agents b,.architecture-diagram .agents small{grid-column:1 / -1;margin:0}
  .architecture-diagram .operation{padding:16px}
  .architecture-diagram .operation .gate{padding:0!important;margin-top:24px}
  .architecture-diagram .operation .habitat{padding:16px!important;margin-top:24px}
  .architecture-diagram .habitat .witness{margin:24px -16px -16px;padding:12px;gap:10px;flex-wrap:wrap}
  .architecture-diagram .outside,.architecture-diagram .records{display:grid;grid-template-columns:1fr;gap:12px}
  .architecture-diagram .outside .shape,.architecture-diagram .records .shape{margin:0}
  .architecture-diagram .arch-flow{display:none}
  .lifecycle{position:relative}
  .lifecycle::before{content:'';position:absolute;left:calc(var(--pad) + 25px);top:0;bottom:-52px;width:var(--flow-line);background:var(--ink)}
  .lifecycle-row>.shape-evidence{background:var(--bg);padding-block:3px}
  .lifecycle-row pre{overflow-wrap:anywhere;min-width:0}
  .claims>div{grid-template-columns:1fr;gap:12px}
  .claims strong{grid-column:1;grid-row:1;writing-mode:horizontal-tb}
  .claims p:first-child{grid-row:2}
  .claims p:first-child,.claims p:last-child{grid-column:1;padding:0}
}

@media(max-width:1023px){
  .hero-diagram .hero-flow,.door-diagram .diagram-line,.cap-diagram .cap-flow{left:0;right:0;width:auto}
  .denied{top:170px;bottom:0;padding-top:70px}
  .position::after{content:'';position:absolute;left:32px;top:0;bottom:0;width:var(--flow-line);background:var(--ink);z-index:0}
  .position>*{position:relative;z-index:1}.position .process-path{background:transparent}
  .process-path{top:0;bottom:0;height:auto}
  .ledger{position:relative}.ledger::before{content:'';position:absolute;left:calc(var(--pad) + 22px);top:0;bottom:-52px;width:var(--flow-line);background:var(--ink);z-index:1}
}

@media(max-width:600px){
  .ledger::before{left:calc(var(--pad) + 19px)}
  .position::after{left:18px}
  .hero-diagram .hero-flow,.door-diagram .diagram-line,.cap-diagram .cap-flow{left:0;right:0;width:auto}
  .hero-diagram .hero-work{left:-75px;top:143px}.hero-diagram .hero-work .shape{width:150px;height:150px}
  .hero-diagram .hero-authority{left:78px;top:168px}.hero-diagram .hero-authority .shape{width:110px;height:100px}
  .hero-diagram .hero-runtime{left:205px;top:179px}.hero-diagram .hero-runtime .shape{width:78px;height:78px}
  .hero-diagram .hero-effect{left:286px;top:190px}.hero-diagram .hero-effect .shape{width:56px;height:56px}
  .hero-diagram .hero-evidence{left:auto;right:-30px;top:186px}.hero-diagram .hero-evidence .shape{width:60px;gap:6px}.hero-diagram .hero-evidence i{height:8px}
  .door-diagram>div:nth-child(1){left:-28px}.door-diagram>div:nth-child(3){left:auto;right:-44px}
  .cap-observe>.shape-runtime{left:-95px;top:75px;width:190px;height:190px}.cap-observe>.shape-observe{left:-75px;top:146px;width:150px;height:48px}.cap-observe>.shape-effect{left:58%;top:140px;width:60px;height:60px}.cap-observe>.shape-evidence{left:auto;right:-35px;top:138px;width:70px}
  .cap-verify>.shape-effect{left:55%;top:130px;width:80px;height:80px}.cap-verify>.shape-evidence{left:auto;right:-45px;top:130px;width:90px}
}

/* Shared responsive alignment for labels, reading columns, and diagram nodes. */
.split>*{min-width:0}
.principles dt{letter-spacing:-.03em;line-height:1.1}
.post-row>b,.idea-row>span{white-space:nowrap}
.article-body{width:100%}
#how{padding-bottom:0}
.ideas .idea-row{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
@media(min-width:1024px){
  .hero-diagram .hero-work{left:42%;top:260px;transform:translate(-50%,-50%);display:flex}
  .hero-diagram .hero-work .shape{width:clamp(300px,32vw,430px);height:clamp(300px,32vw,430px)}
  .hero-diagram .hero-authority{left:44%;top:536px;transform:translateY(-50%);display:flex}
  .hero-diagram .hero-authority .shape{width:clamp(100px,13vw,180px);height:clamp(88px,11.4vw,158px)}
  .hero-diagram .hero-runtime{left:4%;top:408px;transform:translateY(-50%);display:flex}
  .hero-diagram .hero-runtime .shape{width:clamp(104px,14vw,190px);height:clamp(104px,14vw,190px);background:var(--blue);border:0}
  .hero-diagram .hero-effect{left:74%;top:430px;transform:translateY(-50%);display:flex}
  .hero-diagram .hero-effect .shape{width:clamp(60px,8vw,108px);height:clamp(60px,8vw,108px)}
  .hero-diagram .hero-evidence{right:5%;top:226px}
  .process-step{text-align:center;padding-inline:16px}
  .process-symbol{justify-content:center}
  .process-step p{max-width:20ch;margin-inline:auto}
  .process-path{display:none}
  .process-step:not(:nth-last-child(2))::before{content:'→';position:absolute;right:-12px;top:40px;font:400 30px/40px var(--mono)}
  .cap-verify>.shape-effect{left:60%;top:298px;transform:translateY(-50%);width:clamp(72px,7vw,100px);height:clamp(72px,7vw,100px)}
  .principles>div{grid-template-columns:36% 1fr}
}
@media(max-width:1023px){
  .hero h1{font-size:clamp(56px,17vw,110px)}
  .platform-list{grid-template-columns:1fr}
  .platform-item{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:28px;text-align:left;align-items:start;padding:24px 0 40px}
  .platform-symbol{grid-row:1 / 4;height:80px}
  .platform-symbol .shape{width:64px;height:64px}
  .platform-symbol .shape-authority{height:56px}
  .platform-symbol .shape-evidence{height:auto;gap:6px}
  .platform-symbol .shape-evidence i{height:10px}
  .platform-item h3{margin:0 0 8px;font-size:22px}
  .platform-item p{max-width:none}
  .platform-tech{grid-column:2;max-width:none;margin-top:10px;padding-top:0;min-height:0}
  .platform-item:not(:last-child)::after{content:'↓';left:20px;right:auto;top:auto;bottom:-6px}
  .cap-hero h1{font-size:clamp(44px,10vw,64px)}
  .page-hero h1{font-size:clamp(27px,6.5vw,56px);overflow-wrap:normal;line-height:1}
  .section-head h2{font-size:clamp(27px,5.5vw,44px)}
  .principles dt{font-size:clamp(25px,4vw,34px)}
  .principles>div{grid-template-columns:minmax(230px,36%) 1fr;gap:24px}
  .process-step{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 20px 20px 22px;gap:8px;min-height:148px}
  .process-step h3,.process-step .owner,.process-step p{margin:0}
  .process{--process-x:32px;padding-left:calc(var(--process-x) + 40px)}
  .process-symbol{left:-70px}
  .position .section-head{padding-left:94px}
  .hero-diagram,.cap-diagram,.door-diagram{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--pad);min-height:300px;max-height:none;height:300px;overflow:hidden}
  .door-diagram>div,.cap-diagram>.shape{position:relative;inset:auto;z-index:2}
  .door-diagram>div:nth-child(n){inset:auto}
  .hero-diagram :is(.hero-work,.hero-authority,.hero-runtime,.hero-effect,.hero-evidence) .shape,.door-diagram>div:nth-child(n) .shape,.cap-diagram>.shape{width:clamp(40px,10vw,80px);height:clamp(40px,10vw,80px);border-width:4px}
  .hero-diagram .hero-evidence .shape,.cap-diagram>.shape-evidence{height:auto;gap:6px;background:var(--bg)}
  .hero-diagram .hero-evidence i,.cap-diagram>.shape-evidence i{height:8px}
  .hero-diagram .hero-flow,.door-diagram .diagram-line,.cap-diagram .cap-flow{top:calc(50% - 2px)}
  .door-diagram>div:nth-child(1){transform:translateY(-24px)}
  .door-diagram>div:nth-child(2) .shape{width:clamp(80px,16vw,120px);height:clamp(80px,16vw,120px)}
  .door-diagram>div:nth-child(3){transform:translateY(24px)}
  .hero-diagram{display:block;height:420px;min-height:420px;padding:0}
  .hero-diagram>div:where(:not(.hero-flow)){position:absolute;display:flex;transform:translateY(-50%);z-index:2}
  .hero-diagram .hero-work{left:42%;top:170px;transform:translate(-50%,-50%)}
  .hero-diagram .hero-work .shape{width:clamp(220px,42vw,320px);height:clamp(220px,42vw,320px)}
  .hero-diagram .hero-authority{left:44%;top:340px}
  .hero-diagram .hero-authority .shape{width:110px;height:96px}
  .hero-diagram .hero-runtime{left:8%;top:252px}
  .hero-diagram .hero-runtime .shape{width:104px;height:104px;background:var(--blue);border:0}
  .hero-diagram .hero-effect{left:75%;top:292px}
  .hero-diagram .hero-effect .shape{width:60px;height:60px}
  .hero-diagram .hero-evidence{left:auto;right:5%;top:156px}
  .hero-diagram .hero-evidence .shape{width:60px}
  .hero-diagram .hero-flow{top:238px}
  .cap-control .denied{top:50%;left:50%;bottom:0;padding-top:64px}
  .row-symbol .shape-observe{box-shadow:18px -18px 0 -4px var(--bg),18px -18px 0 0 var(--ink)}
}
@media(max-width:600px){
  .process{--process-x:18px}
  .principles>div{grid-template-columns:1fr}
  .position .section-head{padding-left:72px;flex-wrap:wrap}
  .post-row,.idea-row{grid-template-columns:minmax(0,1fr) 64px}
  .post-row h2,.idea-row h3{font-size:clamp(18px,5.5vw,24px)}
  .article-header h1{font-size:clamp(28px,8vw,42px);overflow-wrap:break-word}
  .article-body h2{font-size:clamp(25px,7vw,34px)}
  .article-meta{flex-wrap:wrap;gap:12px}
  .article-body pre{overflow-wrap:anywhere}
}

/* Opening compositions: shared geometry, with a subject-specific arrangement. */
.door-diagram .diagram-line{top:calc(50% - 2px)}
.cap-hero h1{line-height:1.04}
.cap-diagram.opening-diagram{display:block;padding:0;height:620px;min-height:620px;max-height:none}
.cap-diagram.opening-diagram>.shape{position:absolute;inset:auto;transform:none;width:24%;height:auto;aspect-ratio:1;border-width:4px}
.cap-diagram.opening-diagram>.shape-authority{aspect-ratio:1.15}
.cap-diagram.opening-diagram>.shape-evidence{aspect-ratio:auto;gap:10px;background:transparent}
.cap-diagram.opening-diagram>.shape-evidence i{height:14px}
.cap-diagram.opening-diagram .cap-flow{top:50%}
.cap-control.opening-diagram>.shape-intent{left:6%;top:18%;width:34%}
.cap-control.opening-diagram>.shape-authority{left:32%;top:34%;width:42%}
.cap-control.opening-diagram>.shape-runtime{left:65%;top:57%;width:29%}
.cap-control.opening-diagram::after{content:'';position:absolute;left:52%;top:50%;bottom:0;width:4px;background:var(--ink)}
.cap-control.opening-diagram .denied{left:57%;top:auto;bottom:28px;border:0;padding:0}
.cap-observe.opening-diagram>.shape-runtime{left:10%;top:16%;width:62%}
.cap-observe.opening-diagram>.shape-observe{left:18%;top:50%;width:26%;height:auto;aspect-ratio:1}
.cap-observe.opening-diagram>.shape-evidence{left:58.12%;top:24%;width:25%}
.cap-observe.opening-diagram>.shape-effect{left:75%;top:73%;width:18%}
.cap-verify.opening-diagram>.shape-intent{left:8%;top:16%;width:28%}
.cap-verify.opening-diagram>.shape-authority{left:9%;top:66%;width:24%}
.cap-verify.opening-diagram>.shape-effect{left:28%;top:40%;width:36%}
.cap-verify.opening-diagram>.shape-evidence{left:67%;top:30%;width:28%;gap:16px}
.cap-verify.opening-diagram>.shape-evidence i{height:22px}
.page-hero:has(.opening-art),.article-header:has(.opening-art){width:100%;min-height:500px;padding-right:calc(40% + var(--pad))}
.page-hero:has(.opening-art) h1,.article-header:has(.opening-art) h1{font-size:clamp(36px,4.4vw,58px);line-height:1.04}
.opening-art{position:absolute;right:0;top:0;bottom:0;width:40%;overflow:hidden;border-left:4px solid var(--ink)}
.opening-art::before{content:'';position:absolute;left:0;right:0;top:58%;height:4px;background:var(--ink)}
.opening-art>.shape{position:absolute;width:36%;height:auto;aspect-ratio:1;left:10%;top:18%}
.opening-art>.shape-intent{background:var(--yellow)}
.opening-art>.shape-observe{background:var(--ink)}
.opening-art>.shape:where(:nth-child(2)){left:40%;top:38%;width:48%}
.opening-art>.shape:where(:nth-child(3)){left:66%;top:72%;width:22%}
.opening-art>.shape-evidence{aspect-ratio:auto;background:transparent;gap:10px}
.opening-art>.shape-evidence i{height:14px}
.art-architecture>.shape-intent{width:64%;left:4%;top:10%}
.art-architecture>.shape-runtime{width:56%;left:28%;top:29%}
.art-architecture>.shape-observe{left:29%;top:58%;width:24%;height:auto;aspect-ratio:1}
.art-architecture>.shape-evidence{left:68%;top:72%;width:25%}
.art-about>.shape-runtime{left:9%;top:22%;width:58%}
.art-about>.shape-observe{left:10%;top:48%;width:28%;height:auto;aspect-ratio:1}
.art-about>.shape-evidence{left:69%;top:29%;width:24%}
.art-ideas>.shape-intent{width:70%;top:12%;left:4%}
.art-ideas>.shape-evidence{left:62%;top:28%;width:30%}
.art-ideas>.shape-observe{left:18%;top:64%;width:32%}
.art-isolation>.shape-runtime:first-child{width:68%;left:7%;top:17%}
.art-isolation>.shape-runtime:nth-child(2){width:40%;left:50%;top:9%;border-color:var(--bg)}
.art-storage>.shape-effect{width:28%;left:8%;top:12%}
.art-storage>.shape-runtime{width:52%;left:40%;top:26%;height:auto;aspect-ratio:1}
.art-storage>.shape-evidence{left:12%;top:68%;width:44%}
.art-runtime>.shape-intent{width:58%;left:6%;top:12%}
.art-runtime>.shape-runtime{width:36%;left:54%;top:49%}
.art-runtime>.shape-evidence{width:32%;left:60%;top:13%}
.art-contracts>.shape-runtime:first-child{width:52%;left:7%;top:12%}
.art-contracts>.shape-intent{width:24%;left:64%;top:12%}
.art-contracts>.shape-evidence{width:36%;left:44.6%;top:32%}
.art-testing>.shape-runtime{width:56%;left:8%;top:12%}
.art-testing>.shape-observe{left:56%;top:48%;width:32%;height:auto;aspect-ratio:1}
.art-testing>.shape-evidence{left:12%;top:74%;width:32%}
.art-evidence>.shape-observe{width:42%;top:20%}
.art-evidence>.shape-evidence{left:48%;top:44%;width:44%}
.art-semantics>.shape-intent{left:8%;top:12%;width:42%}
.art-semantics>.shape-effect{left:54%;top:36%;width:30%}
.art-semantics>.shape-evidence{left:12%;top:72%;width:44%}
.article-meta{flex-wrap:wrap;row-gap:12px}
.hero h1{font-size:clamp(36px,5.2vw,68px);line-height:1.02}
@media(max-width:1023px){
  .hero h1{font-size:clamp(36px,8vw,68px)}
  .cap-diagram.opening-diagram{height:420px;min-height:420px}
  .page-hero:has(.opening-art),.article-header:has(.opening-art){padding-right:var(--pad);min-height:0;padding-bottom:0}
  .page-hero:has(.opening-art) h1,.article-header:has(.opening-art) h1{font-size:clamp(30px,6vw,52px)}
  .opening-art{position:relative;inset:auto;width:auto;height:360px;margin:40px calc(var(--pad) * -1) 0;border-left:0;border-top:1px solid var(--ink)}
  .opening-art>.shape{max-width:240px}
  .opening-art>.shape:nth-child(3){max-width:90px}
  .opening-art>.shape-evidence:nth-child(3){max-width:180px}
  .art-semantics>.shape-effect{max-width:180px}
  .art-about>.shape-observe{max-width:180px}
  .art-testing>.shape-observe{max-width:170px}
  .art-runtime>.shape-runtime{max-width:170px}
  .art-contracts>.shape-evidence{left:calc(7% + min(52%,240px) - min(14.4%,72px))}
}
@media(min-width:601px) and (max-width:1023px){
  .cap-diagram.opening-diagram{height:520px;min-height:520px}
  .cap-diagram.opening-diagram>.shape{max-width:300px}
  .cap-observe.opening-diagram>.shape-evidence{left:calc(42% + 78px)}
}
section:has(>.lifecycle){padding-bottom:0}
.lifecycle{display:grid;grid-auto-rows:1fr}
.lifecycle::before{bottom:0}
@media(min-width:1024px){
  #model>.platform-note{max-width:calc(60% - 24px)}
  .lifecycle-row>div{display:block}
}
@media(max-width:1023px){
  .lifecycle-row>.lifecycle-explanation{grid-column:2;padding:12px 0 0;font-size:16px}
  #model>.platform-note{margin-left:60px}
}