@font-face{font-family:Quiet Serif;src:url('/assets/serif.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Quiet Serif;src:url('/assets/serif-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Signal Mono;src:url('/assets/mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0b0c0b;--ink:#e6e3d8;--muted:#92948b;--faint:#53594f;--accent:#c5ca91;--accent-rgb:197,202,145;--line:rgba(207,213,190,.1)}
:root[data-side=dev]{--bg:#090d0f;--ink:#dce4e5;--muted:#8d9ba0;--faint:#4b6069;--accent:#94becd;--accent-rgb:148,190,205;--line:rgba(180,213,224,.1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{color:var(--ink);font-family:Signal Mono,monospace;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:8px}::selection{background:var(--accent);color:var(--bg)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.guides{position:fixed;inset:0 56px;pointer-events:none;border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(90deg,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px));opacity:.5}.ambient{position:fixed;width:85vw;height:85vw;right:-20vw;top:-12vw;pointer-events:none;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.035),transparent 63%)}
.masthead{height:115px;flex:none;margin:0 56px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{font-size:29px;letter-spacing:-2px}.slash{font-size:24px;margin:0 4px;color:var(--faint)}.mark-dot{color:var(--accent)}.masthead-note{font-size:9px;letter-spacing:2px;color:var(--muted);padding-left:78px}.sound-toggle{background:none;border:0;padding:16px 0;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1.1px;color:var(--muted)}.equalizer{display:flex;align-items:center;gap:3px;height:17px}.equalizer i{display:block;width:1px;height:8px;background:var(--accent);animation:frequency 1.8s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:15px;animation-delay:-.4s}.equalizer i:nth-child(3){height:6px;animation-delay:-.9s}.equalizer i:nth-child(4){height:12px;animation-delay:-.7s}.equalizer i:nth-child(5){height:5px;animation-delay:-1.3s}.paused .equalizer i{animation-play-state:paused;opacity:.4}
.field{position:relative;flex:1;min-height:580px;margin:0 56px;display:flex;align-items:center}.message{position:relative;z-index:2;width:55%;padding:42px 0 45px 7.3%;pointer-events:none}.message>*{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:9px;letter-spacing:2px}.live-dot{height:4px;width:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.4)}.eyebrow-line{height:1px;width:47px;background:var(--accent);opacity:.35;margin-left:7px}h1{font-family:Quiet Serif,Georgia,serif;font-weight:400;font-size:clamp(76px,7.9vw,132px);line-height:.91;letter-spacing:-4px;margin:38px 0 26px}h1 em{font-weight:400;color:var(--accent)}.intro{font-size:11px;line-height:1.95;color:var(--muted);letter-spacing:.25px;margin:0}.observe{display:flex;align-items:center;gap:16px;background:none;border:1px solid rgba(var(--accent-rgb),.27);padding:17px 18px;margin-top:39px;min-width:221px;letter-spacing:1.5px;font-size:9px;transition:background .3s,border-color .3s}.observe:hover{background:rgba(var(--accent-rgb),.06);border-color:var(--accent)}.button-arrow{margin-left:auto;font-size:17px;color:var(--accent);transition:transform .3s}.observe:hover .button-arrow{transform:translate(2px,-2px)}.button-orbit{height:16px;width:16px;border:1px solid var(--faint);border-radius:50%;position:relative;transform:rotate(-45deg)}.button-orbit i{position:absolute;inset:3px;border:1px solid var(--accent);border-radius:50%}.fragment{min-height:28px;max-width:320px;margin:18px 0 0;font-size:9px;line-height:1.7;letter-spacing:.3px;color:var(--faint);transition:color .5s,opacity .3s}.contacted .fragment{color:var(--accent)}
.artifact{position:absolute;top:0;bottom:0;left:37%;width:63%;pointer-events:none}.artifact canvas{position:absolute;width:100%;height:100%;z-index:1}.ghost-number{position:absolute;left:7%;top:44%;transform:translateY(-50%);font-family:Quiet Serif,Georgia,serif;font-size:clamp(190px,26vw,400px);letter-spacing:-.07em;color:var(--ink);opacity:.025;line-height:1}.artifact-label{position:absolute;bottom:57px;left:31%;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.4px;color:var(--faint)}.cross{font-size:19px;font-family:Signal Mono,monospace;font-weight:400;line-height:1;color:var(--faint)}.side-note{position:absolute;right:24px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:8px;letter-spacing:2px;color:var(--faint)}
.footer{position:relative;z-index:3;min-height:100px;margin:0 56px;padding:0 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.footer-coordinate{display:flex;align-items:center;gap:17px}.footer-divider{height:12px;width:1px;background:var(--line);margin:0 3px}.footer-note{font-size:8px;letter-spacing:1.2px;color:var(--faint)}.other-side{padding:18px 0;display:flex;align-items:center;gap:24px;transition:color .3s}.other-side:hover{color:var(--accent)}.other-side span:last-child{font-size:17px;color:var(--accent)}
.masthead,.message,.footer,.artifact-label{animation:arrive 1.4s both}.message{animation-delay:.15s}.artifact-label,.footer{animation-delay:.4s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes frequency{to{transform:scaleY(.35);opacity:.45}}
@media(min-width:1700px){.field{max-width:1600px;width:calc(100% - 112px);align-self:center}}
@media(max-width:1000px){.masthead,.field,.footer{margin-left:30px;margin-right:30px}.guides{inset:0 30px}.masthead,.footer{padding:0 20px}.message{padding-left:6%;width:60%}h1{font-size:86px}.artifact{left:32%;width:68%}.footer-note{display:none}.masthead-note{padding-left:0;font-size:8px;letter-spacing:1px}}
@media(max-width:640px){.masthead,.field,.footer{margin-left:22px;margin-right:22px}.guides{inset:0 22px;background:none}.masthead{height:83px;padding:0 15px}.wordmark{font-size:25px}.masthead-note{display:none}.sound-toggle{font-size:8px;gap:10px}.field{display:block;min-height:740px}.artifact{left:-5%;width:110%;height:370px;top:0;bottom:auto;opacity:.92}.ghost-number{font-size:245px;left:16%;top:52%;opacity:.035}.artifact-label{bottom:8px;left:50%;transform:translateX(-50%)!important;white-space:nowrap;font-size:7px;gap:10px}.message{width:100%;padding:368px 23px 29px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:76px;letter-spacing:-3px;margin:27px 0 20px;line-height:.88}.intro{font-size:10px;line-height:1.8}.observe{margin-top:27px;padding:15px 16px;min-width:213px;font-size:8px}.fragment{margin-top:14px;font-size:8px;min-height:15px}.side-note{display:none}.footer{min-height:85px;padding:0 15px;font-size:7px;gap:10px}.footer-coordinate{gap:9px}.footer-coordinate .cross{display:none}.footer-divider{margin:0}.other-side{gap:9px;font-size:7px;letter-spacing:.6px}}
@media(max-width:360px){h1{font-size:67px}.message{padding-left:15px;padding-right:15px}.footer{padding:0 10px}.footer-coordinate{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.scanlines{position:fixed;inset:0;z-index:7;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);opacity:.25}
.signal-hud{position:absolute;inset:10% 13% 15% 12%;z-index:2;color:var(--faint);font-size:8px;letter-spacing:1px;background:linear-gradient(var(--accent),var(--accent)) left top/16px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/1px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/16px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right top/1px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/16px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom/1px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/16px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/1px 16px no-repeat}
.hud-top,.hud-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px}.hud-top{top:10px}.hud-bottom{bottom:10px}.hud-value{color:var(--accent);opacity:.75;margin-left:8px}.hud-axis{position:absolute;opacity:.55}.axis-x{left:-13px;top:50%}.axis-y{top:-13px;left:50%}#binary{font-size:7px;letter-spacing:1px;opacity:.75}.protocol-dot{display:inline-block;height:3px;width:3px;background:var(--accent);margin-right:7px;vertical-align:middle}.decoding .button-orbit{animation:decode-spin 1s linear infinite}.decoding #binary{color:var(--accent)}@keyframes decode-spin{to{transform:rotate(315deg)}}
@media(max-width:640px){.signal-hud{inset:8% 12% 11%;font-size:7px}.hud-top,.hud-bottom{left:14px;right:14px}#binary{font-size:6px;letter-spacing:.4px}.hud-value{margin-left:3px}.artifact-label{bottom:-2px}.grain{opacity:.055}}