.d2-ex .ex-main{background:var(--abyss)}.ex{position:relative;height:calc(100svh - 99px);min-height:560px;overflow:hidden;background:var(--abyss)}.ex-field,.ex-gl,.ex-leaders,.ex-labels{position:absolute;inset:0;width:100%;height:100%;display:block}.ex-gl{opacity:0;transition:opacity 1s ease}.ex.on .ex-gl{opacity:1}.ex-leaders,.ex-labels{pointer-events:none}.ex-leaders line,.ex-leaders polyline{stroke:#cfe6ee4d;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.ex-leaders circle{fill:none;stroke:var(--ink2);stroke-width:1}.ex-leaders .warm{stroke:#f0c27a99}.ex-leaders .tick{stroke:#cfe6ee80}.lab{position:absolute;white-space:nowrap;font:400 12px/1.35 var(--sans);color:var(--ink2);transition:opacity .5s;text-shadow:0 0 2px #000,0 0 6px #000,0 0 12px rgba(0,0,0,.9)}.lab b{display:block;font:500 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:2px}.lab.r{transform:translateY(-50%)}.lab.l{transform:translate(-100%,-50%);text-align:right}.lab.warm b{color:var(--honey)}.lab.scale{font:400 16px/1 var(--serif);color:var(--ink)}.lab.scale small{font:400 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-left:6px}.ex-load{position:absolute;z-index:3;left:var(--g);bottom:96px;margin:0;display:flex;gap:10px;align-items:center;font:400 11.5px/1.4 var(--mono);color:var(--ink2);transition:opacity .6s;max-width:min(460px,calc(100% - 2 * var(--g)))}.ex-load-dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--c1);animation:expulse 1.4s ease-in-out infinite;flex:none}.ex-load.done{opacity:0;pointer-events:none}.ex-load.err{color:var(--ink);background:var(--glass-hi);border:1px solid var(--rule2);padding:10px 14px;border-radius:6px}.ex-load.err .ex-load-dot{animation:none;border-color:var(--proof)}@keyframes expulse{50%{opacity:.3}}.ex-intro{position:absolute;z-index:2;left:var(--g);top:40px;max-width:420px;transition:opacity .6s}.ex-intro .kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px}.ex-intro .kicker .kn{color:var(--c1)}.ex-intro .kicker:before{content:"";width:18px;height:1px;background:var(--c1)}.ex-intro h1{font:300 clamp(34px,3.6vw,52px)/1 var(--display);letter-spacing:-.032em;margin:0 0 16px}.ex-thesis{font:var(--t-lede);color:var(--ink2);margin:0 0 12px;max-width:24em}.ex-prov{font:400 11.5px/1.5 var(--mono);color:var(--ink3);margin:0;max-width:34em}.ex-prov.is-reh{color:var(--reh)}body.inspecting .ex-intro,body.view-explode .ex-intro,body.view-macro .ex-intro{opacity:0;pointer-events:none}.ex-instrument{position:absolute;z-index:2;right:var(--g);bottom:96px;text-align:right;font:400 10.5px/1.5 var(--mono);color:var(--ink3)}#focal{opacity:0;transition:opacity .5s}body.view-macro #focal{opacity:1}#focal .fp{display:inline-flex;align-items:center;gap:10px}#focal .bar{width:120px;height:9px;position:relative;border-left:1px solid var(--rule2);border-right:1px solid var(--rule2)}#focal .bar:before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--rule2)}#focal .bar i{position:absolute;top:0;width:1px;height:9px;background:var(--ink)}#focal div+div{margin-top:6px}.ex-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;gap:28px;padding:18px var(--g) 18px;background:linear-gradient(to bottom,#02060700,#020607db 38%,#020607f0)}.ex-controls .grp{display:flex;align-items:center;gap:2px}.ex-controls .grp:before{font:500 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-right:10px}#views:before{content:"View"}#genes:before{content:"Genes"}#modes:before{content:"State"}.ex-controls button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid transparent;background:none;color:var(--ink2);font:400 13px/1 var(--sans);cursor:pointer;transition:color .2s,background .2s,border-color .2s;display:inline-flex;align-items:center;gap:6px}.ex-controls button:hover{color:var(--ink)}.ex-controls button[aria-pressed=true]{color:var(--ink);background:#a0d6da1a;border-color:var(--rule2)}#genes button{font:500 10.5px/1 var(--mono);letter-spacing:.1em}#modes button[data-mode=rehearsal][aria-pressed=true]{color:var(--reh);background:#e8c77e1a;border-color:#e8c77e59}#modes button:disabled{color:var(--ink3);cursor:not-allowed}#modes button small{font:400 9.5px/1 var(--mono);color:var(--ink3)}.amb{margin-left:auto;gap:14px!important}.amb:before{content:none!important}#amb i{display:inline-block;width:7px;height:7px;border-radius:50%;border:1px solid var(--ink2)}#amb[aria-pressed=true] i{background:conic-gradient(var(--c1) 0 120deg,var(--c2) 0 240deg,var(--c3) 0);border-color:transparent}.legend{font:var(--t-cap);color:var(--ink3);white-space:nowrap}@media(max-width:1520px){.legend{display:none}}.ex-panel{position:absolute;z-index:2;right:var(--g);top:32px;width:370px;max-height:calc(100% - 140px);overflow:auto;scrollbar-width:none;padding:22px 24px 18px;background:#04090bd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--rule);border-radius:8px}.ex-panel[hidden]{display:none}.ex-panel .k{font:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink3)}.ex-panel h2{margin:6px 0 12px;font:300 34px/1 var(--display);letter-spacing:-.02em}.ex-panel p{margin:0 0 12px;font:400 15.5px/1.5 var(--sans);color:#d2dddc}.ex-panel p.cap{font:400 13.5px/1.55 var(--sans);color:var(--ink2)}.ex-panel .close{position:absolute;right:18px;top:18px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--rule2);background:none;color:var(--ink2);font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.ex-panel .close:hover{color:var(--ink);border-color:var(--ink2)}.steps{list-style:none;margin:16px 0 14px;padding:0;border-top:1px solid var(--rule)}.steps li{border-bottom:1px solid var(--rule)}.steps button{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:baseline;gap:8px;padding:11px 0;text-align:left;background:none;border:0;color:var(--ink3);cursor:pointer;font:inherit;min-height:44px}.steps button .n{font:italic 400 15px/1 var(--serif)}.steps button .t{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.steps button .tag{font:400 10.5px/1 var(--mono);color:var(--ink3)}.steps button .tag.rec{color:var(--honey)}.steps button[aria-pressed=true]{color:var(--ink)}.steps button[aria-pressed=true] .n{color:var(--c1)}.steps button:hover{color:var(--ink)}.stagebox{min-height:96px}.stagebox .tagline{font:500 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:var(--ink3)}.stagebox .tagline.rec{color:var(--honey)}.ex-panel details{margin-top:8px;border-top:1px solid var(--rule);padding-top:10px}.ex-panel summary{cursor:pointer;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);list-style:none;min-height:32px;display:flex;align-items:center}.ex-panel summary:before{content:"+";width:16px;color:var(--ink3)}.ex-panel details[open] summary:before{content:"−"}dl.tech{display:grid;grid-template-columns:104px 1fr;gap:6px 12px;margin:10px 0 0;font:400 12.5px/1.45 var(--sans)}dl.tech dt{color:var(--ink3);font:400 11px/1.6 var(--mono)}dl.tech dd{margin:0;color:var(--ink2)}.illus{font:500 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:12px}.ex-notes{background:var(--night);border-top:1px solid var(--rule)}.ex-notes-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;padding-top:56px;padding-bottom:64px}.ex-notes p{margin:0;color:var(--ink2);font-size:16px}.ex-notes .kicker{margin-bottom:10px;color:var(--ink)}.ex-more{grid-column:1 / -1;display:flex;gap:28px;flex-wrap:wrap}@media(max-width:1180px)and (min-width:761px)and (min-aspect-ratio:20/23){.legend{display:none}.ex-controls{gap:18px;flex-wrap:wrap}}@media(max-width:760px),(max-width:1100px)and (max-aspect-ratio:20/23){.ex{height:calc(100svh - 97px);min-height:600px}.ex-intro{top:18px;left:var(--g);right:var(--g)}.ex-intro h1{font-size:32px;margin-bottom:8px}.ex-thesis{font-size:16px}.ex-prov{display:none}.ex-controls{flex-wrap:wrap;gap:6px 10px;padding:26px var(--g) 12px}.ex-controls .grp:before{display:none}#genes{order:3;width:100%;justify-content:space-between}#genes button{padding:0 6px;font-size:9.5px;letter-spacing:.06em}.ex-controls button{min-height:44px;padding:0 10px;font-size:12.5px}#modes button small{display:none}.amb{margin-left:0}.legend{display:none}.ex-panel{inset:auto 0 128px;width:auto;max-height:46%;border-radius:0;border-left:0;border-right:0;padding:16px var(--g) 10px}.ex-panel h2{font-size:26px;margin:2px 0 6px}.ex-panel p{font-size:14.5px}.steps{margin:10px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:0;gap:4px}.steps li{border:0}.steps button{display:block;text-align:center;padding:8px 0 6px;border-top:1px solid var(--rule2);min-height:44px}.steps button[aria-pressed=true]{border-top-color:var(--c1)}.steps button .n{display:none}.steps button .t{font-size:9px;letter-spacing:.04em}.steps button .tag{display:block;font-size:8.5px;margin-top:3px}.ex-panel .close{right:var(--g);top:8px;min-height:44px}.ex-instrument{bottom:140px}.lab{font-size:11px}.ex-notes-in{grid-template-columns:1fr;padding-top:40px}}@media(prefers-reduced-motion:reduce){.ex-gl,.lab,.ex-intro,#focal{transition:none}.ex-load-dot{animation:none}}.ex.no-webgl .ex-controls,.ex.no-webgl .ex-instrument{display:none}.ex.no-webgl .ex-load{bottom:40px}