:root{--bg:#080b0a;--surface:#0e1311;--raised:#141b18;--line:#2c3631;--text:#e7ece8;--muted:#a0aaa4;--green:#9be564;--amber:#dfa84e;--display:system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"Cascadia Mono","Segoe UI Mono",monospace;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display);line-height:1.6;background-image:linear-gradient(rgba(44,54,49,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(44,54,49,.18) 1px,transparent 1px);background-size:32px 32px}
a{color:inherit}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h2{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em}h3{font-size:1.45rem}p{color:var(--muted)}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.7rem 1rem;background:var(--green);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:none}
.section-shell{width:min(1180px,calc(100% - 3rem));margin-inline:auto}.band{background:rgba(14,19,17,.96);border-block:1px solid var(--line)}
.site-header{height:68px;position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 max(1.5rem,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:rgba(8,11,10,.9);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.brand-mark{display:block;width:34px;height:26px;overflow:visible}.brand-mark path{fill:none;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round}.brand-mark .brand-wing{fill:rgba(155,229,100,.08);stroke:var(--green);stroke-width:1}.brand-mark .brand-body{stroke-width:1.7}.brand-mark circle{fill:var(--green);filter:drop-shadow(0 0 3px rgba(155,229,100,.7))}.brand:hover .brand-mark .brand-body{stroke:var(--text)}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:2rem}.site-nav a,.site-footer a{font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.site-nav a:hover,.site-footer a:hover{color:var(--green)}.nav-signal{padding:.65rem .85rem;border:1px solid var(--line)}.status-dot{display:inline-block;width:7px;height:7px;margin-right:.55rem;background:var(--green);border-radius:50%;animation:pulse 2.4s ease-in-out infinite}.status-dot.muted{background:var(--muted)}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:var(--surface);padding:10px}.nav-toggle span{display:block;height:1px;margin:5px 0;background:var(--text)}
.hero{position:relative;min-height:calc(100svh - 68px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-block:6rem;isolation:isolate;overflow:clip}.hero-circuit{position:absolute;z-index:-1;inset:16% -10% auto 38%;height:1px;background:linear-gradient(90deg,var(--green),transparent);opacity:.22}.hero-circuit:after{content:"";position:absolute;right:26%;width:1px;height:160px;background:linear-gradient(var(--green),transparent)}
.hero-copy{position:relative;z-index:2}.eyebrow,.record-type,.record-number,.technical-label,.running,.availability{font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{color:var(--muted);margin-bottom:1.3rem}.eyebrow.amber,.record-number{color:var(--amber)}.hero h1{font-size:clamp(3.5rem,7vw,6.8rem);letter-spacing:-.065em;margin-bottom:1.6rem}.hero h1 strong{display:block;color:var(--green)}.hero-lead{max-width:640px;font-size:clamp(1.05rem,2vw,1.35rem)}.identity{display:inline-flex;flex-direction:column;padding:.85rem 1.1rem;border:1px solid var(--line);background:var(--surface);color:var(--text);font:500 .8rem var(--mono);text-transform:uppercase}.identity span{color:var(--muted);margin-top:.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:.75rem 1.15rem;border:1px solid var(--line);font:600 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.button.primary{background:var(--green);border-color:var(--green);color:var(--bg)}.button.secondary{background:var(--surface)}.button:hover{filter:brightness(1.12)}
.mosquito-wrap{position:relative;width:min(49vw,700px);margin-right:1.5rem;justify-self:end}.mosquito{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 30px #000)}.sensor-eye{position:absolute;left:35.9%;top:52.2%;width:4.2%;aspect-ratio:1;translate:-50% -50%;border:1px solid rgba(155,229,100,.72);border-radius:50%;box-shadow:0 0 12px rgba(155,229,100,.32);display:grid;place-items:center}.sensor-core{width:38%;aspect-ratio:1;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:sensor 2.4s ease-in-out infinite}.technical-label{position:absolute;color:var(--green);font-size:.6rem}.optics{z-index:1;top:41%;left:23%;padding:.2rem .35rem;background:rgba(8,11,10,.72)}
.manifesto{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding-block:7rem;border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(2rem,4vw,3rem)}.section-intro{font-size:1.15rem}.protocols{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:0;margin:2rem 0 0;list-style:none}.protocols li{padding:.65rem .8rem;border:1px solid var(--line);background:var(--surface);font:500 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.protocols span{color:var(--green);margin-right:.75rem}
.experiments,.archive,.about,.frequencies,.contact{padding-block:7rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:4rem}.section-heading h2{margin-bottom:0}.running{padding:.5rem .7rem;border:1px solid rgba(155,229,100,.25);color:var(--green);white-space:nowrap}.experiment-list{display:grid;gap:5rem}.experiment{display:grid;grid-template-columns:repeat(2,minmax(0,540px));justify-content:space-between;align-items:center;gap:3rem}.experiment.reverse .schematic{order:2}.experiment-copy{position:relative;width:100%;padding:2rem;border:1px solid var(--line);background:var(--bg);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.experiment-copy:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--green)}.record-type,.availability{color:var(--green)}.availability{display:inline-block;margin-top:.8rem;padding:.35rem .5rem;border:1px solid var(--line);color:var(--muted)}
.schematic{position:relative;overflow:hidden;margin:0;aspect-ratio:1600/995;border:1px solid var(--line);background:#0a0e0c}.schematic picture,.schematic img{display:block;width:100%;height:100%}.schematic img{object-fit:cover}.ge-cfp img{object-position:53% 50%}.kiosco img{object-position:50% 48%}.hermes img{object-position:48% 50%}.figure-label{position:absolute;z-index:1;top:.75rem;left:.75rem;padding:.3rem .45rem;border:1px solid rgba(155,229,100,.35);background:rgba(8,11,10,.82);color:var(--green);font:500 .62rem var(--mono);letter-spacing:.12em}.schematic figcaption{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.archive-grid,.frequency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.archive-grid article,.frequency-grid article{position:relative;padding:2rem;background:var(--surface)}.archive-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--amber)}.archive-grid h3{min-height:3.2em}.archive-grid p:last-child{font-size:.94rem}
.about-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.about h2{margin-bottom:2rem}.operator-id{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle,rgba(155,229,100,.1),transparent 55%)}.operator-id:before,.operator-id:after{content:"";position:absolute;background:var(--line)}.operator-id:before{width:115%;height:1px}.operator-id:after{height:115%;width:1px}.operator-id span{font:600 clamp(4rem,10vw,8rem) var(--mono);color:var(--green)}.operator-id i{position:absolute;width:70%;height:70%;border:1px dashed var(--green);border-radius:50%;opacity:.35}.operator-id small{position:absolute;bottom:1rem;font:500 .6rem var(--mono);letter-spacing:.1em}.tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:2rem 0 0;list-style:none}.tags li{padding:.4rem .65rem;border:1px solid var(--line);font:500 .66rem var(--mono);text-transform:uppercase;color:var(--muted)}
.frequencies>h2{margin-bottom:3rem}.frequency-grid article{min-height:250px}.frequency-grid article>span{display:block;font-size:4.5rem;font-weight:700;line-height:1;color:var(--line);margin-bottom:2.5rem}.frequency-grid article:hover>span{color:var(--green)}
.contact{position:relative}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.contact h2{font-size:clamp(2.5rem,6vw,4.5rem)}.contact-note{padding-left:1rem;border-left:2px solid var(--amber);font:400 .76rem/1.6 var(--mono)}.contact-address{font:500 .76rem/1.6 var(--mono);overflow-wrap:anywhere}.contact-address a{color:var(--green)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem;border:1px solid var(--line);background:var(--bg)}.form-field{display:flex;flex-direction:column;gap:.55rem}.form-field.full-width,.contact-form button,.form-status,.mailto-fallback{grid-column:1/-1}.contact-form label{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.contact-form label span{color:var(--muted)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.75rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green);outline:1px solid var(--green)}.form-status{min-height:1.5em;margin:0;font:400 .73rem var(--mono);color:var(--amber)}.contact-form button:disabled{cursor:wait;opacity:.65}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mailto-fallback[hidden]{display:none}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem max(1.5rem,calc((100vw - 1180px)/2));border-top:1px solid var(--line);background:var(--bg)}.site-footer p{margin:0;font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}@keyframes sensor{0%,100%{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.12)}}

@media (max-width:800px){.site-header{padding-inline:1rem}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:1rem;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:.85rem}.nav-signal{margin-top:.5rem}.section-shell{width:min(100% - 2rem,680px)}.hero{display:block;min-height:calc(100svh - 68px);padding-block:4rem;overflow:clip}.hero-copy{max-width:82%}.hero h1{font-size:clamp(3.2rem,13vw,5rem)}.hero-lead{font-size:1rem}.mosquito-wrap{position:absolute;z-index:1;top:9%;right:-8%;width:64vw;max-width:390px;margin:0;opacity:.58}.technical-label{display:none}.manifesto,.about-grid,.contact-grid{grid-template-columns:1fr;gap:2.5rem}.experiment{grid-template-columns:1fr;gap:1rem}.experiment.reverse .schematic{order:0}.schematic{max-width:520px;width:88%}.experiment.reverse .schematic{justify-self:end}.archive-grid,.frequency-grid{grid-template-columns:1fr}.archive-grid h3{min-height:0}.frequency-grid article{min-height:0}.operator-id{width:min(70vw,280px);margin-inline:auto}.section-heading{align-items:flex-start;flex-direction:column}.experiments,.archive,.about,.frequencies,.contact,.manifesto{padding-block:5rem}}
@media (max-width:390px){.hero{padding-top:3.25rem}.hero-copy{max-width:88%}.hero h1{font-size:clamp(3rem,15vw,3.7rem)}.mosquito-wrap{top:9%;right:-9%;width:62vw;opacity:.58}.identity{max-width:88%;font-size:.67rem}.hero-actions{flex-direction:column;align-items:flex-start}.button{font-size:.65rem}.running{white-space:normal}.contact-form{grid-template-columns:1fr;padding:1.25rem}.form-field{grid-column:1}.site-footer{align-items:flex-start;flex-direction:column}}
@media (max-width:340px){.hero-copy{max-width:92%}.mosquito-wrap{top:10%;width:57vw;right:-8%;opacity:.5}.hero h1{font-size:2.9rem}.section-shell{width:calc(100% - 1.5rem)}.protocols li{font-size:.62rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
