.site-header { grid-template-columns:1fr auto 1fr; }
.observatory-mark { font-size:10px; letter-spacing:.25em; color:#b8bcb9; }
.burger { justify-self:end; display:grid; align-content:center; gap:7px; width:44px; height:44px; padding:10px 5px; border:0; background:none; cursor:pointer; }
.burger span { height:1px; width:30px; background:#e4e5df; }
.navigation-open { overflow:hidden; }
.navigation-dialog { width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:clamp(25px,5vw,80px); border:0; color:var(--white); background:#050709; }
.navigation-dialog::backdrop { background:#050709; }
.navigation-top { display:flex; align-items:center; justify-content:space-between; font-size:10px; letter-spacing:.15em; color:var(--muted); }
.navigation-close { background:none; color:var(--white); border:0; font:inherit; padding:15px; cursor:pointer; }
.navigation-dialog nav { max-width:1000px; margin:5vh auto; }
.navigation-dialog nav a { display:block; padding:18px 0; border-bottom:1px solid #ffffff20; }
.navigation-dialog small { display:block; color:var(--muted); font-size:9px; letter-spacing:.16em; margin-bottom:8px; }
.navigation-dialog strong { font-size:clamp(30px,5vw,64px); font-weight:300; letter-spacing:-.04em; }
.navigation-dialog a:hover strong,.navigation-dialog a[aria-current] strong { color:var(--accent); }
.navigation-dialog > p { font-size:12px; color:var(--muted); }
@media(max-width:600px) { .observatory-mark { font-size:9px; letter-spacing:.12em; } .site-header { gap:10px; } }

.navigation-stops { background:none; border:0; border-bottom:1px solid var(--line); color:var(--white); font:inherit; font-size:12px; padding:12px 0; cursor:pointer; }