/* Observatory layout inspired by fruitflydev/flycoinrh (MIT). */
:root{color-scheme:dark;--bg:#050708;--panel:#080d0c;--ink:#e6eeed;--muted:#97aaa5;--line:#26332f;--green:#91e4b4;--dim:#769c86;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}button:disabled{cursor:default;opacity:.5}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:var(--green);color:#050708;z-index:10}.skip:focus{top:10px}.topbar{height:85px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2422}.brand{display:flex;align-items:center;gap:22px}.brand img{width:154px;height:auto}.brand span{font:9px var(--mono);letter-spacing:.15em;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.topbar nav{display:flex;align-items:center;gap:33px;font-size:12px}.topbar nav>a:not(.social):hover{color:var(--green)}.social{height:40px;width:40px;border:1px solid var(--line);display:grid;place-items:center}.social svg{height:16px;width:16px;fill:currentColor}.social[aria-disabled=true]{opacity:.5;cursor:default}
.specimen{height:660px;position:relative;overflow:hidden;background:#000;border-bottom:1px solid var(--line)}.spec-label{font:10px/1.8 var(--mono);letter-spacing:.12em;position:absolute;z-index:2}.spec-label span{display:block;color:#91a59e;font-size:9px;letter-spacing:.08em}.top-left{top:30px;left:4%}.top-right{top:30px;right:4%;text-align:right}.bottom-left{bottom:28px;left:4%}.bottom-right{bottom:28px;right:4%;text-align:right}.bottom-right:hover{color:var(--green)}.butterfly{position:absolute;width:555px;height:555px;object-fit:contain;top:-39px;left:50%;transform:translateX(-50%)}.hero-title{position:absolute;bottom:93px;left:0;right:0;text-align:center}.hero-title h1{margin:0 auto;width:min(73%,860px);line-height:1}.hero-title h1 img{width:100%;height:auto;display:block}.hero-title p{margin:20px 0 0;color:#b4c3be;font:14px var(--mono);letter-spacing:.08em}.manifesto{max-width:1370px;margin:auto;padding:39px 4%;display:grid;grid-template-columns:1fr 1.7fr 1fr;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.16em;color:var(--muted)}.manifesto p{font-size:24px;line-height:1.4;letter-spacing:-.025em;margin:0}.manifesto-note{font:10px/1.8 var(--mono);color:var(--muted);text-align:right}.section{max-width:1370px;padding:80px 4%;margin:auto;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:30px}h2{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:12px 0 14px}.section-head p,.model-copy>p{font-size:14px;color:var(--muted);max-width:640px;margin:0}.status{display:flex;align-items:center;gap:8px;flex-shrink:0;font:9px var(--mono);letter-spacing:.08em;color:var(--green);margin-bottom:5px}.status i{height:6px;width:6px;border-radius:50%;background:currentColor}.status.paused{color:var(--muted)}
.terminal{border:1px solid #30553f;background:#030a06;color:var(--green);font-family:var(--mono)}.terminal-bar{display:flex;align-items:center;gap:17px;background:#0a170f;border-bottom:1px solid #284e36;padding:13px 18px;font-size:10px;letter-spacing:.06em}.terminal-name{font-weight:600}.terminal-tag{font-size:8px;border:1px solid #365b43;padding:2px 6px;color:#94b5a0}.terminal-end{margin-left:auto;font-size:9px;color:#94b5a0}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 288px}.plot-panel{position:relative;min-width:0;display:flex;flex-direction:column;background:#020704}.plot-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:12px}.tabs{display:flex;gap:3px}.tabs button{border:1px solid transparent;background:transparent;color:#9cb5a5;font-size:10px;padding:7px 10px}.tabs button.active{background:#12291a;border-color:#355740;color:var(--green)}.plot-toolbar>span{font-size:8px;letter-spacing:.08em;color:#85a993}#trajectory{display:block;width:100%;height:415px;flex:1;min-height:330px}.plot-legend{padding:8px 20px;display:flex;gap:23px;align-items:center;font-size:8px;letter-spacing:.06em}.plot-legend>span{display:flex;align-items:center;gap:7px}.plot-legend i{width:16px;height:2px;display:inline-block;background:#9be9bb}.plot-legend .trace-b{background:#e5edea}.plot-legend .guide{margin-left:auto;color:#8aab97;font-size:7px}.plot-caption{padding:8px 20px;border-top:1px solid #1c3826;font-size:8px;color:#8aab97;min-height:31px}.telemetry{border-left:1px solid #284e36;background:#07110b}.metric{padding:17px 19px;border-bottom:1px solid #233c2b}.metric:last-child{border:0}.k{font-size:9px;letter-spacing:.1em;color:#9ab8a6;display:block}.metric strong{display:block;font-size:34px;font-weight:400;line-height:1.5;letter-spacing:-.06em}.sub{display:block;font-size:7px;letter-spacing:.055em;color:#8caf99}.metric strong.medium{font-size:24px;letter-spacing:0}.medium span{font-size:11px;color:#8caf99}.metric canvas{width:100%;height:42px;display:block;margin-top:12px}.axis-label{display:flex;justify-content:space-between;font-size:7px;color:#8caf99;line-height:1.5}.progress{height:2px;background:#1c3525;margin-top:9px}.progress i{display:block;width:0;height:100%;background:var(--green)}.coordinates{display:flex;justify-content:space-between;gap:8px;margin-top:11px;font-size:9px;color:#8caf99}.coordinates b{display:block;color:var(--green);font-size:13px;font-weight:400;margin-top:2px}.range-heading{display:flex;justify-content:space-between;margin-top:10px;font-size:9px}.range-heading>span{color:#b0c8b8}output{font-size:10px}input[type=range]{width:100%;height:22px;accent-color:var(--green);margin:8px 0 0;cursor:pointer}.helper{margin-top:10px;font-size:8px;letter-spacing:0}.speed-row{display:flex;justify-content:space-between;align-items:center;padding-block:13px}.speed-row select{color:var(--green);background:#0a1b10;border:1px solid #355740;padding:5px 10px;font:11px var(--mono)}.controls{border-top:1px solid #284e36;padding:14px 18px;display:flex;align-items:center;gap:12px;background:#08130c}.controls>div{display:flex;gap:8px}.controls button{background:transparent;border:1px solid #3d5b47;color:#b9d0c1;padding:10px 15px;font-size:10px;min-height:38px;transition:background .15s}.controls button:hover{background:#1a3223}.controls .primary{background:var(--green);color:#07130c;border-color:var(--green);min-width:156px}.controls .primary:hover{background:#b5f3cd}.controls>span{font-size:8px;color:#a6c0af;margin-left:auto}.event-strip{border-top:1px solid #233c2b;display:flex;align-items:center;padding:10px 18px;gap:18px;font-size:8px}.event-strip>span{color:#9cb8a7;flex-shrink:0}.event-strip p{margin:0;color:#b7d0c1}.experiment-note{font-size:11px;color:var(--muted);margin:15px 0 0;max-width:850px}.model-section{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.model-copy h2{font-size:clamp(32px,3.5vw,46px)}.model-copy>p{max-width:350px;margin-top:22px}.text-link{display:inline-flex;gap:46px;font-size:12px;border-bottom:1px solid #51665e;padding-bottom:8px;margin-top:30px}.text-link:hover{color:var(--green)}.equations>div{display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:17px 0}.equations>div>span{font:9px var(--mono);color:var(--muted)}.equations p{font:clamp(16px,2vw,23px) var(--mono);margin:0;letter-spacing:-.03em}.equations em{color:var(--green);font-style:normal}.equations footer{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted);gap:10px;margin-top:23px}.version{font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.research-rows{border-top:1px solid var(--line);margin-top:38px}.research-rows>a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.row-number{font:11px var(--mono);color:var(--muted)}.research-rows h3{font-size:16px;font-weight:400;margin:0 0 4px}.research-rows p{font-size:12px;color:var(--muted);margin:0}.row-status{font:9px var(--mono);color:var(--green);letter-spacing:.04em;display:flex;align-items:center;gap:35px}.row-status b{font-size:20px;font-weight:400}.row-status.planned{color:var(--muted)}.research-rows>a:hover h3{color:var(--green)}.transparency>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:30px}.transparency p{font-size:13px;color:var(--muted);margin:0;max-width:510px}.transparency strong{display:block;color:var(--ink);font-size:15px;font-weight:400;margin-bottom:9px}.site-footer{max-width:1370px;padding:42px 4%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px}.site-footer>div{display:flex;flex-direction:column;gap:18px}.site-footer>div>span{font:8px var(--mono);letter-spacing:.1em;color:var(--muted)}.site-footer nav{display:flex;gap:25px;justify-content:flex-end;align-items:flex-start;font-size:11px}.site-footer nav a:hover{color:var(--green)}.site-footer>p{grid-column:1/-1;font-size:10px;color:var(--muted);margin:10px 0 0}.site-footer p a{text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:#14231b;border:1px solid #598369;padding:12px 24px;font:12px var(--mono);z-index:5}.toast[hidden]{display:none}.notice{padding:20px;border:1px solid var(--line)}
.document{max-width:850px;padding:70px 24px;margin:auto}.document h1{font-size:50px;line-height:1.1;font-weight:400;letter-spacing:-.05em;margin:16px 0 30px}.document h2{font-size:27px;margin-top:50px}.document p,.document li{font-size:15px;color:#abbcb5}.document a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.document pre{background:#0c1410;border:1px solid var(--line);padding:20px;overflow:auto;font-size:13px}.document code{font-family:var(--mono)}
@media(min-width:1600px){.specimen{height:710px}.butterfly{width:610px;height:610px;top:-44px}}
@media(max-width:1024px){.brand span{display:none}.specimen{height:610px}.instrument{grid-template-columns:minmax(0,1fr) 245px}.terminal-end{font-size:7px}.plot-toolbar{padding-inline:12px}.plot-toolbar>span{display:none}.plot-legend{padding-inline:12px;gap:15px}.plot-legend .guide{display:none}.metric{padding:16px}.metric strong{font-size:30px}.model-section{gap:50px}.section{padding-top:60px;padding-bottom:60px}.manifesto{grid-template-columns:1fr 1.6fr}.manifesto-note{display:none}.controls>span{display:none}}
@media(max-width:767px){.topbar{height:66px;padding-inline:20px}.brand img{width:122px}.topbar nav{gap:15px}.topbar nav>a:not(.social){font-size:10px}.topbar nav>a:nth-child(3){display:none}.social{height:34px;width:34px}.specimen{height:550px}.spec-label{font-size:8px}.spec-label span{font-size:7px}.top-left{top:22px;left:20px}.top-right{top:22px;right:20px}.butterfly{width:470px;height:470px;top:0}.hero-title{bottom:93px}.hero-title h1{width:87%}.hero-title p{font-size:10px;letter-spacing:0;margin-top:17px}.bottom-left{left:20px;bottom:23px}.bottom-right{right:20px;bottom:23px}.bottom-right>span{font-size:6px}.manifesto{display:block;padding:28px 20px}.manifesto p{font-size:22px;margin-top:15px}.section{padding:48px 20px}.section-head{display:block}.section-head h2{font-size:29px}.section-head p{font-size:13px}.status{margin-top:20px;font-size:9px}.instrument{grid-template-columns:1fr}.terminal-bar{padding:12px;gap:10px;font-size:9px}.terminal-tag{font-size:7px}.terminal-end{display:none}#trajectory{height:320px;min-height:320px;flex:none}.telemetry{border-left:0;border-top:1px solid #284e36;display:grid;grid-template-columns:1fr 1fr}.metric{padding:15px 12px;border-right:1px solid #233c2b}.metric:nth-child(1){grid-row:span 2}.metric:nth-child(4){grid-column:1}.metric:last-child{border-bottom:1px solid #233c2b;align-items:flex-start;justify-content:space-between;flex-direction:column}.k{font-size:8px}.metric strong{font-size:25px}.coordinates{font-size:8px;gap:4px}.coordinates b{font-size:11px}.range-heading{font-size:8px;gap:6px}.range-heading>span{max-width:76px}.sub{font-size:6px}.metric canvas{height:62px}.metric strong.medium{font-size:21px}.controls{padding:12px;justify-content:space-between;gap:8px;flex-wrap:wrap}.controls button{padding:9px 10px;font-size:9px}.controls .primary{min-width:133px}.event-strip{align-items:flex-start;padding:10px 12px;gap:12px}.event-strip p{font-size:8px;line-height:1.7}.experiment-note{font-size:10px}.model-section{grid-template-columns:1fr;gap:25px}.model-copy>p{max-width:100%}.equations p{font-size:20px}.equations footer{font-size:9px}.research-rows>a{grid-template-columns:22px 1fr;gap:15px;padding:22px 0}.research-rows h3{font-size:15px}.research-rows p{font-size:12px}.row-status{grid-column:2;justify-content:space-between;font-size:8px}.version{display:block;margin-top:18px}.transparency>div:last-child{grid-template-columns:1fr;gap:25px}.site-footer{grid-template-columns:1fr;padding:35px 20px;gap:28px}.site-footer nav{justify-content:flex-start;gap:23px}.document h1{font-size:40px}}
@media(max-width:380px){.topbar nav>a:nth-child(2){display:none}.terminal-tag:last-of-type{display:none}.controls{gap:7px}.controls>div{gap:5px}.controls button{padding-inline:8px}.controls .primary{min-width:125px}.hero-title p{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Recorded biological flight / particle renderer */
#hero-particles{position:absolute;inset:0 0 auto;width:100%;height:460px;display:block}.hero-toggle{position:absolute;z-index:3;top:82px;right:4%;background:transparent;border:1px solid #293532;color:#9baca6;padding:5px 9px;font:8px var(--mono);cursor:pointer}.hero-toggle:hover{color:var(--ink);border-color:#8cae9e}.canvas-wrap{position:relative;flex:1;min-height:400px;display:flex}#trajectory{height:480px;min-height:400px;touch-action:pan-y;cursor:grab}#trajectory:active{cursor:grabbing}.view-tools{position:absolute;right:17px;bottom:15px;display:flex;gap:4px}.view-tools button{width:30px;height:30px;color:#bfd5c7;background:#06110b;border:1px solid #2c4836;font:16px var(--mono)}.view-tools button:hover{background:#1c3224}.trail-switch{margin-left:auto;display:flex;align-items:center;gap:6px;color:#b3c9bb;font:9px var(--mono)}.trail-switch input{accent-color:#91e4b4}#wing-chart{height:48px}.metric strong small{font-size:13px;letter-spacing:0;color:#9fbba9}.opening{display:flex;justify-content:space-between;margin-top:13px;color:#9ab6a5;font-size:9px}.opening b{font-size:12px;font-weight:400;color:#b6d9c3}#recording{margin-top:10px;max-width:100%;width:100%;background:#0b1c11;color:#b6d9c3;border:1px solid #34553e;padding:9px 5px;font:10px var(--mono)}.scrubber{display:flex;align-items:center;gap:18px;border-top:1px solid #284e36;padding:12px 18px;font:9px var(--mono);color:#accab7}.scrubber label{white-space:nowrap;min-width:85px}.scrubber input{margin:0;min-width:40px;flex:1}.scrubber>span{white-space:nowrap;font-size:9px}.load-error{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:30px;text-align:center;background:#020704;z-index:3;font:12px/1.8 var(--mono)}.load-error[hidden]{display:none}.load-error button{padding:9px 18px;background:#162c1d;border:1px solid #547b60;color:#c5e7d2}.motion-facts>div{border-bottom:1px solid var(--line);padding:20px 0}.motion-facts span{font:9px var(--mono);color:#93b0a0;letter-spacing:.13em}.motion-facts p{font-size:19px;line-height:1.5;margin:6px 0 0}.motion-facts footer{font-size:11px;color:var(--muted);margin-top:20px}.recording-table{width:100%;border-collapse:collapse;font-size:12px}.recording-table td,.recording-table th{text-align:left;padding:8px;border-bottom:1px solid var(--line)}
@media(max-width:767px){#hero-particles{height:355px;top:35px}.hero-toggle{top:66px;right:20px;font-size:7px}.canvas-wrap{min-height:360px}#trajectory{height:360px;min-height:360px}.plot-toolbar{padding:12px}.tabs button{font-size:9px;padding:7px 9px}.scrubber{padding:10px 12px;gap:9px}.scrubber label{font-size:8px;min-width:62px}.scrubber>span{font-size:8px}.trail-switch{font-size:8px}.metric #recording{font-size:9px;padding:7px 2px}.motion-facts p{font-size:18px}.telemetry .metric:nth-child(4){grid-column:1}.telemetry .metric:last-child{justify-content:center;gap:15px}.controls .primary{min-width:130px}}