/* Final materials and site-wide navigation. */
:root{--stone:#777662;--stone-paper:#dfdbce;--sage:#c7d1b9;--forest:#243824}.unified-header{max-width:1660px;margin-inline:auto;width:92%}.unified-header nav{gap:25px;font-size:14px}.unified-header .header-contact{font-size:14px;gap:25px}.nav-product{position:relative}.nav-product summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px}.nav-product summary::-webkit-details-marker{display:none}.nav-product summary.current,.unified-header a[aria-current=page]{color:var(--blue)}.nav-product summary:focus-visible{outline:3px solid #698ab9;outline-offset:6px}.product-dropdown{position:absolute;top:calc(100% + 22px);left:-17px;width:315px;padding:11px;background:#e6e6d8;border:1px solid #657456;box-shadow:5px 6px 0 #b2bda2;z-index:50}.product-dropdown a{display:block;padding:14px 12px;border-bottom:1px solid #b8c0aa}.product-dropdown a:last-child{border:0}.product-dropdown a:hover{background:#d6dfc6;text-decoration:none}.product-dropdown strong{font-weight:400;font-size:14px;display:block}.product-dropdown small{font:14px/1.7 var(--mono);display:block;margin-top:7px;color:var(--ink)}.product-subnav{display:flex;gap:35px;align-items:center;padding:12px 4%;border-bottom:1px solid #bdc5ae;background:var(--paper);font:14px var(--mono);position:relative;top:0;z-index:15;overflow-x:auto}.product-subnav a{padding:8px 0;white-space:nowrap}.product-subnav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.world-figure{margin:0;position:relative;overflow:hidden;width:100%;height:100%;isolation:isolate}.world-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.world-figure:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #1111110c}.chapter-art>.world-figure{height:440px;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}.chapter-art>.mono{margin-top:15px}.chapter-art>.world-figure img{object-position:65% center}.sylvie-ship>.world-figure{height:440px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.sylvie-ship>.mono{margin-top:13px}.sylvie-hero{background:#233c59}.sylvie-ship>.world-figure img{object-position:center;object-fit:cover}.mobius-observatory>.world-figure{height:555px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 95%,transparent)}.mobius-observatory>.world-figure img{object-position:73% center}.mobius-word,.page-mobius .text-link{color:var(--ink)}.page-mobius .mobius-flow-section{background:#383b32}.page-mobius .signal-slip{background:#dedac7;color:#35382c}.page-mobius .ledger-title{background:#c8c5af}.page-mobius .evidence-ledger{background:#e8e4d8;color:#37392f}.page-mobius .context-sheet{background:#e0dccd;border-color:#989479;box-shadow:7px 7px 0 #c5c2ad}.page-mobius .context-sheet-title{background:#cbc8b3;border-color:#a5a18a}.page-mobius .context-sheet dt{color:#6c6c54}.page-mobius .contradiction-section{background:#6b6d59}.page-mobius .contradiction-layout cite,.page-mobius .contradiction-layout>p{color:#e0e2ce}.page-mobius .contrast-symbol{color:#c5cbb0}.page-mobius .signal-field{color:#d4cbb1}.ouroboros-hero{background:#243824}.ouroboros-machine>.world-figure{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 94%,transparent)}.ouroboros-machine>.world-figure img{object-position:62% center}.ouroboros-title p{color:#c1cfb6}.ouroboros-hero-bottom{border-color:#8ba37a}.ouroboros-hero-bottom>.grid{color:#aec59b}.sylvie-hero-copy h1 .grid{font-size:.48em}.hub-hero-title h1{font-size:clamp(56px,6.6vw,107px)}.hub-hero-title h1 .grid{font-size:.53em}.hero-art{inset:10% -4% 0 13%;width:auto;height:auto}.hero-art>.world-figure{mask-image:linear-gradient(90deg,transparent,#000 24%,#000 93%,transparent)}.hero-art>.world-figure img{object-position:68% center}.hero-foot{background:linear-gradient(transparent,var(--paper) 42%);padding-top:35px}.hero .hero-copy{pointer-events:auto}.hero .hero-description{max-width:330px}#division-model{height:470px;margin:0 12px 0 0}#division-model .world-figure{clip-path:polygon(0 0,93% 0,100% 9%,100% 100%,7% 100%,0 91%)}#division-model .world-figure img{object-position:67% center}.division-art .division-view-label{padding-top:18px}.home-product-links{display:none}.home-finished .footer-wordmark{margin-bottom:35px}.home-finished .contact-note{font-size:14px;line-height:1.8}.finish-contact{width:92%;max-width:1660px;margin:auto;padding:65px 0 60px;border-top:1px solid #9cab89}.finish-contact>.mono{font-size:14px}.finish-contact h2{font-size:clamp(40px,5.3vw,84px);line-height:1.07;letter-spacing:-.06em;font-weight:400;margin:28px 0}.finish-contact>div{display:flex;justify-content:space-between;align-items:end;gap:35px}.finish-contact p{max-width:390px;font-size:14px;line-height:1.9;margin:0}.finish-contact .primary-link{font-size:14px}.site-footer{width:92%;max-width:1660px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:6%;padding:45px 0 25px;border-top:1px solid #728360;font:14px/1.7 Rubik,Arial,sans-serif;align-items:start}.footer-intro .wordmark{font-size:24px}.footer-intro>p{font-size:14px;line-height:1.8;margin:22px 0}.footer-intro>.mono{font-size:14px;color:var(--ink)}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column>.mono{font-size:14px;margin-bottom:8px;color:var(--ink)}.footer-column>a{font-size:14px}.footer-column>a:hover,.footer-bottom>a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.footer-bottom{grid-column:1/-1;border-top:1px solid #b7c0aa;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:14px}.footer-bottom>.mono{font-size:14px}.editorial-hero{padding-top:48px;padding-bottom:48px}.editorial-hero>.mono{font-size:14px}.editorial-hero h1{font-size:clamp(50px,6.9vw,110px);line-height:1.04;letter-spacing:-.065em;max-width:1250px;margin:36px 0 0}.editorial-hero>p{max-width:505px;margin:30px 0 0 auto;font-size:14px;line-height:1.85;color:#626e56}.truth-note{border-left:4px solid #7c9165;background:#e0e5d4;padding:21px 27px}.truth-note>.mono{font-size:14px;color:var(--ink)}.truth-note>p{font-size:14px;line-height:1.9;margin:12px 0 0;max-width:900px}.workflow-world{position:relative;height:560px;overflow:hidden;max-width:1800px;margin:auto}.workflow-world .world-figure img{object-position:70% 60%}.world-overlay{position:absolute;left:5%;bottom:35px;background:#e9e9d9;padding:22px 25px;border:1px solid #7d8d6a;box-shadow:5px 5px 0 #9cae87;max-width:360px}.world-overlay>.mono{font-size:14px}.world-overlay>p{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:17px 0 0}.workflow-intake{padding-top:70px;padding-bottom:60px}.intake-field{position:relative;min-height:540px}.workflow-traces{position:absolute;inset:0;width:100%;height:100%;color:var(--ink)}.intake-sources{position:relative;width:38%;padding:28px 0;display:flex;flex-direction:column;gap:17px}.intake-sources article{padding:19px 23px;background:#dce3cb;border:1px solid #8c9e75;box-shadow:4px 4px 0 #c5d0b4}.intake-sources .mono{font-size:14px;display:flex;gap:10px;align-items:center}.intake-sources .p-icon{width:18px;height:18px}.intake-sources h3{font-size:23px;line-height:1.15;letter-spacing:-.04em;margin:18px 0 12px}.intake-sources p{font-size:14px;line-height:1.8;margin:0}.credible-problem{position:absolute;left:56%;top:115px;width:41%;background:#294c7c;color:#e5ecdf;padding:26px 28px;box-shadow:7px 7px 0 #b6c5a2}.credible-problem>.mono{font-size:14px;color:#b9d0e6}.credible-problem h3{font-size:30px;line-height:1.12;letter-spacing:-.04em;margin:25px 0 20px}.credible-problem p{font-size:14px;line-height:1.85;max-width:400px}.credible-problem a{font-size:14px;border-bottom:1px solid #98b2d2;padding-bottom:5px;display:inline-block;margin-top:20px}.workflow-branches{background:#dce2cf;padding:60px 0}.branch-columns{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:35px 0 10px}.branch-columns>article{position:relative}.branch-columns .grid{font-size:32px;color:#315da9;letter-spacing:-.03em}.repair-branch .grid{color:var(--ink)}.branch-columns h3{font-size:32px;line-height:1.15;letter-spacing:-.04em;margin:24px 0}.branch-columns ol{list-style:none;padding:0 0 0 20px;border-left:1px solid #97a781;margin:0}.branch-columns li{padding:16px 0 19px 10px;border-bottom:1px solid #b0bca0}.branch-columns li strong{font-weight:400;font-size:17px;line-height:1.25}.branch-columns li p{font-size:14px;line-height:1.85;max-width:440px;margin:12px 0 0}.workflow-decision{padding-top:65px;padding-bottom:60px}.decision-boundary{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;gap:25px;align-items:start;border-top:1px solid #8b9b74;padding:30px 0 35px}.decision-boundary>div>.p-icon{width:30px;height:30px;color:var(--ink)}.decision-boundary h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:21px 0 16px}.decision-boundary p{font-size:14px;line-height:1.85;max-width:300px}.decision-boundary>span{font-size:25px;color:var(--ink);padding-top:50px}.truthful-reply{background:#284976;color:#e5ecdf;padding:60px 0}.truthful-reply .mono{font-size:14px;color:#b6cce3}.truthful-reply h2{font-size:clamp(40px,4.7vw,75px);margin:27px 0 35px}.truthful-reply blockquote{font-size:clamp(25px,3vw,45px);line-height:1.25;letter-spacing:-.04em;margin:0;border-left:2px solid #9eb9d8;padding-left:25px}.truthful-reply p{font-size:14px;line-height:1.9;max-width:590px;margin:31px 0 0;color:#c3d2e6}.role-index{display:flex;gap:28px;border-top:1px solid #8f9f7b;border-bottom:1px solid #8f9f7b;padding:20px 0;margin-bottom:50px;font:14px var(--mono);flex-wrap:wrap}.role-index a:hover{color:var(--blue)}.role-story{padding:65px 0}.role-story-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start}.role-copy>.mono{font-size:14px;color:var(--ink)}.role-copy h2{font-size:clamp(36px,4.2vw,67px);margin:28px 0 25px}.role-copy>p{font-size:14px;line-height:1.9;max-width:390px}.role-copy .primary-link{font-size:14px;margin-top:24px}.role-record{border-top:1px solid #8b9f72}.role-question{display:flex;align-items:flex-start;gap:16px;padding:25px 0;border-bottom:1px solid #aebc9c}.role-question>.p-icon{width:28px;height:28px;color:var(--ink);margin-top:3px}.role-question p{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:0}.role-record>article{padding:24px 0;border-bottom:1px solid #b2bea3}.role-record h3{font-size:21px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}.role-record article p{font-size:14px;line-height:1.85;max-width:410px;margin:0}.role-product{background:#dfe3d3}.role-engineering{background:#c7d1b9}.role-leadership{background:#294b7a;color:#e5ebdf}.role-leadership .role-copy>.mono{color:#b1c8e0}.role-leadership .role-copy>.primary-link{border-color:#a1b9d5;color:#e5ebdf}.role-leadership .role-record,.role-leadership .role-record>article,.role-leadership .role-question{border-color:#8fa5bf}.role-leadership .role-question>.p-icon{color:#b6cbe0}.company-world{position:relative;height:470px;max-width:1800px;margin:auto}.company-world .world-figure img{object-position:center 65%}.company-world-caption{position:absolute;bottom:20px;left:4%;font-size:14px;background:var(--paper);padding:10px 15px}.company-thesis{display:grid;grid-template-columns:22% 1fr;gap:5%;padding-top:70px;padding-bottom:65px}.company-thesis>.mono{font-size:14px;padding-top:10px}.company-thesis h2{font-size:clamp(34px,4vw,63px);margin:0 0 28px}.company-thesis p{font-size:14px;line-height:1.95;max-width:790px;margin:0 0 21px}.company-thesis .primary-link{font-size:14px;margin-top:15px}.company-principles{background:#d8dfca;padding:65px 0 45px}.principles-manuscript>section{display:grid;grid-template-columns:38% 1fr;gap:10%;border-top:1px solid #92a27b;padding:35px 0}.principles-manuscript h3{font-size:35px;line-height:1.15;letter-spacing:-.04em;margin:0;max-width:350px}.principles-manuscript article{margin-bottom:25px}.principles-manuscript article:last-child{margin:0}.principles-manuscript h4{font-size:18px;line-height:1.25;margin:0 0 10px;letter-spacing:-.02em}.principles-manuscript p{font-size:14px;line-height:1.85;max-width:580px;margin:0}.company-publishing{padding-top:60px;padding-bottom:65px}.company-publishing>.mono{font-size:14px}.company-publishing h2{font-size:clamp(35px,4.5vw,70px);margin:26px 0}.company-publishing>p{font-size:14px;line-height:1.9;max-width:570px}.company-publishing .primary-link{font-size:14px;margin-top:20px}.trust-intro{padding-bottom:60px}.trust-manuscript{margin-top:45px}.trust-manuscript article{display:grid;grid-template-columns:40px 32% 1fr;gap:30px;border-top:1px solid #9bab86;padding:30px 0}.trust-manuscript>.p-icon{width:30px;height:30px}.trust-manuscript article>.p-icon{color:var(--ink);margin-top:5px}.trust-manuscript h2{font-size:31px;line-height:1.15;margin:0}.trust-manuscript p{font-size:14px;line-height:1.9;margin:0;max-width:590px}.trust-boundary{background:#c9d3b9;padding:60px 0}.authority-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #8a9f71;padding-top:33px}.authority-comparison .mono{font-size:14px;color:var(--ink)}.authority-comparison h3{font-size:33px;line-height:1.1;letter-spacing:-.04em;margin:24px 0}.authority-comparison ul{font-size:14px;line-height:2;padding-left:18px}.trust-evaluation{padding-top:65px;padding-bottom:60px}.evaluation-questions{margin:0;border-top:1px solid #98a881}.evaluation-questions>div{display:grid;grid-template-columns:34% 1fr;gap:7%;padding:26px 0;border-bottom:1px solid #bac3ad}.evaluation-questions dt{font-size:21px;line-height:1.25;letter-spacing:-.03em}.evaluation-questions dd{font-size:14px;line-height:1.9;margin:0;max-width:600px}.evaluation-note{font-size:14px;line-height:1.9;max-width:640px;color:var(--ink);margin:28px 0}.trust-evaluation .primary-link{font-size:14px}.integration-register{padding-bottom:65px}.integration-table{margin-top:40px;border-top:1px solid #8a9c72}.integration-table>div{display:grid;grid-template-columns:23% 31% 1fr;gap:5%;padding:27px 0;border-bottom:1px solid #b3bfa2}.integration-table .integration-table-head{font:14px var(--mono);text-transform:uppercase;color:var(--ink);padding:15px 0}.integration-table h2{font-size:23px;letter-spacing:-.035em;line-height:1.25;margin:0;display:flex;align-items:flex-start;gap:12px}.integration-table h2 .p-icon{width:21px;height:21px;color:var(--ink);margin-top:3px}.integration-table p{font-size:14px;line-height:1.9;margin:0}.integration-table .mono{font-size:14px;color:var(--ink);display:block;margin-top:13px}.connection-lifecycle{background:#d5ddc5;padding:60px 0}.connection-records{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7%;border-top:1px solid #8d9e75;padding-top:30px;margin-bottom:35px}.connection-records .p-icon{width:28px;height:28px;color:var(--ink)}.connection-records h3{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:23px 0 17px}.connection-records p{font-size:14px;line-height:1.9;max-width:320px}.connection-lifecycle .primary-link{font-size:14px}.participation-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:10px;padding-bottom:65px}.participation-copy>.mono{font-size:14px;color:var(--ink)}.participation-copy h2{font-size:clamp(38px,4.4vw,70px);margin:27px 0}.participation-copy p{font-size:14px;line-height:1.9;max-width:400px}.participation-copy .primary-link{font-size:14px;margin-top:25px}.participation-list article{position:relative;padding:24px 0 25px 44px;border-top:1px solid #96a780}.participation-list .p-icon{position:absolute;left:0;top:28px;color:var(--ink)}.participation-list h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin:0 0 14px}.participation-list p{font-size:14px;line-height:1.9;max-width:400px;margin:0}.participation-sequence{background:#c8d2b9;padding:55px 0 60px}.participation-sequence .mono{font-size:14px;color:var(--ink)}.participation-sequence h2{font-size:clamp(38px,4.6vw,73px);margin:28px 0}.participation-sequence p{font-size:14px;line-height:1.9;max-width:620px}.contact-workspace{display:grid;grid-template-columns:36% 1fr;gap:12%;padding-top:10px;padding-bottom:70px}.contact-direct>.mono{font-size:14px;color:var(--ink)}.email-address{display:block;font-size:clamp(25px,2.7vw,43px);line-height:1.2;letter-spacing:-.035em;margin:25px 0}.email-address:hover{color:var(--blue)}.copy-address{border:0;background:none;padding:0 0 5px;border-bottom:1px solid #84996c;font:14px var(--mono)}[data-copy-status]{font:14px/1.7 var(--mono);color:var(--ink);min-height:16px}.contact-routing{margin-top:42px;border-top:1px solid #a4b28f;padding-top:25px}.contact-routing h2{font-size:29px;line-height:1.2;margin:0 0 22px}.contact-routing p{font-size:14px;line-height:1.9;max-width:380px}.contact-draft{background:#dce3cd;border:1px solid #8da177;box-shadow:6px 6px 0 #bccba7;padding:0 26px 27px}.draft-title{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #a2b48a;font-size:14px}.draft-title .p-icon{width:18px;height:18px}#email-draft{padding-top:25px}#email-draft label{display:block;font:14px/1.7 var(--mono);margin-bottom:20px;color:#536c3e}#email-draft input,#email-draft textarea,#email-draft select{display:block;width:100%;border:1px solid #9faf8b;border-radius:0;background:#eef0e5;color:#26341e;font:14px/1.7 Rubik,Arial,sans-serif;padding:10px 12px;margin-top:8px;min-height:44px}#email-draft input:focus,#email-draft select:focus,#email-draft textarea:focus{outline:2px solid #6b8c50;outline-offset:2px}#email-draft textarea{resize:vertical;min-height:160px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-explanation{font-size:14px;line-height:1.8;color:var(--ink);max-width:440px}.draft-submit{border:1px solid #293e21;background:#293e21;color:#e6ecdc;padding:13px 18px;font:14px var(--mono);margin-top:11px}.draft-submit:disabled{opacity:.45;cursor:default}.draft-output{margin-top:25px;padding-top:25px;border-top:1px solid #95aa7c}.draft-output[hidden]{display:none}.draft-output>.mono{font-size:14px;color:var(--ink)}.draft-output>p{font-size:14px;line-height:1.8}.draft-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--mono);padding:16px;background:#edf0e1;max-width:100%;border-left:2px solid #8ea874}.draft-output .primary-link{font-size:14px;margin-top:13px}.journal-index{padding-bottom:70px}.editorial-note{font-size:14px;line-height:1.9;max-width:700px;border-left:2px solid #9aab83;padding-left:20px;color:var(--ink)}.journal-filters{display:flex;gap:20px;flex-wrap:wrap;margin:30px 0 18px}.journal-filters button{background:none;border:0;padding:8px 0;font:14px var(--mono);border-bottom:1px solid transparent}.journal-filters button[aria-pressed=true]{color:var(--blue);border-bottom-color:var(--blue)}.filter-status{font-size:14px;color:var(--ink);margin:0 0 25px}.journal-row{display:grid;grid-template-columns:31% 1fr;gap:7%;padding:38px 0;border-top:1px solid #9bad83;align-items:center}.journal-row[hidden]{display:none}.journal-row-art{height:245px;clip-path:polygon(0 0,93% 0,100% 10%,100% 100%,7% 100%,0 90%)}.journal-row-art .world-figure img{object-position:64% center}.journal-row>div>.mono{font-size:14px;color:var(--ink)}.journal-row h2{font-size:clamp(31px,3.5vw,54px);line-height:1.12;letter-spacing:-.045em;margin:20px 0}.journal-row h2 a:hover{color:var(--blue)}.journal-row>div>p{font-size:14px;line-height:1.85;max-width:650px}.journal-read{font:14px var(--mono);display:inline-block;margin-top:14px;border-bottom:1px solid #8a9d72;padding-bottom:6px}.article-heading{padding-top:43px;padding-bottom:35px}.article-heading h1{font-size:clamp(44px,5.3vw,85px);line-height:1.08;letter-spacing:-.055em;max-width:1200px;margin:33px 0 26px}.article-deck{font-size:21px;line-height:1.65;max-width:850px;margin:0 0 30px 22%;color:var(--ink)}.article-meta{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #acb89b;padding-top:18px;font-size:14px;line-height:1.8;flex-wrap:wrap}.article-cover{height:420px}.article-cover .world-figure{clip-path:polygon(0 0,97% 0,100% 9%,100% 100%,3% 100%,0 91%)}.article-cover .world-figure img{object-position:center 60%}.article-reading{display:grid;grid-template-columns:23% 1fr;gap:8%;padding-top:60px;padding-bottom:70px;align-items:start}.article-reading aside{position:relative;top:35px;display:flex;flex-direction:column;gap:18px;max-width:240px}.article-reading aside>.mono{font-size:14px;color:var(--ink);margin-bottom:8px}.article-reading aside a{font-size:14px;line-height:1.8}.article-reading aside a:hover{color:var(--blue)}.share-article{font:14px var(--mono);background:none;border:0;text-align:left;padding:13px 0;border-top:1px solid #a1b08d;margin-top:10px}.share-status{font:14px var(--mono);color:var(--ink);margin:0}.article-body{max-width:810px;font-size:17px;line-height:1.95}.article-review-note{font:14px/1.8 var(--mono);padding:15px 18px;border-left:3px solid #9bb27e;background:#e2e7d7;margin:0 0 40px;color:var(--ink)}.article-body section{margin:0 0 45px}.article-body h2{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:0 0 25px}.article-body p{margin:0 0 23px}.article-related{border-top:1px solid #9eb18a;padding-top:25px;display:flex;flex-direction:column;gap:17px}.article-related>.mono{font-size:14px;color:var(--ink)}.article-related>a{font-size:14px;line-height:1.5}.article-related>a:hover{color:var(--blue)}.legal-review{max-width:1100px;padding-bottom:70px}.legal-review h2{font-size:32px;margin:35px 0 24px}.legal-review>p{font-size:14px;line-height:1.95;max-width:790px}.legal-review p>a{text-decoration:underline;text-underline-offset:4px}.legal-review>.primary-link{font-size:14px;margin-top:20px}.not-found{padding-top:55px;position:relative;min-height:760px;overflow:hidden}.not-found>.mono{font-size:14px}.not-found h1{font-size:clamp(65px,8vw,125px);line-height:1.02;margin:35px 0 25px;position:relative;z-index:2}.not-found>p{font-size:14px;line-height:1.9;max-width:330px;position:relative;z-index:2}.not-found>div:not(.not-found-world){display:flex;gap:40px;margin-top:30px;position:relative;z-index:2}.not-found .primary-link{font-size:14px;gap:25px}.not-found-world{position:absolute;right:-10%;bottom:10px;width:76%;height:430px;mask-image:linear-gradient(90deg,transparent,#000 30%)}.not-found-world .world-figure img{object-position:center}
@media(max-width:1100px){.unified-header nav{gap:17px;font-size:14px}.unified-header .header-contact{font-size:14px;gap:15px}.unified-header .wordmark{font-size:25px}.chapter-art>.world-figure{height:370px}.sylvie-ship>.world-figure{height:360px}.mobius-observatory>.world-figure{height:490px}.editorial-hero h1{font-size:65px}.workflow-world{height:460px}.credible-problem{padding:23px}.credible-problem h3{font-size:26px}.intake-sources{width:40%}.intake-sources article{padding:17px}.intake-sources h3{font-size:21px}.company-world{height:410px}.company-thesis{grid-template-columns:20% 1fr}.company-thesis h2{font-size:43px}.principles-manuscript h3{font-size:30px}.trust-manuscript article{grid-template-columns:30px 34% 1fr;gap:22px}.trust-manuscript h2{font-size:28px}.integration-table h2{font-size:20px}.contact-workspace{grid-template-columns:35% 1fr;gap:9%}.contact-draft{padding:0 20px 23px}.email-address{font-size:29px}.form-two{gap:15px}.article-deck{font-size:19px}.article-body{font-size:16px}.article-reading{gap:7%}.journal-row-art{height:205px}}
@media(max-width:760px){.unified-header{width:88%;gap:15px}.unified-header .wordmark{font-size:24px}.unified-header .header-contact{font-size:14px;gap:10px}.unified-header nav.is-open{font-size:14px;gap:20px;padding:22px 18px}.nav-product{width:100%}.nav-product summary{justify-content:space-between}.product-dropdown{position:static;width:auto;box-shadow:none;border:0;background:none;padding:10px 0 0 12px;margin-top:7px;border-left:1px solid #a6b397}.product-dropdown a{padding:10px 0;border-bottom:0}.product-dropdown strong{font-size:14px}.product-dropdown small{font-size:14px;line-height:1.7;margin-top:5px}.product-subnav{gap:25px;padding:9px 6%;font-size:14px}.product-subnav a{padding:7px 0}.chapter-art>.world-figure{height:315px}.sylvie-ship{width:120%;height:340px}.sylvie-ship>.world-figure{height:310px}.sylvie-ship>.mono{font-size:14px;margin-top:10px}.sylvie-hero-copy h1 .grid{font-size:.45em}.mobius-observatory>.world-figure{height:365px}.ouroboros-machine{height:350px}.hero-art{inset:auto;position:relative;width:123%;height:390px;margin:-8px -10% 0;padding:0}.hero-art>.world-figure{mask-image:linear-gradient(180deg,transparent,#000 8%,#000 93%,transparent)}.hero-art>.world-figure img{object-position:68% center}.hero-foot{margin-top:0;padding-top:20px}#division-model{height:335px;margin:10px 0 5px}.division-art .division-view-label{padding-top:10px}.home-finished .contact-note{font-size:14px}.finish-contact{width:88%;padding:38px 0 40px}.finish-contact>.mono{font-size:14px}.finish-contact h2{font-size:39px;margin:24px 0}.finish-contact>div{display:block}.finish-contact p{font-size:14px;line-height:1.9;max-width:390px}.finish-contact .primary-link{font-size:14px;margin-top:22px}.site-footer{width:88%;grid-template-columns:1fr 1fr;gap:30px 20px;padding:35px 0 24px}.footer-intro{grid-column:1/-1;display:block}.footer-intro .wordmark{font-size:25px}.footer-intro>p{font-size:14px;margin:20px 0 14px}.footer-intro>.mono{font-size:14px}.footer-column{gap:10px}.footer-column>.mono{font-size:14px}.footer-column>a{font-size:14px}.footer-bottom{margin-top:3px;padding-top:19px;flex-wrap:wrap;gap:15px 20px;font-size:14px}.footer-bottom>.mono{font-size:14px;flex-basis:100%;max-width:none}.editorial-hero{padding-top:30px;padding-bottom:33px}.editorial-hero>.mono{font-size:14px}.editorial-hero h1{font-size:clamp(39px,10.6vw,61px);line-height:1.08;margin-top:28px;letter-spacing:-.06em}.editorial-hero>p{font-size:14px;line-height:1.85;max-width:430px;margin:24px 0 0}.truth-note{padding:18px 19px;border-left-width:3px}.truth-note>.mono{font-size:14px}.truth-note>p{font-size:14px;line-height:1.9}.workflow-world{height:370px}.workflow-world .world-figure img{object-position:68% center}.world-overlay{left:6%;bottom:22px;max-width:265px;padding:15px 18px;box-shadow:3px 3px 0 #9cae87}.world-overlay>.mono{font-size:14px;line-height:1.9}.world-overlay>p{font-size:21px;margin-top:14px}.workflow-intake{padding-top:40px;padding-bottom:35px}.intake-field{min-height:0}.workflow-traces{display:none}.intake-sources{width:100%;padding:23px 0;gap:15px}.intake-sources article{padding:17px 18px;margin-right:4px}.intake-sources .mono{font-size:14px}.intake-sources h3{font-size:23px;margin:17px 0 13px}.intake-sources p{font-size:14px}.credible-problem{position:relative;left:auto;top:auto;width:auto;margin:9px 5px 25px 0;padding:22px;box-shadow:4px 5px 0 #b6c5a2}.credible-problem>.mono{font-size:14px}.credible-problem h3{font-size:26px;margin:22px 0 18px}.credible-problem p{font-size:14px}.credible-problem a{font-size:14px;margin-top:15px}.workflow-branches{padding:37px 0}.branch-columns{grid-template-columns:1fr;gap:36px;padding:27px 0 0}.branch-columns .grid{font-size:29px}.branch-columns h3{font-size:28px;margin:22px 0}.branch-columns ol{padding-left:14px}.branch-columns li{padding:14px 0 17px 9px}.branch-columns li strong{font-size:16px}.branch-columns li p{font-size:14px;line-height:1.85;margin-top:10px}.workflow-decision{padding-top:38px;padding-bottom:37px}.decision-boundary{grid-template-columns:1fr;gap:15px;padding-top:25px;padding-bottom:25px}.decision-boundary>div>.p-icon{width:27px;height:27px}.decision-boundary h3{font-size:24px;margin:18px 0 12px}.decision-boundary p{font-size:14px;max-width:390px}.decision-boundary>span{padding:0;line-height:1;font-size:23px}.workflow-decision .primary-link{font-size:14px}.truthful-reply{padding:37px 0}.truthful-reply .mono{font-size:14px}.truthful-reply h2{font-size:37px;margin:25px 0 28px}.truthful-reply blockquote{font-size:25px;line-height:1.3;padding-left:18px}.truthful-reply p{font-size:14px;margin-top:25px}.role-index{gap:16px 22px;padding:18px 0;font-size:14px;line-height:1.8;margin-bottom:0}.role-story{padding:38px 0}.role-story-layout{display:block}.role-copy>.mono{font-size:14px}.role-copy h2{font-size:36px;margin:24px 0 22px}.role-copy>p{font-size:14px}.role-copy .primary-link{font-size:14px;margin-top:18px}.role-record{margin-top:31px}.role-question{padding:22px 0;gap:13px}.role-question>.p-icon{width:24px;height:24px}.role-question p{font-size:24px}.role-record>article{padding:21px 0}.role-record h3{font-size:21px;margin-bottom:11px}.role-record article p{font-size:14px}.company-world{height:350px}.company-world .world-figure img{object-position:68% center}.company-world-caption{font-size:14px;left:6%;bottom:17px;padding:9px 12px}.company-thesis{display:block;padding-top:38px;padding-bottom:35px}.company-thesis>.mono{font-size:14px;display:block;padding:0;margin-bottom:23px}.company-thesis h2{font-size:35px;line-height:1.13;margin-bottom:24px}.company-thesis p{font-size:14px;line-height:1.95;margin-bottom:18px}.company-thesis .primary-link{font-size:14px}.company-principles{padding:37px 0 25px}.principles-manuscript>section{display:block;padding:26px 0}.principles-manuscript h3{font-size:29px;line-height:1.15;margin-bottom:26px;max-width:370px}.principles-manuscript article{margin-bottom:23px}.principles-manuscript h4{font-size:17px;line-height:1.3;margin-bottom:10px}.principles-manuscript p{font-size:14px;line-height:1.9}.company-publishing{padding-top:38px;padding-bottom:38px}.company-publishing>.mono{font-size:14px}.company-publishing h2{font-size:36px;line-height:1.12;margin:24px 0}.company-publishing>p{font-size:14px;line-height:1.9}.company-publishing .primary-link{font-size:14px;margin-top:17px}.trust-intro{padding-bottom:35px}.trust-manuscript{margin-top:30px}.trust-manuscript article{grid-template-columns:25px 1fr;gap:16px;padding:24px 0}.trust-manuscript article>.p-icon{width:22px;height:22px;margin-top:2px}.trust-manuscript h2{font-size:27px;line-height:1.15}.trust-manuscript p{grid-column:2;font-size:14px;line-height:1.9}.trust-boundary{padding:37px 0}.authority-comparison{grid-template-columns:1fr;gap:30px;padding-top:25px}.authority-comparison .mono{font-size:14px}.authority-comparison h3{font-size:29px;margin:21px 0}.authority-comparison ul{font-size:14px;line-height:2.1;margin-bottom:0}.trust-evaluation{padding-top:38px;padding-bottom:35px}.evaluation-questions>div{display:block;padding:23px 0}.evaluation-questions dt{font-size:21px;margin-bottom:14px}.evaluation-questions dd{font-size:14px;line-height:1.9}.evaluation-note{font-size:14px;line-height:1.9;margin-top:23px}.trust-evaluation .primary-link{font-size:14px}.integration-register{padding-bottom:37px}.integration-table{margin-top:28px}.integration-table>div{display:block;padding:25px 0}.integration-table .integration-table-head{display:none}.integration-table h2{font-size:24px;margin-bottom:19px;gap:11px}.integration-table p{font-size:14px;line-height:1.9}.integration-table>div>p{margin-bottom:14px}.integration-table .mono{font-size:14px;line-height:1.9;margin-top:12px}.connection-lifecycle{padding:37px 0}.connection-records{grid-template-columns:1fr;gap:25px;padding-top:25px;margin-bottom:26px}.connection-records .p-icon{width:25px;height:25px}.connection-records h3{font-size:25px;margin:20px 0 15px}.connection-records p{font-size:14px;max-width:400px}.connection-lifecycle .primary-link{font-size:14px}.participation-layout{display:block;padding-top:0;padding-bottom:38px}.participation-copy>.mono{font-size:14px}.participation-copy h2{font-size:38px;line-height:1.1;margin:24px 0}.participation-copy p{font-size:14px;line-height:1.9}.participation-copy .primary-link{font-size:14px;margin-top:20px}.participation-list{margin-top:30px}.participation-list article{padding:22px 0 24px 39px}.participation-list .p-icon{width:22px;height:22px;top:25px}.participation-list h3{font-size:25px;margin-bottom:13px}.participation-list p{font-size:14px}.participation-sequence{padding:35px 0 38px}.participation-sequence .mono{font-size:14px;line-height:1.9}.participation-sequence h2{font-size:37px;line-height:1.12;margin:24px 0}.participation-sequence p{font-size:14px;line-height:1.9}.contact-workspace{display:block;padding-top:0;padding-bottom:40px}.contact-direct>.mono{font-size:14px}.email-address{font-size:34px;margin:24px 0}.copy-address{font-size:14px}.contact-routing{margin-top:25px;padding-top:23px}.contact-routing h2{font-size:27px;line-height:1.2;margin-bottom:20px}.contact-routing p{font-size:14px;line-height:1.9;max-width:430px}.contact-draft{margin:31px 5px 0 0;padding:0 18px 22px;box-shadow:4px 5px 0 #bccba7}.draft-title{font-size:14px;padding:15px 0;gap:9px}#email-draft{padding-top:22px}.form-two{grid-template-columns:1fr;gap:0}#email-draft label{font-size:14px;margin-bottom:18px}#email-draft input,#email-draft textarea,#email-draft select{font-size:14px;padding:10px;min-height:44px}.form-explanation{font-size:14px;line-height:1.8}.draft-submit{font-size:14px;padding:13px 15px}.draft-output{margin-top:22px;padding-top:22px}.draft-output>.mono{font-size:14px}.draft-output>p{font-size:14px}.draft-output pre{font-size:14px;padding:13px;line-height:1.9}.draft-output .primary-link{font-size:14px;gap:15px}.journal-index{padding-bottom:38px}.editorial-note{font-size:14px;line-height:1.9;padding-left:16px}.journal-filters{gap:8px 18px;margin:24px 0 17px}.journal-filters button{font-size:14px;padding:7px 0;line-height:1.7}.filter-status{font-size:14px;line-height:1.9}.journal-row{grid-template-columns:1fr;gap:24px;padding:28px 0}.journal-row-art{height:205px}.journal-row>div>.mono{font-size:14px}.journal-row h2{font-size:33px;line-height:1.14;margin:18px 0}.journal-row>div>p{font-size:14px;line-height:1.85}.journal-read{font-size:14px;margin-top:13px}.article-heading{padding-top:29px;padding-bottom:26px}.article-heading h1{font-size:39px;line-height:1.12;margin:28px 0 23px}.article-deck{font-size:17px;line-height:1.8;margin:0 0 25px}.article-meta{font-size:14px;line-height:1.9;gap:12px;padding-top:16px}.article-cover{height:270px}.article-cover .world-figure img{object-position:65% center}.article-reading{display:block;padding-top:31px;padding-bottom:38px}.article-reading aside{position:static;max-width:none;gap:13px;padding-bottom:25px;margin-bottom:27px;border-bottom:1px solid #aebc9c}.article-reading aside>.mono{font-size:14px}.article-reading aside a{font-size:14px;line-height:1.8}.share-article{font-size:14px;padding-top:14px;margin-top:5px}.article-body{font-size:15px;line-height:1.95}.article-body h2{font-size:29px;line-height:1.2;margin-bottom:22px}.article-body section{margin-bottom:35px}.article-body p{margin-bottom:21px}.article-review-note{font-size:14px;line-height:1.9;padding:14px 16px;margin-bottom:30px}.article-related{padding-top:23px;gap:17px}.article-related>.mono{font-size:14px}.article-related>a{font-size:14px}.legal-review{padding-bottom:38px}.legal-review h2{font-size:28px;line-height:1.2;margin:29px 0 22px}.legal-review>p{font-size:14px;line-height:1.95}.legal-review>.primary-link{font-size:14px}.not-found{padding-top:34px;min-height:680px}.not-found>.mono{font-size:14px}.not-found h1{font-size:57px;line-height:1.08;margin:29px 0 24px}.not-found>p{font-size:14px;max-width:320px}.not-found>div:not(.not-found-world){gap:25px;flex-wrap:wrap;margin-top:24px}.not-found .primary-link{font-size:14px;gap:19px}.not-found-world{width:130%;right:-15%;height:280px;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 15%)}.not-found-world .world-figure img{object-position:center}}
@media(max-width:360px){.unified-header .wordmark{font-size:22px}.unified-header .header-contact{font-size:14px;gap:7px}.unified-header{gap:13px}.editorial-hero h1{font-size:37px}.hero-art{height:335px}.email-address{font-size:29px}.article-heading h1{font-size:35px}.role-copy h2{font-size:33px}.world-overlay{max-width:245px}.world-overlay>p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.world-figure img{transform:none!important;transition:none!important}}

/* Anchor targets clear the sticky product chapter navigation. */
html{scroll-padding-top:28px}html:has(.product-subnav){scroll-padding-top:80px}
@media(max-width:760px){html{scroll-padding-top:20px}html:has(.product-subnav){scroll-padding-top:68px}}
@media(prefers-reduced-motion:reduce){html{}}

/* Header layout: navigation sits beside the wordmark, request-access stays at the right edge. */
.unified-header nav{margin-left:56px;margin-right:auto}
@media(max-width:760px){.unified-header nav{margin-left:0}}

/* Prompt B layout fixes. Values only; no new components. */
/* Fault 1: the hero heading, paragraph and first button fit the first screen; heading 3 lines from 1280px, 6 on phones */
.hero-copy{width:74%;max-width:1060px}
.hero h1{font-size:clamp(40px,3.9vw,60px);line-height:.98;text-wrap:balance}
.hero h1 .grid{display:inline}
@media (max-width:760px){.hero h1{font-size:clamp(32px,9vw,40px)}}
/* Fault 4: at 600px or less nothing but the header is fixed; the theme toggle sits in the footer */
.skip{position:absolute}
@media (max-width:600px){body{position:relative}.paper-atmosphere{position:absolute}}
.footer-bottom .theme-preview-toggle{position:static;flex:0 0 auto}
/* Fault 6: footer tagline column is at least 36ch wide */
.footer-intro>p{max-width:60ch}
/* Fault 5: balanced headings */
h1,h2,h3{text-wrap:balance}
/* Fault 7: empty live-region paragraphs take no space until a message is written */
[data-copy-status]:empty,.share-status:empty{display:none}
/* Prompt B, second pass: Fault 1 on the Ouroboros hero, Fault 2 and 3 colours and sizes */
.ouroboros-title h1{font-size:clamp(40px,3.9vw,60px);line-height:1.02;text-wrap:balance}
.ouroboros-hero-content{min-height:0}
@media (max-width:1280px){.ouroboros-title h1{font-size:clamp(40px,4.4vw,56px)}}
.footer-intro{display:block}
@media (max-width:600px){body .paper-atmosphere{position:absolute}}
.theme-preview-toggle{font-size:14px}
.window-title{color:var(--lightblue)}
html[data-preview-theme=dark] .window-title{color:var(--lightblue)}
.contact-draft label,.contact-draft h3{color:var(--ink)}
.evidence-copy dt,.engineering-window dt,.reproduction-window dt{color:var(--ink)}
.persistent-section .grid,.change-section .grid{color:var(--ink)}
.context-sheet dt{color:var(--ink)}
.contradiction-section h2{color:#efece3}
.contrast-symbol{color:#efece3}
.footer-wordmark{color:var(--ink)}
/* Fault 3: body paragraphs and list text at 16px; captions, notes, form hints and table cells stay at 14px */
main p:not(.mono):not(.context-footnote):not(.evaluation-note):not(.editorial-note):not(.form-explanation):not(.motion-caption):not(.contact-note):not(.share-status):not(.filter-status),main li:not(.mono),main dd:not(.mono){font-size:16px}
/* Fault 2 and 3 (colour): text that fails 4.5:1 is moved to a passing token; the fill moves to a surface token where needed */
.contradiction-section{background:var(--ink);color:var(--paper)}
main .context-sheet dt{color:var(--ink)}
main .contact-draft label{color:var(--ink)}
html[data-preview-theme=dark] main .contact-draft label{color:#e7e6dc}
html[data-preview-theme=dark] main .trust-boundary,html[data-preview-theme=dark] main .trust-boundary *{color:#20231d}
html[data-preview-theme=dark] main .paths-section .grid{color:#efece3}
.division-number{color:var(--lightblue)}
html[data-preview-theme=dark] .division-number{color:#a9c2e3}
/* Contrast follow-up: specificity raised where an earlier rule won */
main section.contradiction-section{background:var(--ink);color:var(--paper)}
main .contradiction-section .contrast-symbol{color:var(--lightblue)}
main .persistent-section .grid,main .change-section .grid{color:var(--ink)!important}
.division-number{color:var(--blue)}
.source-nav button,.source-nav .source-icon{color:var(--lightblue)}
html[data-preview-theme=dark] .source-nav button,html[data-preview-theme=dark] .source-nav .source-icon{color:#a9c2e3}
.path-story *{color:#efece3}
main .customer-context .context-sheet dt{color:var(--ink)!important}
.path-story :is(p,h3,li,span,strong){color:#efece3}
.division-index button[aria-selected=true] .division-number{color:#efece3}
html[data-preview-theme=dark] #email-draft label{color:#e7e6dc}
main .path-story p{color:#efece3!important}
html[data-preview-theme=dark] main .intake-sources article,html[data-preview-theme=dark] main .intake-sources article *{color:#20231d}
/* Fault 1 on short screens: the Mobius hero button sits inside the first screen at 1280x720 */
@media (max-height:800px) and (min-width:761px){.mobius-intro h1{margin:16px 0 14px}.mobius-observatory{margin-top:0}}
/* Smooth scroll: sticky is replaced by ScrollTrigger pins (dist/smooth-scroll.js). Nothing here is fixed inside the content. */
/* Smooth scroll: the content starts below the header, because the ScrollSmoother wrapper is fixed */
#smooth-content{padding-top:52px}
@media (max-width:760px){#smooth-content{padding-top:46px}}

/* Prompt D, section 2: spacing tokens. Fonts are not changed here: only line-height, gaps, padding and measure. */
:root{
  --lh-body:1.55;
  --lh-desc:1.5;
  --lh-mono:1.5;
  --lh-h2:1.1;
  --lh-h3:1.25;
  --measure:66ch;
  --gap-para:.9em;
  --gap-h2-para:20px;
  --gap-h3-text:6px;
  --gap-item:24px;
  --pad-ledger:11px;
  --gap-heading-content:36px;
  --pad-section:clamp(56px,6vw,96px);
  --gap-col:40px;
}
@media (max-width:600px){:root{--gap-item:20px;--pad-section:clamp(44px,10vw,64px)}}
main p,main li,main dd,main blockquote,main .lede,main .hero-description{line-height:var(--lh-body)!important;max-width:var(--measure)}
main .context-entry p,main .evaluation-questions dd,main .connection-records p,main .intake-sources p,main .intent-ledger p,main .record-spine p,main .home-does p,main .role-record p{line-height:var(--lh-desc)!important}
main .mono,main .context-entry .mono,main dt{line-height:var(--lh-mono)}
main h2{line-height:var(--lh-h2)}
main h3{line-height:var(--lh-h3)}
main section{padding-top:var(--pad-section);padding-bottom:var(--pad-section)}
main p+p{margin-top:var(--gap-para)}
main h2+p{margin-top:var(--gap-h2-para)}
main h3+p{margin-top:var(--gap-h3-text)}
main .context-body{row-gap:var(--gap-item);column-gap:var(--gap-col)}
main .context-entry{margin:0}
main .context-entry+.context-entry{margin-top:0}
main dt{white-space:nowrap}
@media (max-width:760px){main dt{white-space:normal}}
main p{max-width:var(--measure)!important}
main dt{white-space:nowrap!important}
@media (max-width:760px){main dt{white-space:nowrap!important}}
@media (max-width:600px){main :is(.context-body,.home-journal-list,.connection-records,.authority-comparison,.integration-register,.evaluation-questions,.principles-manuscript section div,.role-record,.intake-sources,.intent-ledger,.record-spine){row-gap:var(--gap-item)!important;gap:var(--gap-item)!important}}
main .home-journal-list article,main .principles-manuscript article{margin:0 0 var(--gap-item)}
main .home-journal-list article:last-child,main .principles-manuscript article:last-child{margin-bottom:0}

/* Prompt D, section 3: pattern classes. Each section carries data-pattern and class pat-lN. They arrange the existing markup. */
main section.context-section{display:block}
main section.pat-l3 .context-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:var(--gap-col);row-gap:var(--gap-item)}
main section.pat-l3 .context-entry{border-top:1px dotted var(--rule);padding-top:var(--gap-item)}
main section.pat-l4 .context-body{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--gap-col);row-gap:var(--gap-item)}
main section.pat-l4 .context-entry{border-top:1px dotted var(--rule);padding-top:var(--gap-item)}
@media (max-width:1024px){main section.pat-l4 .context-body{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){main section.pat-l4 .context-body{grid-template-columns:1fr}}
main section.pat-l5 .context-entry{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--gap-col);border-bottom:1px dotted var(--rule);padding:var(--pad-ledger) 0}
main section.pat-l5 .context-entry h3{margin:0}
main section.pat-l2 .context-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--gap-col)}
main section.pat-l8 .branch-columns,main section.pat-l8 .paths-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap-col)}
@media (max-width:760px){main section.pat-l8 .branch-columns{grid-template-columns:1fr}}
main section[data-pattern=L9] h2{max-width:none}
main section.pat-l1 p{max-width:var(--measure)}
main .state-list{list-style:none;padding:0;margin:var(--gap-h2-para) 0 0;display:flex;flex-wrap:wrap;gap:8px 28px}
main .state-list li{border-bottom:1px dotted var(--rule);padding-bottom:4px}
main .principles-manuscript section{display:block}
#division-points:empty{display:none}
/* SITE-13 rule 3: no CSS background-image behind text. The dot texture under the product diagram is removed. */
.network-field{background-image:none}

/* Job 1b: the hero text and the hero artwork each have their own area. The artwork keeps its notched corners and a height in svh. */
.hero-art>.world-figure,.mobius-observatory>.world-figure,.ouroboros-machine>.world-figure,.sylvie-ship>.world-figure{mask-image:none;-webkit-mask-image:none;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
.hero-art>.world-figure,.mobius-observatory>.world-figure,.ouroboros-machine>.world-figure,.sylvie-ship>.world-figure{height:auto;aspect-ratio:16/10;max-height:64svh;width:100%}
.hero{min-height:0;overflow:visible}
.hero-copy{width:auto;max-width:none}
.hero-art{position:relative;inset:auto;top:auto;right:auto;width:100%;height:auto;margin:24px 0 0;padding:0;z-index:auto}
.hero-art:before{display:none}
.mobius-hero{min-height:0}
.mobius-intro,.ouroboros-title{width:100%}
.mobius-observatory,.ouroboros-machine,.sylvie-ship{position:relative;inset:auto;top:auto;right:auto;width:100%;height:auto;margin:24px 0 0;min-width:0}
.sylvie-hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}
.ouroboros-hero-content{min-height:0}
.ouroboros-hero-bottom{margin-top:32px}
@media(min-width:900px){
.hero{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:clamp(28px,3.5vw,56px);align-items:center;padding-bottom:clamp(28px,4vw,56px)}
.hero-copy{margin-top:0}
.hero-art{margin:0}
.mobius-hero{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);column-gap:clamp(28px,3.5vw,56px);align-items:center}
.mobius-hero .mobius-taxonomy{grid-column:1/-1}
.mobius-observatory,.ouroboros-machine,.sylvie-ship{margin:0}
.ouroboros-hero-content{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);column-gap:clamp(28px,3.5vw,56px);align-items:center}
.ouroboros-hero-content .ouroboros-hero-bottom{grid-column:1/-1}
.sylvie-hero-layout{display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr);column-gap:clamp(28px,3.5vw,56px);align-items:center}
}

/* Notched corners on every content image (pixel corner cut), same cut everywhere */
.world-figure{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
/* Pixel name colour per part on paper: Mobius and Sylvie blue, Ouroboros green (the Product chapters are the reference) */
.mobius-word{color:var(--blue)}

/* Example card: the label column is as wide as its longest label and never wraps */
.source-window .window-content dl{grid-template-columns:max-content minmax(0,1fr);column-gap:20px}
.source-window .window-content dt{white-space:nowrap}
/* Reduce motion (footer control or system setting): nothing animates or transitions */
html[data-reduce-motion=true] *,html[data-reduce-motion=true] *::before,html[data-reduce-motion=true] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One easing for the whole site, and only transform and opacity move */
:root{--ease:cubic-bezier(0.65,0,0.35,1)}
.site-header nav a,.header-contact,.network-node{transition:none}
.primary-link i,.contact-link i{transition:transform .2s var(--ease)}
.source-window{transition:transform .35s var(--ease)}
#division-model{transition:opacity .16s var(--ease)}
.network-field:after,.signal-field:after{animation:none}

/* Job 3 finishing detail (restraint: hairlines, square dots, corner brackets; no shadows, gradients or glow of its own) */
/* J3-1 corner brackets replace the box outline on the example card, customer card, Case card and reply card */
.source-desktop,.context-sheet,#case-shows .context-body,.home-outcome-record{position:relative;border:0}
.source-desktop::before,.context-sheet::before,#case-shows .context-body::before,.home-outcome-record::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:5;
 background:linear-gradient(var(--rule),var(--rule)) 0 0/12px 1px no-repeat,linear-gradient(var(--rule),var(--rule)) 0 0/1px 12px no-repeat,
 linear-gradient(var(--rule),var(--rule)) 100% 0/12px 1px no-repeat,linear-gradient(var(--rule),var(--rule)) 100% 0/1px 12px no-repeat,
 linear-gradient(var(--rule),var(--rule)) 0 100%/12px 1px no-repeat,linear-gradient(var(--rule),var(--rule)) 0 100%/1px 12px no-repeat,
 linear-gradient(var(--rule),var(--rule)) 100% 100%/12px 1px no-repeat,linear-gradient(var(--rule),var(--rule)) 100% 100%/1px 12px no-repeat}
#case-shows .context-body{padding:var(--gap-item) 0}
/* J3-2 dot-matrix divider */
.dot-divider{width:92%;max-width:1660px;margin:0 auto;height:3px;opacity:.5;background:linear-gradient(90deg,var(--rule) 3px,transparent 3px) 0 0/12px 3px repeat-x}
/* J3-3 section index numerals, in the existing mono face at its existing size */
.section-index{display:block;margin:0 0 10px;color:var(--ink)}
/* J3-4 pixel glyph beside the part's pixel name */
/* J3-5 hover and focus on columns (L3) and ledger rows (L5): the dotted separator turns solid, the title moves 2px right */
main section:is(.pat-l3,.pat-l5) .context-entry h3{transition:transform .2s var(--ease)}
main section:is(.pat-l3,.pat-l5) .context-entry:is(:hover,:focus-within){border-style:solid}
main section:is(.pat-l3,.pat-l5) .context-entry:is(:hover,:focus-within) h3{transform:translateX(2px)}
/* J3-6 icons */
.mark-icon{width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:.3em}
.state-list li{display:flex;align-items:center}
.context-entry>.mark-icon{display:block;margin:0 0 10px;width:20px;height:20px}
.intake-scene .credible-problem h3{font-size:23px;letter-spacing:-.04em}

/* Live 8-bit wordmark (dist/pixel-live.js): the canvas draws the pixel word, the real text stays for reading and selecting */
.pixel-live-on{color:transparent!important}
.pixel-live-canvas{position:absolute;left:0;top:0;pointer-events:none}
.wordmark>.grid.pixel-live-on{display:inline-block}

/* Mono text: normal spacing. The font is unchanged; letters and words sit closer, with no added letter spacing. */
.mono,.wordmark-ai,.assembly-switch button,.source-nav button,.window-title,.window-content dl,.division-index button small,.division-number,.division-description li,.path-selector button,.path-story li:before,.principle-line p,.mobile-menu,.motion-control,.node-link,.flow-label small,.sylvie-hero-baseline>p,.paper-heading,.plan-paper li,.continuity-record,.signal-slip p,.contrary-slip small,.context-sheet dt,.contradiction-layout cite,.record-index dt,.context-sequence li:before,.home-outcome-record dt,.atmosphere-control,.product-dropdown small,.product-subnav,.role-index,.integration-table .integration-table-head,.copy-address,[data-copy-status],#email-draft label,.draft-submit,.draft-output pre,.journal-filters button,.journal-read,.share-article,.share-status,.article-review-note{letter-spacing:-.02em!important;word-spacing:-.25em!important}

/* ===== Window panels: a dark title bar, a hard offset shadow and three part-colour squares (Sylvie blue, Ouroboros green, Mobius stone). Used on the example customer card, the example reply card and the six outcome states. Same words, our own look. ===== */
.context-sheet,.home-outcome-record{position:relative;padding:0!important;background:#e7e4d7;border:1px solid var(--ink)!important;box-shadow:6px 6px 0 #b9bda9;clip-path:none!important;overflow:visible}
.context-sheet::before,.home-outcome-record::before{display:none!important}
.context-sheet-title,.home-outcome-record>h3{display:flex;align-items:center;gap:10px;margin:0!important;padding:9px 14px;background:var(--ink)!important;color:var(--paper)!important;border:0!important;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:-.005em}
.context-sheet-title .p-icon{color:var(--paper)}
.context-sheet-title::after,.home-outcome-record>h3::after{content:'';margin-left:auto;flex:none;width:34px;height:8px;background:linear-gradient(90deg,#315da9 8px,transparent 8px 13px,#546b39 13px 21px,transparent 21px 26px,#777662 26px 34px)}
.home-outcome-record>dl,.home-outcome-record>p,.home-outcome-record>a{margin-left:22px!important;margin-right:22px}
.home-outcome-record>dl{margin-top:18px!important}
.home-outcome-record>a{display:inline-block;margin-bottom:20px!important}
.home-outcome-record>p{margin-bottom:0}
/* tag chips for the six outcome states */
main .state-list{gap:10px}
main .state-list li{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#dedbcc;border:1px solid #b5b8a7;border-bottom:1px solid #b5b8a7;box-shadow:2px 2px 0 #c7c9b6}

/* ===== Home hero: the research-vessel artwork fills the hero at native quality (no overlay). The text sits in a window panel laid over it: dark title bar, paper body, hard offset shadow, three part-colour squares. Corner brackets and a dot row frame the plate. Home only. ===== */
.hero{--header-h:84px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;width:100%;max-width:none;margin:0;padding:0 clamp(20px,6vw,96px);min-height:max(560px,calc(100svh - var(--header-h)));background:#1b2c4c}
.hero .hero-art{position:absolute;inset:0;z-index:-2;width:auto;height:auto;margin:0;padding:0;top:0;right:0}
.hero .hero-art::before{display:none}
.hero .hero-art>.world-figure{width:100%;height:100%;max-height:none;aspect-ratio:auto;clip-path:none;mask-image:none;-webkit-mask-image:none}
.hero .hero-art>.world-figure img{width:100%;height:100%;object-fit:cover;object-position:78% 50%}
.hero::before{content:'';position:absolute;left:18px;right:18px;bottom:30px;height:3px;z-index:3;pointer-events:none;opacity:.5;background:linear-gradient(90deg,#efece3 3px,transparent 3px) 0 0/12px 3px repeat-x}
.hero::after{content:'';position:absolute;inset:16px;z-index:3;pointer-events:none;
 background:linear-gradient(#efece3,#efece3) 0 0/24px 2px no-repeat,linear-gradient(#efece3,#efece3) 0 0/2px 24px no-repeat,
 linear-gradient(#efece3,#efece3) 100% 0/24px 2px no-repeat,linear-gradient(#efece3,#efece3) 100% 0/2px 24px no-repeat,
 linear-gradient(#efece3,#efece3) 0 100%/24px 2px no-repeat,linear-gradient(#efece3,#efece3) 0 100%/2px 24px no-repeat,
 linear-gradient(#efece3,#efece3) 100% 100%/24px 2px no-repeat,linear-gradient(#efece3,#efece3) 100% 100%/2px 24px no-repeat}


.hero .hero-copy>*{margin-left:clamp(22px,3.4vw,40px);margin-right:clamp(22px,3.4vw,40px)}
.hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.04;margin-top:0;margin-bottom:0}
.hero h1 .grid{font-size:.7em;margin-top:14px;display:inline-block;line-height:1.2}
.hero .hero-description{font-size:17px;line-height:1.55;max-width:none;margin-top:22px;margin-bottom:0}
.hero .hero-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:26px;margin-bottom:0}
@keyframes hero-window-in{from{clip-path:inset(-20px 100% -20px -20px)}to{clip-path:inset(-20px -20px -20px -20px)}}
@media (prefers-reduced-motion:reduce){.hero .hero-copy{animation:none}}
@media (max-width:899px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 0 44px;background:#1b2c4c}
 .hero .hero-art{position:relative;order:-1;height:min(27svh,230px)}
 .hero .hero-copy{width:auto;margin:-30px clamp(14px,4vw,28px) 0;padding-bottom:22px;box-shadow:6px 6px 0 #9fb5d6}
 .hero .hero-copy::before{height:24px;margin-bottom:18px}
 .hero .hero-copy>*{margin-left:18px;margin-right:18px}
 .hero h1{font-size:clamp(30px,8.6vw,42px)}
 .hero h1 .grid{margin-top:8px}
 .hero .hero-description{font-size:15px;line-height:1.48;margin-top:14px}
 .hero .hero-links{margin-top:16px;gap:10px 20px}
 .hero::before{bottom:18px}
}

/* ===== 1-bit window art (dist/window-art.js): each part's picture as an ordered-dither bitmap inside its window panel, with an empty status strip. No words. ===== */
.window-art{position:relative;margin:18px 22px 4px;border:1px solid #20231d;background:#efece3;line-height:0}
.window-art canvas{display:block;max-width:100%}
.window-art::after{content:'';display:block;height:15px;border-top:1px solid #20231d;background:linear-gradient(90deg,#20231d 5px,transparent 5px 10px,#20231d 10px 15px,transparent 15px) right 8px center/35px 5px no-repeat,#dcd9c9}
.context-sheet>.window-art{margin:20px 22px 6px}
.home-outcome-record>.window-art{margin:20px 22px 0}
/* the Ouroboros Case list becomes a window panel too: title bar, art, then its seven rows */
#case-shows .context-body{background:#e7e4d7;border:1px solid #20231d!important;box-shadow:6px 6px 0 #b9bda9;padding:0 0 22px!important;overflow:visible}
#case-shows .context-body::before{content:'';display:block;position:static;inset:auto;height:30px;margin-bottom:0;pointer-events:auto;z-index:auto;border-bottom:1px solid #20231d;
 background:linear-gradient(90deg,#315da9 9px,transparent 9px 15px,#546b39 15px 24px,transparent 24px 30px,#777662 30px 39px,transparent 39px) right 14px center/39px 9px no-repeat,#20231d}
#case-shows .context-body>.window-art{margin:22px 22px 8px}
#case-shows .context-body>.context-entry{margin-left:22px;margin-right:22px}
#case-shows .context-body>.context-entry{grid-template-columns:max-content minmax(0,1fr);column-gap:32px}
@media (max-width:700px){#case-shows .context-body>.context-entry{grid-template-columns:minmax(0,1fr);row-gap:4px}}

/* ===== 1-bit window skin for the boxes: paper body, 2px ink frame, hard ink shadow, and a title bar with minimise and close boxes where the box is a static card. Animated flow boxes get the frame only so their motion is untouched. No flat colour fills. Same words. ===== */
:is(.source-window,.home-outcome-record,.context-sheet,.context-example,.evidence-ledger,.contact-draft,#case-shows .context-body,.network-source,.network-outcome,.small-paper,.plan-paper,.review-paper,.operation-fold,.signal-slip,.contrary-slip,.credible-problem,.intake-sources article,.objective-anchor){border:2px solid #20231d!important;box-shadow:5px 5px 0 #20231d!important;border-radius:0!important;clip-path:none!important}
:is(.network-source,.network-outcome,.small-paper,.plan-paper,.review-paper,.operation-fold,.context-example,.contact-draft){position:relative!important;padding-top:44px!important}
:is(.network-source,.network-outcome,.small-paper,.plan-paper,.review-paper,.operation-fold,.context-example,.contact-draft)::before{content:''!important;display:block!important;position:absolute!important;left:0;right:0;top:0;height:26px;border:0!important;border-bottom:2px solid #20231d!important;background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2744%27%20height=%2716%27%20viewBox=%270%200%2044%2016%27%3E%3Crect%20x=%271%27%20y=%271%27%20width=%2714%27%20height=%2714%27%20fill=%27%23efece3%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Cpath%20d=%27M4%208h8%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Crect%20x=%2729%27%20y=%271%27%20width=%2714%27%20height=%2714%27%20fill=%27%23efece3%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Cpath%20d=%27M32%204l8%208M40%204l-8%208%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3C/svg%3E") right 8px center/44px 16px no-repeat,#efece3!important;pointer-events:none;z-index:1}
.context-sheet-title,.home-outcome-record>h3,.source-window .window-title{position:relative;background:#efece3!important;color:#20231d!important;border:0!important;border-bottom:2px solid #20231d!important;padding:6px 64px 6px 14px!important;font-weight:600}
.window-glyph{display:none!important}
.source-window .window-title *{color:#20231d!important}
:is(.window-content,.home-outcome-record,.context-sheet,.contact-draft,.evidence-ledger) dt{background:#20231d!important;color:#efece3!important;padding:2px 9px!important;width:max-content;align-self:start;font-weight:500}
.window-art{background:#20231d!important;border:2px solid #20231d!important;box-shadow:none}
.window-art::after{border-top:2px solid #20231d!important;background:#efece3!important;height:14px}

/* own title bands become window title bars; the hub scene drops its flat green */
.ledger-title,.draft-title{position:relative;background:#efece3!important;color:#20231d!important;border:0!important;border-bottom:2px solid #20231d!important;padding:7px 64px 7px 14px!important}
.hub-network .network-node{border:2px solid #20231d!important;box-shadow:5px 5px 0 #20231d!important;border-radius:0!important}

.context-sheet-title::after,.home-outcome-record>h3::after,.source-window .window-title::after,.ledger-title::after,.draft-title::after{content:''!important;display:block!important;position:absolute;right:8px;top:50%;width:44px;height:16px;margin:0;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2744%27%20height=%2716%27%20viewBox=%270%200%2044%2016%27%3E%3Crect%20x=%271%27%20y=%271%27%20width=%2714%27%20height=%2714%27%20fill=%27%23efece3%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Cpath%20d=%27M4%208h8%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Crect%20x=%2729%27%20y=%271%27%20width=%2714%27%20height=%2714%27%20fill=%27%23efece3%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Cpath%20d=%27M32%204l8%208M40%204l-8%208%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3C/svg%3E") center/44px 16px no-repeat}

/* ===== Pixel cursors: a 1-bit arrow, a hand-over arrow (inverted) on anything clickable, and an hourglass while a page is loading ===== */
html.is-loading,html.is-loading *{cursor:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2722%27%20height=%2730%27%20shape-rendering=%27crispEdges%27%3E%3Crect%20x=%270%27%20y=%270%27%20width=%2722%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%270%27%20y=%272%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%272%27%20y=%272%27%20width=%2718%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2720%27%20y=%272%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%270%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%272%27%20y=%274%27%20width=%2718%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2720%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%272%27%20y=%276%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%274%27%20y=%276%27%20width=%2714%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2718%27%20y=%276%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%274%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%276%27%20y=%278%27%20width=%2710%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2716%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%276%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%278%27%20y=%2710%27%20width=%276%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2714%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%278%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2710%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2712%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2710%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%278%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2710%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2712%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%276%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%278%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2710%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2712%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2714%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%274%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%276%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%278%27%20y=%2720%27%20width=%276%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2714%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23efece3%27/%3E%3Crect%20x=%2716%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%274%27%20y=%2722%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%276%27%20y=%2722%27%20width=%2710%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2716%27%20y=%2722%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%272%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%274%27%20y=%2724%27%20width=%2714%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%2718%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%270%27%20y=%2726%27%20width=%2722%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3Crect%20x=%270%27%20y=%2728%27%20width=%2722%27%20height=%272%27%20fill=%27%2320231d%27/%3E%3C/svg%3E") 11 15,wait!important}

/* ===== Pixel hand cursor: a pointing hand everywhere, tinted blue over anything clickable ===== */

/* ===== Hero window, same 1-bit skin as the other boxes: 2px frame, striped title bar with a close box and a zoom box, a dithered (checker) shadow, a resize grip. The panel and its shadow are drawn by two pseudo-elements behind the text. ===== */
.hero .hero-copy{position:relative;width:min(600px,100%);max-width:none;margin:0;padding:64px 0 36px;background:transparent;border:0;box-shadow:none;pointer-events:auto;color:#20231d;animation:hero-window-in .72s steps(6,end) both}
.hero .hero-copy::before{content:'';position:absolute;inset:0;transform:translate(10px,10px);z-index:-2;pointer-events:none;background:repeating-conic-gradient(#20231d 0 25%,transparent 0 50%) 0 0/4px 4px}
.hero .hero-copy::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:2px solid #20231d;box-sizing:border-box;
 background:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2722%27%20height=%2720%27%20viewBox=%270%200%2022%2020%27%3E%3Crect%20x=%273%27%20y=%273%27%20width=%2714%27%20height=%2714%27%20fill=%27%23efece3%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3C/svg%3E") left 6px top 7px/22px 20px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2722%27%20height=%2720%27%20viewBox=%270%200%2022%2020%27%3E%3Crect%20x=%273%27%20y=%273%27%20width=%2714%27%20height=%2714%27%20fill=%27%23efece3%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3Crect%20x=%277%27%20y=%277%27%20width=%276%27%20height=%276%27%20fill=%27none%27%20stroke=%27%2320231d%27%20stroke-width=%272%27/%3E%3C/svg%3E") right 6px top 7px/22px 20px no-repeat,linear-gradient(#20231d,#20231d) 0 34px/100% 2px no-repeat,repeating-linear-gradient(180deg,#20231d 0 2px,#efece3 2px 5px) 0 0/100% 34px no-repeat,#efece3}
.hero .hero-links{position:static}
.hero .hero-copy .hero-links::after{content:'';position:absolute;right:9px;bottom:9px;width:16px;height:16px;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 3px,#20231d 3px 5px)}
@keyframes hero-window-in{from{clip-path:inset(-20px 100% -20px -20px)}to{clip-path:inset(-24px -24px -24px -24px)}}
@media (max-width:899px){.hero .hero-copy{width:auto;margin:-30px clamp(16px,5vw,30px) 0;padding:52px 0 28px}.hero .hero-copy::before{transform:translate(6px,6px)}}

/* ===== Pixel arrow cursor (white fill, black outline, grey edge), blue-tinted over anything clickable; clicks throw a small spark (dist/reveal.js) ===== */
html{cursor:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2724%27%20height=%2736%27%20shape-rendering=%27crispEdges%27%3E%3Crect%20x=%270%27%20y=%270%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%272%27%20width=%274%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%276%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%276%27%20width=%274%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%276%27%20y=%276%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%278%27%20width=%274%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%278%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2710%27%20width=%276%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2710%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2712%27%20width=%278%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2712%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2714%27%20width=%2710%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2714%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2716%27%20width=%2712%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2716%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2718%27%20width=%2714%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2718%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2720%27%20width=%2716%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2720%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2722%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2722%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2722%27%20width=%278%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2712%27%20y=%2722%27%20width=%2712%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2724%27%20width=%274%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%278%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2710%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%2712%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2714%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%276%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2710%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%2714%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2716%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%274%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2710%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%2714%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2716%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2730%27%20width=%274%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2714%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%2716%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2718%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2714%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23dcdfe8%27/%3E%3Crect%20x=%2716%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23ffffff%27/%3E%3Crect%20x=%2718%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2734%27%20width=%278%27%20height=%272%27%20fill=%27%23000000%27/%3E%3C/svg%3E") 0 0,auto}
a,button,summary,select,label[for],[role=tab],[role=button],[data-filter],[data-source],[data-division],[data-path],input[type=submit],.window-title{cursor:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%2724%27%20height=%2736%27%20shape-rendering=%27crispEdges%27%3E%3Crect%20x=%270%27%20y=%270%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%272%27%20width=%274%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%274%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%276%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%276%27%20width=%274%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%276%27%20y=%276%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%278%27%20width=%274%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%278%27%20y=%278%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2710%27%20width=%276%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2710%27%20y=%2710%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2712%27%20width=%278%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2712%27%20y=%2712%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2714%27%20width=%2710%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2714%27%20y=%2714%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2716%27%20width=%2712%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2716%27%20y=%2716%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2718%27%20width=%2714%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2718%27%20y=%2718%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2720%27%20width=%2716%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2720%27%20y=%2720%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2722%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2722%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2722%27%20width=%278%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2712%27%20y=%2722%27%20width=%2712%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2724%27%20width=%274%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%278%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2710%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%2712%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2714%27%20y=%2724%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%276%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2710%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%2714%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2716%27%20y=%2726%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%272%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%274%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2710%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%2714%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2716%27%20y=%2728%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2730%27%20width=%274%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2714%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%2716%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2718%27%20y=%2730%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%270%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2714%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%239fb5d6%27/%3E%3Crect%20x=%2716%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23cfe0f5%27/%3E%3Crect%20x=%2718%27%20y=%2732%27%20width=%272%27%20height=%272%27%20fill=%27%23000000%27/%3E%3Crect%20x=%2712%27%20y=%2734%27%20width=%278%27%20height=%272%27%20fill=%27%23000000%27/%3E%3C/svg%3E") 0 0,pointer}
.click-spark{position:fixed;left:0;top:0;width:0;height:0;z-index:99999;pointer-events:none}
.click-spark i{position:absolute;left:0;top:0;width:14px;height:4px;background:#000;box-shadow:0 0 0 2px #fff;transform-origin:0 50%;transform:rotate(var(--a)) translateX(8px) scaleX(.35);animation:spark-out .36s steps(4,end) forwards}
@keyframes spark-out{60%{transform:rotate(var(--a)) translateX(20px) scaleX(1);opacity:1}to{transform:rotate(var(--a)) translateX(26px) scaleX(.7);opacity:0}}
@media (prefers-reduced-motion:reduce){.click-spark{display:none}}

/* Slimmer navigation bar: 64px on desktop, 56px on phones */
.site-header{height:64px!important}
.hero{--header-h:64px}
@media (max-width:760px){.site-header{height:56px!important}.hero{--header-h:56px}.site-header nav.is-open,.unified-header nav.is-open{top:55px}}
/* Thinner navigation band: 52px on desktop, 46px on phones */
.site-header{height:52px!important}
.hero{--header-h:52px}
@media (max-width:760px){.site-header{height:46px!important}.hero{--header-h:46px}.site-header nav.is-open,.unified-header nav.is-open{top:45px}}


/* ===== First screen of Home: only the live pixel SYLVIE AI wordmark on plain white (full screen). The ship hero with its window is the second screen. ===== */
.intro-wm .wm-row{display:flex;align-items:flex-end;gap:clamp(8px,1.6vw,26px)}
.intro-wm{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 52px);padding:0 4vw;background:#efece3}
.intro-wm .wb-word{position:relative;display:inline-block;font-size:clamp(64px,17vw,300px);line-height:1;letter-spacing:-.02em;color:#20231d;white-space:nowrap}
.intro-wm .wb-ai{margin-bottom:clamp(10px,2.6vw,52px);font:clamp(18px,3vw,48px)/1 'Courier New',monospace;color:#20231d}
@media (max-width:760px){.intro-wm{min-height:calc(100svh - 46px)}.intro-wm .wb-word{font-size:clamp(52px,18vw,130px)}}

/* ===== Navigation, in the window skin: a full-width 2px ink rule under the bar; "Request access" is an inverse chip. On the Home intro screen the bar is plain white and the small wordmark is hidden (the big one is on screen). ===== */
.site-header{position:relative;z-index:60;isolation:isolate;border-bottom:0!important}
.site-header::before{content:'';position:absolute;left:calc(50% - 50vw);width:100vw;top:0;bottom:0;z-index:-1;background:#efece3;pointer-events:none}
.site-header::after{content:'';position:absolute;left:calc(50% - 50vw);width:100vw;bottom:0;height:2px;background:#20231d;pointer-events:none}
.site-header .wordmark{transition:none}
.site-header a.header-contact{background:#20231d;color:#efece3!important;padding:5px 12px;border:0;align-self:center;height:auto;line-height:1.4}
.site-header a.header-contact *{color:#efece3!important}
.site-header nav>a:hover,.site-header nav summary:hover{background:#20231d;color:#efece3}
html.on-intro .site-header::before{background:#efece3}
html.on-intro .site-header .wordmark{opacity:1}
@media (prefers-reduced-motion:reduce){html.on-intro .site-header .wordmark{opacity:var(--wm-p,0)}}
@media (max-width:1100px){.site-header a.header-contact{padding:4px 8px;gap:8px}.site-header nav{margin-left:24px!important;gap:14px!important}}
@media (max-width:760px){.site-header nav{margin-left:0!important}}

.site-header nav summary.current:hover,.site-header nav summary[class*=current]:hover{color:#efece3!important}
.site-header .product-dropdown{background:#efece3;border:2px solid #20231d;box-shadow:5px 5px 0 #20231d}

/* ===== Navigation layout: wordmark at the left; links pushed to the right; the dark Request access button last, split in two (label | arrow) ===== */
.unified-header nav{margin-left:auto!important;margin-right:24px!important;gap:30px!important}
.site-header a.header-contact{display:inline-flex;align-items:stretch;padding:0!important;gap:0!important;font-weight:500}
.site-header a.header-contact{padding-left:16px!important}
.site-header a.header-contact span[aria-hidden]{display:inline-flex;align-items:center;margin-left:14px;padding:0 12px;border-left:1px solid rgba(239,236,227,.35);min-height:34px}
@media (max-width:1100px){.unified-header nav{margin-right:14px!important;gap:16px!important}.site-header a.header-contact{padding-left:10px!important}.site-header a.header-contact span[aria-hidden]{margin-left:8px;padding:0 8px;min-height:30px}}
@media (max-width:760px){.unified-header nav{margin-left:0!important}}
.site-header a.header-contact{align-items:center!important}
.site-header a.header-contact span[aria-hidden]{align-self:stretch}

html,body{background:#efece3!important}
.site-header::before{background:#efece3!important}
.product-subnav{background:#efece3!important}
html,body,#smooth-wrapper,#smooth-content{overflow-x:clip}

/* ===== Fixed navigation that hides on scroll down and returns on scroll up ===== */
.site-header{position:fixed!important;top:0;left:0;right:0;margin-inline:auto!important;transition:opacity .28s ease}
.site-header.nav-hidden{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.site-header{transition:none}}
.intro-wm .wm-row{will-change:transform,opacity}

/* the AI beside each wordmark steps out in the big one and in at the top, in time with the pixels */
.intro-wm .wb-ai{opacity:calc(1 - var(--wm-q,0))}
html.on-intro .site-header .wordmark-ai{opacity:var(--wm-q,0)}

/* each part keeps its own colour in the Product heading */
.hub-hero-title h1 .grid .c-mobius{color:#777662}
.hub-hero-title h1 .grid .c-ouroboros{color:#546b39}
.hub-hero-title h1 .grid .c-sylvie{color:#315da9}
.hub-hero-title h1 .grid{color:#20231d}
@media (max-width:600px){#case-shows .context-body>.context-entry{margin-top:0;margin-bottom:0}#case-shows .context-body{row-gap:16px!important}}
@media (max-width:600px){#case-shows .context-body>.window-art{margin:18px 18px 0}#case-shows .context-body>.context-entry{margin-left:18px;margin-right:18px}}

.article-related-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.article-related-list a:hover{color:var(--blue)}