header{position:relative;z-index:10;background:#060e10f5}.observatory-hero{position:relative;min-height:740px;height:85vh;max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 72% 40%,#17372b55,#07100f 65%);border-bottom:1px solid #274134}.observatory-hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 11% 15%,#b8efd5 0 1px,transparent 1.5px),radial-gradient(circle at 80% 65%,#b8efd5 0 1px,transparent 1.5px),radial-gradient(circle at 34% 84%,#b8efd5 0 1px,transparent 1.5px),radial-gradient(circle at 57% 26%,#b8efd5 0 1px,transparent 1.5px);background-size:350px 270px,550px 370px,680px 410px,800px 640px}.observatory-coordinate{position:absolute;left:5%;top:30px;font:7px/1.7 'IBM Plex Mono';letter-spacing:.15em;color:#4e7960}.observatory-copy{position:absolute;left:8%;top:25%;z-index:3}.observatory-copy h2{font:400 clamp(60px,7.5vw,115px)/.98 'IBM Plex Sans';letter-spacing:-.075em;margin:25px 0}.observatory-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#83aa91}.observatory-copy>.button{margin-top:22px;background:transparent;color:#bfefce;border:1px solid #689b78;font-size:9px;letter-spacing:.1em}.observatory-copy>.button:hover{background:#a8edc5;color:#0f2819}.observatory-copy>span{display:block;font:6px 'IBM Plex Mono';letter-spacing:.14em;color:#456e52;margin-top:20px}.celestial-system{position:absolute;left:49%;right:-5%;top:4%;bottom:3%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0);transition:transform 1s;perspective:1000px;z-index:1}.celestial-planet{position:absolute;left:13%;right:13%;top:20%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 31% 29%,#547b59,#1d4434 45%,#081813 72%);box-shadow:inset -40px -15px 55px #000e,inset 5px 2px 12px #a8edc522,0 0 80px #3d945315;overflow:hidden}.planet-surface{position:absolute;inset:-5%;border-radius:50%;background-image:url('assets/hero.webp');background-position:center;background-size:200% 100%;mix-blend-mode:screen;opacity:.75;animation:planet-drift 70s linear infinite;filter:contrast(1.3) brightness(.7)}.planet-atmosphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 28% 24%,transparent 0,transparent 28%,#05110a99 65%,#030b08 90%);box-shadow:inset 6px 2px 8px #b3f1cb44}.celestial-orbit{position:absolute;inset:5% 0;border:1px solid #72c18d40;border-radius:50%;transform:rotate(-28deg) scaleY(.4)}.celestial-orbit:after{content:'';position:absolute;left:13%;top:11%;width:6px;height:6px;border-radius:50%;background:#c6f5d8;box-shadow:0 0 12px #b7efd1}.celestial-orbit.two{inset:8% 2%;transform:rotate(43deg) scaleY(.55);border-color:#6aaf7a25}.celestial-orbit.three{inset:12% 5%;transform:rotate(80deg) scaleY(.4);border-color:#6aaf7a20}.celestial-satellite{position:absolute;left:12%;top:39%;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#adcdab,#2b5235 50%,#081811 80%);box-shadow:0 0 20px #83cb8a14;animation:satellite-drift 14s ease-in-out infinite}.celestial-label{position:absolute;right:13%;bottom:13%;font:7px/1.7 'IBM Plex Mono';letter-spacing:.1em;color:#587f5f;border-top:1px solid #46795455;padding-top:12px}.celestial-label strong{display:block;font-size:20px;font-weight:400;color:#a2c9a4;margin:4px 0}.celestial-label>span{font-size:6px;color:#355f3e}.celestial-cross{position:absolute;font:17px 'IBM Plex Mono';color:#81ba8a66}.cross-one{left:12%;top:18%}.cross-two{right:15%;bottom:22%}.observatory-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font:7px 'IBM Plex Mono';letter-spacing:.13em;color:#476f52;z-index:3}.observatory-prologue{padding:75px 8%;display:grid;grid-template-columns:1fr 2fr;gap:20px 7%;border-bottom:1px solid #28413c;background:#0b1814}.observatory-prologue>span{font:7px 'IBM Plex Mono';letter-spacing:.12em;color:#456f50;padding-top:10px}.observatory-prologue>p{font-size:clamp(25px,3vw,45px);letter-spacing:-.045em;line-height:1.2;margin:0;color:#bbd1bc}.observatory-prologue>p em{color:#6b9c73}.observatory-prologue>small{grid-column:2;font:6px 'IBM Plex Mono';letter-spacing:.14em;color:#365c40;margin-top:15px}.receiver{margin:65px 4%;border:1px solid #38583c;box-shadow:0 25px 80px #0005;position:relative;background:#0a1612}.receiver:before{content:'THE RECEIVER / 02';position:absolute;top:-28px;left:0;font:7px 'IBM Plex Mono';letter-spacing:.13em;color:#527b58}.scope{min-height:750px}.scope-head{font-size:7px}.scope-image{transition:opacity 1.4s,background-image 1s;filter:contrast(1.1)}.scope-intro{top:25%}.scope h1{font-size:clamp(42px,4.2vw,66px)}.scope-reticle{position:absolute;inset:13% 8%;border:1px solid #83b68c15;border-radius:50%;pointer-events:none}.scope-reticle:before,.scope-reticle:after{content:'';position:absolute;background:#7cad8020}.scope-reticle:before{width:1px;top:-20px;bottom:-20px;left:50%}.scope-reticle:after{height:1px;left:-20px;right:-20px;top:50%}.scope-reticle>span{position:absolute;width:5px;height:5px;border-radius:50%;background:#78c78b55;left:50%;top:0}.scope-reticle>span:nth-child(2){top:100%}.scope-reticle>span:nth-child(3){left:0;top:50%}.scope-reticle>span:nth-child(4){left:100%;top:50%}.mode-switch{position:absolute;z-index:6;top:70px;left:6%;display:flex;gap:4px}.mode-switch>button{border:1px solid #3a6042;background:#091a12c9;color:#688a6c;font:6px 'IBM Plex Mono';letter-spacing:.06em;padding:8px 11px}.mode-switch>button[aria-pressed=true]{background:#2f5339;color:#bbebc1}.mode-switch>button:hover{border-color:#95c59d}.instrument{background:linear-gradient(135deg,#142a1d,#0a1811);padding-top:32px}.panel-title{font-size:7px}.quality{margin-top:25px}.quality strong{font-size:57px}.quality-track{height:2px;margin-bottom:30px}.signal-diagnostics{display:grid;gap:7px;margin:20px 0 17px}.signal-diagnostics>span{display:flex;justify-content:space-between;font:6px 'IBM Plex Mono';letter-spacing:.06em;color:#496f50}.signal-diagnostics b{font-weight:400;color:#9bcfa1}.sliders input{accent-color:#a8edc5}.sliders label{font-size:8px}.sliders input::-webkit-slider-thumb{box-shadow:0 0 14px #a8edc533}.receiver[data-coherence=high]{border-color:#7bab77;box-shadow:0 0 35px #5eaa6220,0 25px 80px #0005}.receiver[data-coherence=high] .scope-reticle{border-color:#9dd99745}.signal-catalogue{padding:85px 8%;border-top:1px solid #28413c;background:#08130f}.catalogue-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.catalogue-heading h2{font-size:clamp(38px,4.3vw,66px);margin:24px 0 0;line-height:1.05}.catalogue-heading>p{font-size:12px;color:#5d8360;line-height:1.8;max-width:300px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.archive-card{position:relative;overflow:hidden;background:#0e1d14;border:1px solid #26442d;color:#a1cba5;text-align:left;padding:0 22px 25px;min-height:370px;transition:border-color .4s,transform .4s}.archive-card:hover{transform:translateY(-6px);border-color:#638965}.archive-card>img{width:calc(100% + 44px);margin-left:-22px;aspect-ratio:1.3;object-fit:cover;filter:blur(3px) saturate(.25) brightness(.5);transition:filter .8s,transform .8s}.archive-card.unlocked>img{filter:blur(0) saturate(1) brightness(.9)}.archive-card:hover>img{transform:scale(1.04)}.archive-number{display:block;font:7px 'IBM Plex Mono';letter-spacing:.12em;color:#527f57;margin:20px 0 13px}.archive-state{position:absolute;top:16px;left:16px;padding:6px 9px;border:1px solid #3f654299;background:#05110ac9;color:#7a9f79;font:5px 'IBM Plex Mono';letter-spacing:.1em}.unlocked .archive-state{color:#b4eab9;border-color:#72ab6f}.archive-card>strong{font:400 23px 'IBM Plex Sans';letter-spacing:-.04em;display:block}.archive-card>small{font-size:9px;color:#567a55;display:block;margin-top:10px}.archive-detail{position:relative;margin-top:20px;border:1px solid #507a4d;padding:25px 90px 25px 25px;background:#122619}.archive-detail>span{font:7px 'IBM Plex Mono';letter-spacing:.1em;color:#679d66}.archive-detail>p{font-size:20px;letter-spacing:-.03em;color:#bbdec0;line-height:1.5}.archive-detail>button{position:absolute;right:20px;top:23px;border:0;background:none;font:7px 'IBM Plex Mono';color:#84b181}.log{margin:0 4% 50px;border:1px solid #28482d;padding:28px}.log-header{font-size:8px}#download-log{font-size:7px;margin-top:18px}.log-row{animation:fragment-enter .6s ease-out}.about{border-top:1px solid #28413c}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity 1s,transform 1s}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important}@keyframes planet-drift{to{background-position:200% 50%}}@keyframes satellite-drift{50%{transform:translate(12px,-20px)}}@keyframes fragment-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.observatory-hero{min-height:680px}.observatory-copy{left:6%}.observatory-copy h2{font-size:72px}.celestial-system{left:45%;right:-20%}.receiver{grid-template-columns:60% 40%}.instrument{padding:25px 20px}.archive-grid{gap:10px}.archive-card{padding:0 15px 20px;min-height:310px}.archive-card>img{width:calc(100% + 30px);margin-left:-15px}.archive-card>strong{font-size:20px}.catalogue-heading>p{max-width:230px}.mode-switch>button{padding:7px 8px;font-size:5px}}@media(max-width:650px){.observatory-hero{height:850px;min-height:850px}.observatory-copy{top:12%;right:6%}.observatory-copy h2{font-size:66px}.celestial-system{left:13%;right:-10%;top:44%;bottom:3%;opacity:.8}.celestial-planet{top:10%}.celestial-label{font-size:5px;bottom:5%}.observatory-bottom{font-size:5px}.observatory-prologue{grid-template-columns:1fr;padding:45px 6%;gap:25px}.observatory-prologue>p{font-size:29px}.observatory-prologue>small{grid-column:1;font-size:5px}.receiver{grid-template-columns:1fr;margin:55px 4%}.scope{min-height:600px}.scope h1{font-size:45px}.scope-intro{top:27%}.mode-switch{left:8%;top:60px}.signal-catalogue{padding:55px 6%}.catalogue-heading{display:block}.catalogue-heading h2{font-size:43px}.catalogue-heading>p{max-width:100%;margin-top:25px}.archive-grid{grid-template-columns:1fr}.archive-card{min-height:0;padding-bottom:25px}.archive-card>img{aspect-ratio:2.1}.archive-card>strong{font-size:25px}.archive-detail{padding:20px}.archive-detail>p{font-size:17px}.archive-detail>button{position:static;padding:8px 0}.scope-head>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.celestial-system{transform:none!important}}