/* Calm monochrome technical drawing, anchored to the existing DNA joints. */
body[data-state=home] .rings,body[data-state=home] .field-grid,body[data-state=home] .horizon{display:none}
.technical-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body:not([data-state=home]) .technical-field{display:none}
.depth-fog{position:absolute;pointer-events:none}
.fog-upper{width:33%;height:28%;right:-10%;top:0;background:radial-gradient(ellipse at 80% 20%,#62666b4a, #a3a7a829 35%,transparent 70%);filter:blur(22px)}
.fog-lower{width:46%;height:24%;right:2%;bottom:4%;background:radial-gradient(ellipse at 70% 70%,#8b8f932b,transparent 65%);filter:blur(25px);transform:rotate(-12deg)}
.depth-grid{position:absolute;background-image:linear-gradient(#71777c16 1px,transparent 1px),linear-gradient(90deg,#71777c16 1px,transparent 1px);background-size:25px 25px;pointer-events:none}
.grid-near{width:18%;height:19%;right:30%;top:6%;mask-image:linear-gradient(135deg,#0009,transparent 80%)}
.grid-far{width:26%;height:18%;right:-3%;bottom:2%;background-size:41px 41px;mask-image:linear-gradient(20deg,transparent,#0009);filter:blur(.55px)}
.depth-rail{position:absolute;border-top:1px solid #9b9e9c42;height:70px;pointer-events:none}
.rail-upper{right:0;top:6%;width:25%;background:linear-gradient(110deg,transparent 10%,#a7aaab19 75%,#747a7c24);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
.rail-upper i{position:absolute;right:0;top:0;width:43%;height:3px;background:#6d737663}
.rail-lower{right:19%;bottom:10%;width:18%;height:37px;border-color:#93979933;background:linear-gradient(90deg,#aaacae13,transparent);transform:skewX(-20deg)}
.rail-lower i{display:block;width:32%;height:1px;background:#737b7770}
.depth-caption{position:absolute;font:7px/1.3 ui-monospace,monospace;letter-spacing:.18em;color:#80858a;opacity:.7}
.caption-upper{right:4%;top:8.5%}.caption-lower{right:7%;bottom:17%;display:flex;align-items:center;gap:12px}.caption-lower i{display:block;width:35px;height:1px;background:#969b9c}
.orbit-blueprint{position:absolute;right:-5%;top:50%;width:77%;height:auto;transform:translateY(-50%);fill:none;stroke:#777e80;stroke-width:.65;opacity:.4;mask-image:linear-gradient(120deg,transparent 20%,#0009 35%,transparent 53%,#000 72%,transparent 95%)}
.orbit-outer{opacity:.5}.orbit-ticks{opacity:.6;stroke-width:.7}.orbit-inner{opacity:.2}.orbit-guide{opacity:.25;stroke-width:.6}.orbit-motif{display:none}.field-register{display:none}
.dna-tethers{--joint:#3c5145!important;--light:#647367!important;--flare:transparent!important}
.dna-tethers .joint-light{display:none!important}
.dna-tethers .joint-tether{stroke:#899489;stroke-width:.7;opacity:.5;stroke-dasharray:none;transition:stroke .25s,opacity .25s}
.dna-tethers g.is-active .joint-tether{stroke:#485d4e;stroke-width:1;opacity:.9}
.dna-tethers .reticle-position path,.dna-tethers g.is-active .reticle-position path{stroke:#4c5a50;fill:none;stroke-width:.8;opacity:1;filter:none;transition:opacity .25s,stroke .25s}
.dna-tethers .reticle-position .scanner-center{fill:#f6f5efdd;stroke:#566c5a;stroke-width:1}
.dna-tethers g.is-active .reticle-position .scanner-center{fill:#465d4b;stroke:#465d4b}
.reticle-reveal{opacity:0;transform:scale(.55);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s}
.is-active .reticle-reveal{opacity:1;transform:scale(1)}
.dna-tethers g.is-active .reticle-position .scanner-arcs{stroke:#415347;stroke-width:1.05}
.dna-tethers g.is-active .reticle-position .scanner-ticks{opacity:.55;stroke-width:.65}
.dna-tethers .reticle-position .scanner-diamond{opacity:0}
.dna-tethers g.is-active .reticle-position .scanner-diamond{opacity:.18;stroke-width:.55}
.dna-tethers .reticle-position .scanner-brackets,.dna-tethers g.is-active .reticle-position .scanner-brackets{opacity:0}
.dna-tethers g.is-selected .reticle-position .scanner-brackets{opacity:.8;stroke-width:1}
.is-active .scanner-turn{animation:joint-orbit 9s linear infinite;transform-origin:0 0}
.is-selected .scanner-turn{animation:none;transform:rotate(30deg)}
.is-selected .reticle-reveal{opacity:1;transform:scale(1.1)}
@keyframes joint-orbit{to{transform:rotate(360deg)}}
body[data-motion-paused=true] .scanner-turn{animation-play-state:paused}
.dna-nav-label{color:#425648;text-shadow:0 1px 6px #f6f5ef}.dna-nav-label strong{transition:color .2s}.dna-nav-label .nav-arrow{display:none}.dna-nav-label:after{content:'+';position:absolute;right:17px;top:28px;font:13px/1 monospace;color:#728274;transition:transform .2s}.dna-nav-label:hover:after,.dna-nav-label:focus-visible:after{transform:rotate(90deg);color:#283b2c}.dna-nav-label[aria-expanded=true]:after{content:'−';transform:none}.dna-nav-label .nav-rule{background:linear-gradient(90deg,#88968a,#88968a10)}
body[data-state=home] .intro h1{color:#0b0e0b}
.dna-directory{background:linear-gradient(90deg,#f6f5effa 90%,#f6f5ef00)}

/* Warm accent is restricted to the selected or hovered physical joint. */
body{--node-accent:#955c36;--node-soft:#b78459}
body[data-accent=graphite]{--node-accent:#34494b;--node-soft:#758587}
.dna-tethers .reticle-position path,.dna-tethers g.is-active .reticle-position path{stroke-linecap:round;filter:drop-shadow(0 1px 1px #fffffff0)}
.dna-tethers .reticle-position .scanner-center{fill:#f6f5ef;stroke:#6e7d76;stroke-width:1.3}
.dna-tethers g.is-active .reticle-position .scanner-center{fill:var(--node-accent);stroke:#fff;stroke-width:1.1}
.dna-tethers g.is-active .reticle-position .scanner-inner{stroke:var(--node-accent);stroke-width:2.4;opacity:1}
.dna-tethers g.is-active .reticle-position .scanner-mid{stroke:var(--node-accent);stroke-width:1.6;opacity:.9}
.dna-tethers g.is-active .reticle-position .scanner-outer{stroke:var(--node-soft);stroke-width:1;opacity:.8}
.dna-tethers g.is-active .reticle-position .scanner-diamond{stroke:var(--node-accent);opacity:.65;stroke-width:.9}
.dna-tethers g.is-active .reticle-position .scanner-signal{stroke:var(--node-accent);stroke-width:1.1;opacity:.85}
.dna-tethers g.is-selected .reticle-position .scanner-brackets{stroke:var(--node-accent);opacity:.8}
.is-active .scanner-turn{animation:joint-orbit 12s linear infinite}
.is-active .scanner-counter{animation:joint-counter 18s linear infinite;transform-origin:0 0}
.is-selected .scanner-turn,.is-selected .scanner-counter{animation:none;transform:rotate(0deg)}
@keyframes joint-counter{to{transform:rotate(-360deg)}}
body[data-motion-paused=true] .scanner-counter{animation-play-state:paused}
@media(max-width:650px){.fog-upper{width:62%;height:20%;top:39%;right:-21%;filter:blur(15px)}.fog-lower{width:70%;height:15%;bottom:2%;right:-2%;filter:blur(17px)}.grid-near{top:43%;right:25%;width:35%;height:14%}.grid-far{width:47%;height:12%;right:-9%}.rail-upper{top:42%;width:35%;height:40px}.rail-lower{bottom:6%;right:27%;width:20%;height:20px}.depth-caption{display:none}.orbit-blueprint{width:155%;right:-35%;top:73%;opacity:.3}.dna-nav-label:after{top:19px;right:11px}.is-active .reticle-reveal{transform:scale(.8)}.is-selected .reticle-reveal{transform:scale(.86)}.dna-directory{background:#f6f5effa}}
@media(prefers-reduced-motion:reduce){.is-active .scanner-turn,.is-active .scanner-counter{animation:none}.reticle-reveal{transition:none}}