*{box-sizing:border-box}html,body{margin:0;background:#000;color:#f0f2f7;font-family:Arial,Helvetica,sans-serif;overflow:hidden}header{position:absolute;z-index:5;top:0;left:0;right:0;padding:36px 4vw;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.2em}nav{display:flex;align-items:center;gap:15px;letter-spacing:0}button{font:inherit;color:#8a8e99;border:0;background:transparent;cursor:pointer;padding:10px 0;font-size:14px}button:hover,button:focus-visible,button.active{color:#fff}button:focus-visible{outline:1px solid #b9d8ff;outline-offset:6px}nav i{color:#343841;font-style:normal}.statement{position:absolute;z-index:2;left:6vw;top:39%;pointer-events:none;width:33vw}h1{font-size:clamp(23px,2.8vw,45px);font-weight:400;line-height:1.32;letter-spacing:-.04em;margin:0}h1 em{font-style:normal;color:#9aacc2}#universe{position:absolute;left:31%;top:8%;width:69%;height:83%;touch-action:none}canvas{display:block;width:100%;height:100%}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.marker{position:absolute;white-space:nowrap;pointer-events:auto;transform:translate(12px,-50%);color:#d9e7fb;font-size:14px;padding:10px 13px;border:1px solid #43516c77;background:#000b;border-radius:3px;transition:background .2s,border-color .2s}.marker:before{content:'';position:absolute;left:-16px;top:50%;width:5px;height:5px;border-radius:50%;background:#c6dfff;box-shadow:0 0 12px #a7ccff}.marker:hover{background:#142035;border-color:#a7cbff}#caption{position:absolute;left:6vw;bottom:15%;pointer-events:none}#eyebrow{color:#768398;font-size:12px;letter-spacing:.18em}h2{font-weight:400;font-size:22px;margin:13px 0 8px}#detail{color:#8590a0;font-size:14px;line-height:1.6;margin:0;max-width:330px}footer{position:absolute;bottom:28px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#666d78;font-size:12px;gap:20px}#error{position:absolute;top:50%;left:45%;max-width:320px;color:#fff}@media(max-width:700px){header{padding:24px 6vw;align-items:flex-start;gap:12px;flex-direction:column}nav{gap:12px}nav button{font-size:13px}.statement{top:19%;left:6vw;width:88vw}h1{font-size:27px}#universe{left:0;top:30%;width:100%;height:55%}#caption{bottom:8%;left:6vw}h2{font-size:18px;margin:7px 0}#detail{font-size:12px;max-width:88vw}#eyebrow{font-size:12px}footer{bottom:14px;font-size:12px}footer span:last-child{max-width:48%;text-align:right}.marker{font-size:13px;padding:8px}}