/* Animated observatory: all movement is managed by one pausable canvas clock. */
body{background:#050813}
#starfield{z-index:0;opacity:.95}
.site-header,main,footer{position:relative;z-index:1}
.site-header{background:linear-gradient(90deg,#05081370,transparent)}
#gravity-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-top{position:relative;z-index:2;align-items:center}
.motion-control{color:#a7c5d6;border:1px solid #8eacc43b;background:#09111da8;padding:9px 13px;font:inherit;font-size:10px;letter-spacing:1px;cursor:pointer}
.motion-control:hover{border-color:#c7dff0;color:#fff}
.hero-copy{pointer-events:none;text-shadow:0 2px 30px #050813}
.hero-copy .explore{pointer-events:auto;background:#080e19cf}
.hero-copy h1{font-weight:400}
.hero-copy h1 span{color:#e5c595}
.hero-copy .intro{color:#b3bdcf}
.destinations{background:linear-gradient(#080e19eb,#080c15ed);backdrop-filter:blur(5px)}
.destination{background:#0a111de8}
.closing{background:linear-gradient(#080c1590,transparent)}
.hero-copy{max-width:620px}
.observing-note{font-size:10px;letter-spacing:1px;color:#75899d;margin-top:28px}.observing-note span{color:#c8af87;margin-right:10px}
.observatory-instrument{position:absolute;z-index:1;width:min(49vw,650px);right:2%;bottom:53px;margin:0;pointer-events:none}
.telescope{display:block;width:100%;height:auto;transform:translate(var(--scope-x,0px),var(--scope-y,0px));filter:drop-shadow(0 22px 30px #0006)}
.telescope-mesh{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(9px 18px 17px #0008)}
.mesh-ready .telescope{visibility:hidden;transform:none}
.observatory-instrument figcaption{z-index:2}
.scope-orbit{position:absolute;width:72%;height:72%;left:15%;top:5%;border:1px solid #94aabe10;border-radius:50%;background:radial-gradient(ellipse,#26415418,transparent 65%)}
.observatory-instrument figcaption{position:absolute;bottom:3%;left:10%;display:flex;flex-direction:column;gap:9px;font-size:10px;letter-spacing:2px;color:#a8b8c7}
.scope-index{font:8px monospace;letter-spacing:2px;color:#c1a77d}
@media(min-width:601px) and (max-width:1000px){.hero-copy{max-width:52%;padding-top:100px}.hero-copy h1{font-size:clamp(38px,5.5vw,60px)}.observatory-instrument{width:54%;right:0;bottom:85px}.hero-copy .intro br{display:none}}
@media(max-width:600px){
 .hero{min-height:880px;height:auto;max-height:none;padding-bottom:85px}
 .hero-copy{padding-top:36px;max-width:100%}
 .hero-copy h1{font-size:43px;line-height:1.3;margin:17px 0}
 .hero-copy .intro{max-width:320px}
 .hero-copy .explore{margin-top:16px}
 .hero-top>span:first-child{display:block;font-size:8px}
 .motion-control{font-size:9px;padding:8px 10px}
 .hero-bottom{bottom:24px}
 .observatory-instrument{position:relative;right:auto;bottom:auto;width:100%;max-width:410px;margin:25px auto 0;height:auto}
 .observatory-instrument figcaption{bottom:0;left:2%}
 .observing-note{margin-top:19px;font-size:9px}
}