/* PROJECT NULL | Original responsive website. No framework or external dependencies. */
:root {
  color-scheme: dark;
  --ink:#0b0c10; --panel:#11161c; --graphite:#1f2833;
  --white:#f3f4f1; --muted:#bcc2c7; --quiet:#8b969d; --signal:#f8e71c;
  --teal:#45a29e; --line:rgba(197,198,199,.16);
  --font:Arial,Helvetica,sans-serif;
  --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --max:1224px;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth; scroll-padding-top:98px}
body {margin:0; background:var(--ink); color:var(--white); font:16px/1.65 var(--font); -webkit-font-smoothing:antialiased}
body.modal-open {overflow:hidden}
button,input,textarea {font:inherit}
button,a {-webkit-tap-highlight-color:transparent}
a {color:inherit; text-decoration:none}
button {color:inherit; cursor:pointer}
button,summary,a {touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible {outline:2px solid var(--signal); outline-offset:6px}
::selection {color:var(--ink); background:var(--signal)}
img,svg {max-width:100%; display:block}
img {height:auto}
p,h1,h2,h3,figure,blockquote {margin:0}
ul {margin:0; padding:0; list-style:none}
h1,h2,h3 {font-weight:600; line-height:1.1}
svg.icon {width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; flex-shrink:0}
.wrap {width:min(var(--max),calc(100% - 112px)); margin-inline:auto}
.sr-only {position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.skip-link {position:fixed; z-index:200; left:20px; top:-100px; padding:12px 20px; background:var(--signal); color:var(--ink)}
.skip-link:focus {top:12px}
.eyebrow {font:11px/1.6 var(--mono); letter-spacing:.19em; text-transform:uppercase; color:var(--signal); display:flex; align-items:center; gap:12px}
.eyebrow::before {content:''; width:18px; height:1px; background:currentColor; flex-shrink:0}
.section-kicker {font:10px/1.5 var(--mono); letter-spacing:.17em; color:var(--quiet); text-transform:uppercase}
.section-title {font-size:clamp(38px,4.15vw,60px); line-height:1.09; letter-spacing:-.045em}
.section-title .dim {color:var(--quiet)}
.body-copy {font-size:16px; color:var(--muted); line-height:1.8}
.btn {min-height:52px; padding:14px 23px; display:inline-flex; justify-content:center; align-items:center; gap:30px; border:1px solid var(--line); font-size:12px; line-height:1.4; font-weight:600; letter-spacing:.01em; background:transparent; transition:background .2s,border-color .2s,transform .2s}
.btn:hover {border-color:var(--signal); background:rgba(248,231,28,.035)}
.btn .icon {width:18px; height:18px; transition:transform .2s}
.btn:hover .icon {transform:translateX(3px)}
.btn-primary {background:var(--signal); color:var(--ink); border-color:var(--signal)}
.btn-primary:hover {background:#ffef4a; border-color:#ffef4a}
.btn-text {border-color:transparent; padding-inline:5px; color:var(--white)}
.btn-text:hover {background:transparent; border-color:transparent}
.btn-row {display:flex; flex-wrap:wrap; align-items:center; gap:16px}
.source-link {display:inline-flex; align-items:center; gap:8px; font:10px/1.6 var(--mono); color:var(--quiet); letter-spacing:.025em; border-bottom:1px solid transparent; padding-block:4px; transition:color .2s}
.source-link:hover {color:var(--signal)}
.source-link .icon {width:13px; height:13px}
/* Navigation */
.site-header {position:absolute; z-index:30; inset:0 0 auto; border-bottom:1px solid rgba(197,198,199,.11); background:linear-gradient(180deg,rgba(11,12,16,.24),transparent)}
.header-inner {height:90px; display:flex; justify-content:space-between; align-items:center; gap:25px}
.brand {display:flex; align-items:center; gap:13px; flex-shrink:0}
.brand-mark {width:33px; height:37px; color:var(--signal)}
.brand-name {font-size:15px; font-weight:700; letter-spacing:.15em; line-height:1.2}
.brand-name span {font-weight:400; color:var(--muted); margin-right:4px}
.desktop-nav {display:flex; align-items:center; gap:30px}
.desktop-nav>a:not(.btn) {font-size:11px; color:var(--muted); transition:color .2s}
.desktop-nav>a:hover {color:var(--signal)}
.nav-cta {min-height:40px; padding:10px 15px; font-size:10px; gap:22px; border-color:rgba(248,231,28,.45); color:var(--signal)}
.nav-cta .icon {width:15px; height:15px}
.menu-toggle {display:none; width:44px; height:44px; background:transparent; border:1px solid var(--line); align-items:center; justify-content:center}
.mobile-nav {display:none; padding:8px 28px 26px; background:#10171e; border-top:1px solid var(--line)}
.mobile-nav:not([hidden]) {display:grid; gap:0}
.mobile-nav a {padding:13px 0; font-size:14px; border-bottom:1px solid var(--line)}
.mobile-nav .paper-link {color:var(--signal)}
.read-progress {height:2px; background:var(--signal); position:fixed; left:0; top:0; width:0; z-index:120; pointer-events:none}
/* The original photograph is the still fallback for the layered desert animation. */
.hero {height:900px; min-height:790px; position:relative; isolation:isolate; overflow:hidden; background:#111b23}
.hero-photo {position:absolute; width:100%; height:100%; object-fit:cover; object-position:50% 59%; inset:0; z-index:-4}
.hero-motion {position:absolute;inset:0;width:100%;height:100%;z-index:-4;opacity:0;pointer-events:none}
.hero.has-hero-motion .hero-motion {opacity:1}
.hero.has-hero-motion .hero-photo {opacity:0}
.hero::before {content:''; position:absolute; inset:0; z-index:-3; background:linear-gradient(180deg,rgba(4,9,13,.12) 0%,rgba(4,9,13,.06) 40%,rgba(11,12,16,.02) 65%,var(--ink) 100%)}
.hero::after {content:''; position:absolute; inset:0; z-index:-2; background:radial-gradient(ellipse at 50% 25%,transparent 15%,rgba(5,9,13,.17) 85%); pointer-events:none}
.hero-stars {position:absolute; inset:0 0 47%; z-index:-1; pointer-events:none; overflow:hidden}
.star {position:absolute; width:2px; height:2px; border-radius:50%; background:#e5ebe5; box-shadow:0 0 4px 1px rgba(231,236,229,.1); opacity:.12; animation:twinkle 7s ease-in-out infinite alternate}
@keyframes twinkle {0%,20%{opacity:.09;transform:scale(.7)}70%{opacity:.55;transform:scale(1)}100%{opacity:.2;transform:scale(.8)}}
.motion-paused .star {animation-play-state:paused!important}
.hero-content {position:relative; text-align:center; padding-top:178px}
.hero .eyebrow {justify-content:center; font-size:10px; letter-spacing:.22em}
.hero .eyebrow::after {content:''; height:1px; width:18px; background:currentColor}
.hero h1 {font-size:clamp(46px,6.1vw,87px); font-weight:600; line-height:1.09; letter-spacing:-.035em; margin:28px auto 23px; max-width:1100px}
.hero h1 span {display:block}
.hero h1 .hero-line-2 {color:#e3e7e6}
.hero-description {max-width:575px; margin:0 auto; color:#c5cbcd; font-size:16px; line-height:1.85; letter-spacing:.006em}
.hero .btn-row {justify-content:center; margin-top:32px; gap:25px}
.hero .btn {font-size:11px}
.hero .btn-text {color:#dce0df}
.hero-aside {position:absolute; top:56%; font:9px/1.6 var(--mono); color:#89969c; letter-spacing:.15em; writing-mode:vertical-rl; text-transform:uppercase}
.hero-aside.left {left:28px; transform:rotate(180deg)}
.hero-aside.right {right:28px}
.hero-bottom {position:absolute; bottom:33px; left:0; right:0; display:flex; justify-content:space-between; align-items:end}
.hero-reference {font:9px/1.8 var(--mono); color:#8c969c; letter-spacing:.11em; text-transform:uppercase}
.hero-reference strong {font-weight:400; color:#c5c6c7; display:block; margin-bottom:6px}
.scroll-control {position:absolute; left:50%; bottom:27px; transform:translateX(-50%); display:grid; justify-items:center; gap:11px; font:8px/1.4 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:#aeb6b8; padding:8px}
.scroll-control svg {width:43px; height:50px; color:var(--signal); transition:transform .25s}
.scroll-control:hover svg {transform:translateY(4px)}
.motion-toggle {display:flex; align-items:center; gap:10px; background:transparent; border:0; padding:10px 0 0 10px; color:#aeb6b8; font:9px/1.4 var(--mono); letter-spacing:.045em}
.motion-toggle .icon {width:13px; height:13px}
.motion-toggle:hover {color:var(--signal)}
.motion-toggle {min-height:44px}
/* Orientation strip */
.orientation {border-bottom:1px solid var(--line); position:relative}
.orientation-inner {display:grid; grid-template-columns:repeat(3,1fr); padding-block:27px}
.orientation-item {display:flex; align-items:center; justify-content:center; gap:16px; padding:4px 16px; border-right:1px solid var(--line)}
.orientation-item:first-child {justify-content:flex-start; padding-left:0}
.orientation-item:last-child {justify-content:flex-end; border:0; padding-right:0}
.orientation-item .icon {width:20px; height:20px; color:var(--signal)}
.orientation-item span {font:10px/1.5 var(--mono); letter-spacing:.045em; color:#b8c0c4}
/* The premise */
.premise {padding-block:112px 98px}
.section-topline {display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:31px}
.premise-grid {display:grid; grid-template-columns:1.05fr 1fr; gap:100px; align-items:start}
.premise h2 {font-size:clamp(36px,3.55vw,51px)}
.premise-copy {padding-top:4px}
.premise-copy p+p {margin-top:18px}
.premise .source-link {margin-top:19px}
.small-statement {margin-top:47px; display:flex; align-items:center; gap:17px; color:#d7ddd9; font-size:13px; letter-spacing:.005em}
.small-statement::before {content:''; height:26px; width:2px; background:var(--signal); flex-shrink:0}
/* Four layers */
.architecture {padding-block:94px 74px; background:linear-gradient(130deg,#11171d,#0e1218); border-block:1px solid var(--line)}
.architecture-heading {display:flex; justify-content:space-between; align-items:end; gap:65px; margin-top:24px; margin-bottom:48px}
.architecture-heading .body-copy {max-width:365px; font-size:14px; padding-bottom:4px}
.architecture-grid {display:grid; grid-template-columns:1fr 1.03fr; gap:76px; align-items:start}
.layer-list {border-top:1px solid var(--line)}
.layer {border-bottom:1px solid var(--line)}
.layer summary {display:flex; align-items:center; padding:24px 0; gap:20px; cursor:pointer; list-style:none}
.layer summary::-webkit-details-marker {display:none}
.layer-number {font:11px/1.4 var(--mono); letter-spacing:.06em; color:var(--quiet); width:23px; flex-shrink:0}
.layer-heading {font-size:18px; font-weight:500; line-height:1.3; flex:1}
.layer summary .expand {width:18px; height:18px; position:relative; flex-shrink:0}
.expand::before,.expand::after {content:''; position:absolute; left:3px; top:8px; width:12px; height:1px; background:#8b969d; transition:transform .2s}
.expand::after {transform:rotate(90deg)}
.layer[open] .expand::after {transform:rotate(0)}
.layer[open] .layer-number,.layer[open] .layer-heading {color:var(--signal)}
.layer-content {padding:0 26px 24px 43px}
.layer-content p {font-size:13px; line-height:1.85; color:var(--muted)}
.layer-controls {margin-top:16px; display:flex; flex-direction:column; gap:9px}
.layer-controls li {display:flex; gap:10px; align-items:baseline; color:#a3afb5; font-size:11px; line-height:1.6}
.layer-controls li::before {content:''; flex-shrink:0; height:4px; width:4px; background:var(--signal); transform:translateY(-2px)}
.layer-content .source-link {margin-top:14px; font-size:9px}
.containment-figure {margin-top:0; border:1px solid var(--line); background:radial-gradient(ellipse at 50% 44%,rgba(31,40,51,.58),transparent 70%),linear-gradient(0deg,rgba(69,162,158,.016),rgba(69,162,158,.016)); position:relative; overflow:hidden}
.figure-heading {padding:19px 22px; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); font:9px/1.5 var(--mono); letter-spacing:.1em; color:var(--quiet)}
.figure-heading span:first-child {color:var(--muted)}
.layer-schematic {width:100%; height:auto; display:block; padding:8px 10px 0}
.schematic-ring {fill:rgba(11,12,16,.08); stroke:#35434e; stroke-width:1; transition:stroke .35s,fill .35s; vector-effect:non-scaling-stroke}
.schematic-ring.is-active {stroke:var(--signal); fill:rgba(248,231,28,.025)}
.schematic-layer-text {fill:#84939b; font-size:10px; font-family:var(--mono); letter-spacing:.5px; transition:fill .35s}
.schematic-layer-text.is-active {fill:var(--signal)}
.schematic-anchor {fill:#141c23; stroke:#52616b; stroke-width:1}
.schematic-anchor.is-active {fill:var(--signal); stroke:var(--signal)}
.figure-active {border-top:1px solid var(--line); margin:0 22px; padding:19px 0; display:flex; align-items:center; justify-content:space-between; gap:15px}
.figure-active span:first-child {font:9px/1.5 var(--mono); color:var(--quiet); letter-spacing:.13em}
.figure-active strong {font-size:11px; font-weight:400; color:var(--signal)}
.containment-figure figcaption {padding:0 22px 18px; font:9px/1.7 var(--mono); color:var(--quiet)}
.crosscut {margin-top:37px; display:flex; gap:35px; justify-content:space-between; border-top:1px solid var(--line); padding-top:24px}
.crosscut-label {font:9px/1.7 var(--mono); color:var(--quiet); letter-spacing:.12em; text-transform:uppercase; flex-shrink:0}
.crosscut-items {display:flex; flex-wrap:wrap; column-gap:26px; row-gap:9px; color:#b0bac0; font-size:11px}
.crosscut-items span {display:flex; gap:10px; align-items:center}
.crosscut-items span::before {content:'+'; color:var(--signal); font-family:var(--mono)}
/* Operators */
.operators {padding-block:105px}
.operators-grid {display:grid; grid-template-columns:1.03fr 1fr; gap:98px}
.operators h2 {margin-top:24px}
.operators .intro .body-copy {font-size:14px; margin-top:27px; max-width:420px}
.operators .source-link {margin-top:20px}
.human-principle {padding-top:30px; margin-top:34px; border-top:1px solid var(--line); display:flex; align-items:center; gap:15px; color:#d3d7d6; font:10px/1.7 var(--mono); letter-spacing:.04em}
.human-principle .icon {color:var(--signal); width:24px; height:24px}
.operator-item {display:grid; grid-template-columns:32px 1fr; gap:20px; border-top:1px solid var(--line); padding:24px 0}
.operator-item:last-child {border-bottom:1px solid var(--line)}
.operator-item .operator-num {font:10px/1.5 var(--mono); color:var(--signal); padding-top:4px}
.operator-item h3 {font-size:17px; font-weight:500; line-height:1.4; margin-bottom:8px}
.operator-item p {font-size:12px; line-height:1.8; color:var(--muted)}
/* Three gates */
.governance {padding:88px 0 77px; background:#10151b; border-block:1px solid var(--line)}
.governance-head {display:flex; align-items:end; justify-content:space-between; gap:55px; margin-top:23px}
.governance-head .body-copy {font-size:13px; max-width:355px; padding-bottom:5px}
.gates {display:grid; grid-template-columns:repeat(3,1fr); margin-top:45px; border:1px solid var(--line)}
.gate {padding:30px 31px 29px; position:relative; border-right:1px solid var(--line)}
.gate:last-child {border:0}
.gate-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:28px}
.gate-top span {font:10px/1.5 var(--mono); color:var(--signal); letter-spacing:.13em}
.gate-top .icon {width:23px; height:23px; color:#819298}
.gate h3 {font-size:19px; font-weight:500; margin-bottom:14px; line-height:1.3}
.gate p {font-size:12px; line-height:1.85; color:#b0bac1}
.gate-arrow {position:absolute; right:-14px; top:42px; width:28px; height:28px; background:#10151b; display:grid; place-items:center; z-index:1; color:var(--signal)}
.gate-arrow .icon {width:15px; height:15px}
.gate-bottom {display:flex; justify-content:space-between; align-items:baseline; gap:30px; padding-top:22px}
.gate-rule {display:flex; align-items:baseline; gap:10px; font-size:10px; line-height:1.7; color:var(--quiet)}
.gate-rule::before {content:''; width:5px; height:5px; border:1px solid var(--signal); flex-shrink:0}
.gate-bottom .source-link {flex-shrink:0; font-size:9px}
/* Research */
.research {padding:105px 0 95px}
.research-layout {display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; align-items:center}
.publication-preview {padding:40px 50px 0; border:1px solid var(--line); position:relative; height:493px; background:linear-gradient(160deg,#1d2932,#111820 65%); overflow:hidden}
.publication-preview::before {content:''; position:absolute; width:310px; height:310px; border:1px solid rgba(197,198,199,.055); transform:rotate(45deg); top:50px; left:61px}
.paper-preview-link {display:block; position:relative; z-index:1; box-shadow:0 15px 70px #03070aa8; transform:rotate(-4deg); transition:transform .3s; width:100%}
.paper-preview-link:hover {transform:rotate(-2deg) translateY(-3px)}
.paper-preview-link img {width:100%; height:auto; display:block}
.publication-caption {position:absolute; bottom:0; left:0; right:0; background:linear-gradient(180deg,transparent,#121b23 37%); padding:75px 24px 22px; z-index:3; pointer-events:none; display:flex; justify-content:space-between; color:#b9c4c9; font:9px/1.4 var(--mono); letter-spacing:.1em}
.publication-caption span:last-child {color:var(--signal)}
.research h2 {margin-top:23px; font-size:clamp(34px,3.45vw,48px); line-height:1.12; letter-spacing:-.04em}
.paper-subtitle {font-size:17px; color:var(--muted); margin-top:18px; line-height:1.6; max-width:490px}
.research-meta {display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--line); padding:21px 0; margin:27px 0 27px; gap:12px}
.research-meta dt {font:9px/1.5 var(--mono); letter-spacing:.12em; color:var(--quiet); text-transform:uppercase; margin-bottom:5px}
.research-meta dd {margin:0; font-size:12px; color:#d3d9da}
.research .btn-row {gap:17px}
.research .btn {font-size:11px; gap:21px}
.research-note {color:var(--quiet); font-size:10px; line-height:1.7; margin-top:17px}
/* Questions */
.questions {padding:0 0 94px}
.questions-grid {display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; border-top:1px solid var(--line); padding-top:54px}
.questions h2 {font-size:31px; letter-spacing:-.035em; margin-top:19px}
.faq {border-bottom:1px solid var(--line)}
.faq summary {list-style:none; display:flex; align-items:center; justify-content:space-between; gap:24px; cursor:pointer; padding:18px 0; font-size:13px; line-height:1.6}
.faq:first-child summary {padding-top:0}
.faq summary::-webkit-details-marker {display:none}
.faq summary .expand {width:18px; height:18px; position:relative; flex-shrink:0}
.faq[open] .expand::after {transform:rotate(0)}
.faq[open] summary {color:var(--signal)}
.faq p {font-size:12px; line-height:1.85; color:var(--muted); margin:0 30px 19px 0}
.faq p a {color:#c5cbca; border-bottom:1px solid #718386}
/* Last call */
.closing {padding:87px 0 82px; border-top:1px solid var(--line); position:relative; isolation:isolate; background:#101920; overflow:hidden}
.closing::before {content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(11,12,16,.90),rgba(11,12,16,.42),rgba(11,12,16,.70)),var(--desert-image); background-position:center,center 65%; background-size:cover; opacity:.62}
.closing .wrap {display:flex; align-items:center; justify-content:space-between; gap:80px}
.closing h2 {font-size:clamp(34px,4.2vw,59px); line-height:1.13; letter-spacing:-.045em; margin-top:20px}
.closing h2 span {color:var(--signal)}
.closing-right {max-width:340px}
.closing-right p {font-size:13px; line-height:1.8; color:var(--muted); margin-bottom:25px}
.closing .btn {font-size:11px}
/* Footer */
.site-footer {padding:38px 0 26px; border-top:1px solid var(--line)}
.footer-top {display:flex; align-items:center; justify-content:space-between; gap:40px}
.site-footer .brand-mark {width:26px; height:30px}
.site-footer .brand-name {font-size:12px}
.footer-nav {display:flex; gap:26px; color:var(--quiet); font-size:10px}
.footer-nav a:hover {color:var(--signal)}
.footer-bottom {padding-top:30px; margin-top:29px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:start; gap:55px; font-size:9px; color:var(--quiet); line-height:1.8}
.footer-bottom p:last-child {max-width:490px; text-align:right}
/* Embedded original paper */
.paper-dialog {border:1px solid #3b4650; padding:0; max-width:1100px; width:calc(100vw - 56px); height:calc(100dvh - 60px); max-height:950px; background:#14191f; color:var(--white); overflow:hidden}
.paper-dialog::backdrop {background:rgba(0,0,0,.82); backdrop-filter:blur(6px)}
.dialog-toolbar {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; border-bottom:1px solid var(--line); height:76px}
.dialog-title {font-size:14px; line-height:1.5}
.dialog-title small {display:block; font:9px/1.8 var(--mono); color:var(--quiet); margin-top:3px}
.dialog-actions {display:flex; gap:14px; align-items:center}
.dialog-actions a {font-size:10px; color:var(--signal); padding:7px; white-space:nowrap}
.dialog-close {display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--line); background:transparent}
.dialog-close:hover {border-color:var(--signal)}
.paper-frame {display:block; border:0; width:100%; height:calc(100% - 115px); background:#343639}
.dialog-fallback {font-size:10px; color:var(--quiet); padding:8px 20px; height:39px}
.dialog-fallback a {color:var(--signal); border-bottom:1px solid rgba(248,231,28,.3)}
/* Responsive */
@media(min-width:1600px){.hero{height:960px}.hero-content{padding-top:198px}.hero h1{font-size:94px}}
@media(max-width:1160px){
 .wrap{width:calc(100% - 80px)}.desktop-nav{gap:21px}.desktop-nav>a:not(.btn){font-size:10px}
 .hero{height:850px}.hero-content{padding-top:180px}.hero h1{font-size:6.2vw}
 .premise-grid,.operators-grid{gap:60px}.architecture-grid{gap:42px}.architecture-heading{gap:40px}
 .research-layout,.questions-grid{gap:65px}.publication-preview{padding:38px 35px 0;height:475px}
 .crosscut{gap:30px}.crosscut-items{column-gap:18px;font-size:10px}
 .hero-aside{display:none}.gate{padding:27px 24px}.gate h3{font-size:17px}
}
@media(max-width:900px){
 .wrap{width:calc(100% - 56px)}.header-inner{height:78px}.desktop-nav{gap:20px}.desktop-nav .nav-operators{display:none}
 .hero{height:810px;min-height:0}.hero-content{padding-top:173px}.hero h1{font-size:6.8vw;line-height:1.15}.hero-description{font-size:15px;max-width:535px}
 .orientation-item{gap:11px}.orientation-item span{font-size:9px}.orientation-item .icon{width:18px}
 .premise{padding-block:84px}.premise-grid{gap:45px}.premise h2{font-size:38px}.body-copy{font-size:14px}.small-statement{font-size:11px}
 .architecture{padding-block:77px 58px}.architecture-heading .body-copy{max-width:290px;font-size:12px}.architecture-heading{gap:35px}
 .section-title{font-size:42px}.architecture-grid{gap:32px;grid-template-columns:1fr 1fr}.layer-heading{font-size:15px}.layer summary{gap:13px;padding:21px 0}.layer-content{padding-left:36px;padding-right:4px}.layer-content p{font-size:12px}.layer-controls li{font-size:10px}.figure-heading{font-size:8px;padding:15px}.figure-active{margin-inline:15px;gap:12px;flex-wrap:wrap}.figure-active strong{font-size:10px}.containment-figure figcaption{padding-inline:15px;font-size:8px}
 .crosscut{flex-direction:column;gap:11px}.crosscut-items{font-size:10px;column-gap:28px}
 .operators{padding-block:82px}.operators-grid{gap:47px}.operators .intro .body-copy{font-size:12px}.operator-item{gap:10px;padding-block:21px}.operator-item h3{font-size:15px}.operator-item p{font-size:11px}
 .governance{padding-block:72px 61px}.governance-head .body-copy{font-size:12px;max-width:300px}.gate{padding:25px 18px}.gate h3{font-size:16px}.gate p{font-size:11px}.gate-bottom{gap:20px}
 .research{padding-block:82px}.research-layout{gap:45px;grid-template-columns:.8fr 1.2fr}.publication-preview{height:440px;padding:34px 26px 0}.research h2{font-size:34px}.paper-subtitle{font-size:15px}.research .btn-row{gap:9px}.research .btn{font-size:10px;padding:12px 16px;gap:14px}
 .questions{padding-bottom:75px}.questions-grid{gap:45px;grid-template-columns:.8fr 1.2fr}.closing{padding-block:73px}.closing .wrap{gap:55px}.closing-right{max-width:280px}
}
@media(max-width:700px){
 html{scroll-padding-top:25px}.wrap{width:calc(100% - 44px)}
 .desktop-nav{display:none}.menu-toggle{display:flex}.header-inner{height:76px}.brand-name{font-size:13px}.brand-mark{width:28px;height:33px}
 .hero{height:850px}.hero-photo{object-position:50% 58%;width:100%;height:100%}
 .hero-content{padding-top:162px}.hero .eyebrow{font-size:8px;letter-spacing:.12em;gap:8px}.hero .eyebrow::before,.hero .eyebrow::after{width:12px}
 .hero h1{font-size:clamp(34px,8.3vw,54px);line-height:1.16;letter-spacing:-.04em;margin:29px auto 23px}
 .hero-description{font-size:13px;max-width:400px;line-height:1.85;padding-inline:3px}
 .hero .btn-row{gap:14px;margin-top:30px}.hero .btn{min-height:48px;padding:13px 16px;font-size:10px;gap:15px}.hero .btn-text{padding-inline:6px}
 .hero-bottom{bottom:22px}.hero-reference{font-size:7px;line-height:1.9;letter-spacing:.07em}.hero-reference strong{margin-bottom:5px}.hero-reference .reference-extra{display:none}.motion-toggle{font-size:8px;gap:6px}.scroll-control{bottom:81px;font-size:7px;gap:11px}.scroll-control svg{width:38px;height:44px}
 .orientation-inner{grid-template-columns:1fr;padding-block:7px}.orientation-item,.orientation-item:first-child,.orientation-item:last-child{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);padding:16px 0;gap:14px}.orientation-item:last-child{border-bottom:0}.orientation-item span{font-size:10px}.orientation-item .icon{width:18px;height:18px}
 .eyebrow{font-size:9px;letter-spacing:.15em}.section-kicker{font-size:8px}.section-topline{margin-bottom:25px}
 .section-title{font-size:39px}.premise{padding-block:68px}.premise-grid{grid-template-columns:1fr;gap:28px}.premise h2{font-size:39px}.premise-copy{padding:0}.body-copy{font-size:14px}.premise-copy p+p{margin-top:17px}.small-statement{margin-top:30px;font-size:12px;line-height:1.6}.premise .source-link{margin-top:15px}
 .architecture{padding-block:67px 49px}.architecture-heading{display:block;margin:23px 0 32px}.architecture-heading .body-copy{font-size:13px;max-width:450px;margin-top:24px}.architecture-grid{grid-template-columns:1fr;gap:32px}.layer-heading{font-size:17px}.layer summary{padding-block:23px;gap:18px}.layer-content{padding-left:41px;padding-right:16px;padding-bottom:25px}.layer-content p{font-size:13px}.layer-controls li{font-size:11px}.layer-content .source-link{font-size:9px}.containment-figure{width:100%;max-width:500px;justify-self:center}.figure-heading{font-size:9px;padding:16px 20px}.layer-schematic{max-height:382px}.figure-active{margin:0 20px;padding-block:17px;flex-wrap:nowrap}.figure-active strong{font-size:11px}.containment-figure figcaption{font-size:9px;padding-inline:20px}.crosscut{margin-top:28px}.crosscut-items{flex-direction:column;gap:11px;font-size:11px}
 .operators{padding-block:68px}.operators-grid{grid-template-columns:1fr;gap:39px}.operators .intro .body-copy{font-size:13px;max-width:100%;margin-top:23px}.operators .source-link{margin-top:15px}.human-principle{margin-top:26px;padding-top:24px;font-size:10px}.operator-item{gap:17px;padding-block:23px}.operator-item h3{font-size:17px}.operator-item p{font-size:12px;line-height:1.85}
 .governance{padding-block:66px 50px}.governance-head{display:block}.governance-head .body-copy{max-width:100%;margin-top:23px;font-size:13px}.gates{grid-template-columns:1fr;margin-top:31px}.gate{padding:26px 27px;border-right:0;border-bottom:1px solid var(--line)}.gate-top{margin-bottom:20px}.gate h3{font-size:20px}.gate p{font-size:12px}.gate-arrow{top:auto;bottom:-14px;right:28px;transform:rotate(90deg)}.gate-bottom{flex-direction:column;gap:15px;padding-top:20px}.gate-rule{font-size:10px}
 .research{padding:67px 0 55px}.research-layout{grid-template-columns:1fr;gap:38px}.publication-preview{grid-row:2;width:100%;height:425px;padding:33px 62px 0}.paper-preview-link{max-width:280px;margin:auto}.publication-caption{padding-inline:22px}.research h2{font-size:38px}.paper-subtitle{font-size:16px}.research-meta{margin-block:24px;gap:25px}.research .btn-row{gap:13px}.research .btn{font-size:11px;padding:14px 17px;gap:20px}.research-note{font-size:10px}
 .questions{padding-bottom:64px}.questions-grid{grid-template-columns:1fr;gap:29px;padding-top:37px}.questions h2{font-size:33px}.faq summary{font-size:13px;padding-block:19px}.faq p{font-size:12px}.faq:first-child summary{padding-top:4px}
 .closing{padding-block:64px 57px}.closing .wrap{display:block}.closing h2{font-size:43px}.closing-right{max-width:100%;margin-top:29px}.closing-right p{font-size:13px;max-width:380px}.closing .btn{font-size:11px}.closing::before{background-position:center,52% 63%}
 .site-footer{padding-top:30px}.footer-top{align-items:start;gap:20px}.footer-nav{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px;font-size:9px}.site-footer .brand-name{font-size:10px;letter-spacing:.12em}.site-footer .brand-mark{width:24px;height:27px}.site-footer .brand{gap:9px}.footer-bottom{display:block;font-size:9px;padding-top:22px;margin-top:27px}.footer-bottom p:last-child{text-align:left;max-width:none;margin-top:15px}
 .paper-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none}.dialog-toolbar{padding:12px;height:78px;gap:10px}.dialog-title{font-size:11px}.dialog-title small{font-size:8px;max-width:180px}.dialog-actions{gap:5px}.dialog-actions a{font-size:9px}.dialog-close{width:33px;height:33px}.dialog-fallback{height:44px;font-size:9px;padding:8px 12px}.paper-frame{height:calc(100% - 122px)}
}
@media(max-width:370px){.wrap{width:calc(100% - 34px)}.hero h1{font-size:8.2vw}.hero .eyebrow{font-size:7px}.hero .btn-row{gap:9px}.hero .btn{font-size:9px;padding:12px 12px;gap:12px}.section-title,.premise h2{font-size:35px}.research h2{font-size:34px}.figure-active{flex-wrap:wrap}.publication-preview{padding-inline:40px}.footer-top{flex-direction:column;gap:25px}.footer-nav{display:flex;gap:18px}.closing h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.hero-stars,.motion-toggle,.scroll-control,.read-progress,.paper-dialog{display:none!important}body{background:white;color:black}.hero{height:auto;min-height:0;padding:50px 0}.hero-photo,.hero::before,.hero::after{display:none}.hero-content{padding:0}.hero h1,.hero h1 .hero-line-2{color:black}.hero-bottom{display:none}.wrap{width:100%}.section-title{font-size:28px}.premise,.architecture,.operators,.governance,.research,.questions,.closing{padding:30px 20px;background:white!important}.body-copy,.layer-content p,.operator-item p,.gate p{color:#333}.architecture-grid,.research-layout{grid-template-columns:1fr 1fr;gap:20px}.layer-content{display:block!important}.btn{color:black;border-color:black;background:white}.source-link{color:#333}.closing::before{display:none}}

:root{--desert-image:url("assets/desert-explorer.jpg")}
@media print {.hero-motion {display:none!important}}

/* Readable hosted edition, preserving the original composition and color system. */
@media screen {
 .body-copy,.hero-description,.architecture-heading .body-copy,
 .layer-content p,.operators .intro .body-copy,.operator-item p,
 .governance-head .body-copy,.gate p,.faq p,.closing-right p {font-size:1rem}
 .btn,.hero .btn,.research .btn,.closing .btn,.nav-cta,
 .desktop-nav>a:not(.btn),.mobile-nav a,.orientation-item span,
 .layer-controls li,.crosscut-items,.small-statement,.research-meta dd,
 .faq summary,.footer-nav,.dialog-title,.dialog-actions a,.dialog-fallback {font-size:.875rem}
 .eyebrow,.hero .eyebrow,.section-kicker,.source-link,.layer-content .source-link,
 .gate-bottom .source-link,.hero-reference,.scroll-control,.motion-toggle,
 .layer-number,.figure-heading,.figure-active span:first-child,.figure-active strong,
 .containment-figure figcaption,.crosscut-label,.human-principle,
 .operator-item .operator-num,.gate-top span,.gate-rule,.publication-caption,
 .research-meta dt,.research-note,.footer-bottom,.dialog-title small {font-size:.75rem}
 .figure-active,.figure-heading,.section-topline,.hero-bottom,.footer-top {flex-wrap:wrap}
 .source-link {overflow-wrap:anywhere}
 .desktop-nav {gap:24px}
 .dialog-close {width:44px;height:44px;flex-shrink:0}
 .paper-dialog[open] {display:flex;flex-direction:column}
 .dialog-toolbar {height:auto;min-height:76px;flex-shrink:0;flex-wrap:wrap}
 .paper-frame {flex:1;min-height:0;height:auto}
 .dialog-fallback {height:auto;flex-shrink:0}
}
@media screen and (max-width:1100px) {
 .desktop-nav {display:none}
 .menu-toggle {display:flex}
 .orientation-item {align-items:flex-start}
 .architecture-grid {grid-template-columns:1fr}
 .containment-figure {max-width:620px;width:100%;justify-self:center}
 .gate-bottom {flex-wrap:wrap}
}
@media screen and (max-width:700px) {
 .hero .eyebrow {letter-spacing:.1em}
 .hero-description {max-width:400px}
 .hero .btn-row {gap:12px}
 .hero-reference {max-width:64%;letter-spacing:.025em}
 .hero-bottom {align-items:end}
 .scroll-control {bottom:110px}
 .figure-active {flex-wrap:wrap}
 .figure-heading {gap:10px}
 .footer-top {flex-direction:column}
 .dialog-toolbar {gap:10px}
 .dialog-title small {max-width:none}
 .hero-aside {display:none}
}