body{isolation:isolate}body>main{position:relative;z-index:1}.site-footer{position:relative;z-index:1}.landscape-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#04070d;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.landscape-backdrop video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88)}.scenery-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030a14c9 0%,#030a147a 48%,#030a1438 100%),linear-gradient(180deg,#06101c55 0%,#06101c15 45%,#06101c7a 100%)}.landscape-mode .landscape-backdrop{opacity:1;visibility:visible}.landscape-mode .universe{background:transparent}.landscape-mode .hero-copy h1{text-shadow:0 2px 26px #01091873}.landscape-mode .hero-intro{color:#d0ddeb;text-shadow:0 2px 10px #020b18b3}.landscape-mode .hero-copy .hello-note{color:#f0d6af}.landscape-mode .read-button{background:#0c192935;border-color:#ead1a875}.landscape-mode .read-button:hover{background:#0c192966}.landscape-mode .blog-content{max-width:1340px;margin-left:auto;margin-right:auto;border:1px solid #ffffff36;border-bottom:0;background:#f6f8fbe8}.landscape-mode.reading-dark .blog-content{background:#101a27e8;border-color:#b9d2ee21}.landscape-mode.inside-blog .blog-content{width:calc(100% - 64px);max-width:1280px;margin:24px auto 0;border-radius:20px 20px 0 0}.landscape-mode.inside-blog .site-header{background:#08142270;color:#f0f5fc;border-color:#ffffff1e}.landscape-mode.inside-blog .brand-icon{color:var(--gold)}.landscape-mode.inside-blog .brand-note{color:#c1cddd}.landscape-mode.inside-blog .site-header .icon-button,.landscape-mode.inside-blog .site-header .text-button{color:#dce7f5;border-color:#ffffff36}.landscape-mode .site-header .glass-nav{background:linear-gradient(110deg,#cfb0d42b,#d8b2873d 52%,#91b2ec36);border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff2d,0 8px 24px #0002}.landscape-mode .site-header .glass-nav>a{color:#dce5f3}.landscape-mode .site-header .glass-nav>a[aria-current]{color:#263242}.landscape-mode.reading-dark .site-header .glass-nav>a[aria-current]{color:#f1f6ff}.landscape-mode .theme-toggle{color:#d8e1ee}.landscape-mode .site-footer{background:#f6f8fbe8;padding-left:25px;padding-right:25px;border-radius:0 0 16px 16px;margin-bottom:25px}.landscape-mode.reading-dark .site-footer{background:#101a27e8}.landscape-mode .bottom-note,.landscape-mode .reset-button{color:#c4d3e5;text-shadow:0 1px 9px #0009}.background-dialog{color-scheme:light;width:min(92vw,470px);background:var(--paper);color:var(--reading-ink);border:1px solid var(--paper-line);padding:35px 28px 25px;border-radius:17px}.background-dialog h2{font-family:var(--font);font-size:24px;font-weight:500;margin:5px 0 25px;letter-spacing:0}.background-dialog .close-dialog{border-color:var(--paper-line);color:var(--reading-muted)}.scenery-preview{overflow:hidden;position:relative;border-radius:9px;aspect-ratio:1.65;background:#17293c}.scenery-preview img{width:100%;height:100%;object-fit:cover;display:block}.scenery-preview:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0613219c)}.scenery-preview>span{position:absolute;bottom:15px;left:16px;right:16px;z-index:1;font-size:10px;line-height:1.8;letter-spacing:.5px;color:#f1f7ff}.background-dialog>p{font-size:12px;line-height:1.8;color:var(--reading-muted);margin:20px 0}.scenery-options{display:flex;gap:12px;flex-wrap:wrap}.scenery-options button{font-size:12px;padding:0 16px;min-height:44px;background:#e6edf5;border:1px solid #b9c9dd;color:#365b83;border-radius:6px}.scenery-options button:hover{background:#dce7f3}.scenery-options button[aria-pressed=true]{background:#dae6f4;border-color:#9aafc9}.scenery-options button:disabled{opacity:.5}.background-dialog .scenery-credit{font-size:10px;line-height:1.9;border-top:1px solid var(--paper-line);padding-top:15px;margin-bottom:0}.scenery-credit a{text-underline-offset:3px}.reading-dark .background-dialog{color-scheme:dark}.reading-dark .scenery-options button{background:#24384f;border-color:#4a617c;color:#c6daef}.reading-dark .scenery-options button:hover{background:#304961}.reading-dark .scenery-options button[aria-pressed=true]{background:#304961;border-color:#6c89aa}.about-visual>p{font-size:11px;letter-spacing:2px}
@media(max-width:1100px){.landscape-mode.inside-blog .blog-content{width:calc(100% - 42px)}}
@media(max-width:700px){.site-header #immersive{display:none}.landscape-mode.inside-blog .blog-content{width:calc(100% - 24px);margin-top:15px;border-radius:13px 13px 0 0}.landscape-mode .blog-content{border-left:0;border-right:0}.landscape-mode .site-footer{padding:27px 20px;margin:0 12px 14px}.landscape-mode .scenery-shade{background:linear-gradient(180deg,#030a14a6 0%,#030a1470 50%,#030a1466 100%),linear-gradient(90deg,#030a143d,transparent)}.landscape-backdrop video{object-position:50% center}.background-dialog{padding:34px 22px 24px}.background-dialog h2{font-size:21px}.scenery-preview{aspect-ratio:1.5}.scenery-preview>span{font-size:9px;left:13px;bottom:12px}.scenery-options{gap:9px}.scenery-options button{font-size:11px;padding:0 13px}.view-immersive .exit-immersive{background:#0a1624d9}.view-immersive .universe{height:100svh;min-height:580px}}
@media(prefers-reduced-motion:reduce){.landscape-backdrop{transition:none}}

/* Clearer, wider landscape presentation after visual review. */
.scenery-shade{background:linear-gradient(90deg,#030a145c 0%,#030a1424 48%,#030a140d 100%),linear-gradient(180deg,#06101c21,transparent 45%,#06101c38)}
.landscape-backdrop video{filter:none}
.landscape-mode .blog-content{max-width:none;width:100%;background:#f6f8fb94;border-left:0;border-right:0;border-radius:0}
.landscape-mode.reading-dark .blog-content{background:#0d17259e;--reading-ink:#f1f6fc;--reading-muted:#d3dfed;--paper-line:#ffffff30}
.landscape-mode.inside-blog .blog-content{width:100%;max-width:none;border-radius:0;margin:0 auto}
.landscape-mode .reading-shell{max-width:1440px;padding:78px 64px 88px}
.landscape-mode .site-footer{max-width:none;margin:0;padding:38px max(5%,calc((100% - 1312px)/2));border-radius:0;background:#f6f8fb94}
.landscape-mode.reading-dark .site-footer{background:#0d17259e}
.landscape-mode.blog-home .universe{height:100svh;min-height:760px}
.landscape-mode .hero-copy{top:25%;max-width:570px}
.landscape-mode .hero-copy h1{font-size:clamp(40px,4.4vw,66px);font-weight:400;line-height:1.5;letter-spacing:1px;text-shadow:0 2px 20px #0009}
.landscape-mode .hero-intro{font-size:15px;color:#f1f6fc;line-height:2}
.bunny-mode.landscape-mode.blog-home .scene{width:min(62vw,830px);left:63%;top:59%}
.landscape-mode .controls{background:#10203360;box-shadow:none;border-color:#ffffff38}
@media(max-width:1100px){.landscape-mode .reading-shell{padding:62px 45px 75px}.landscape-mode .hero-copy{max-width:450px}.landscape-mode .hero-copy h1{font-size:43px}.bunny-mode.landscape-mode.blog-home .scene{width:78vw;left:61%;top:61%}}
@media(max-width:900px){.landscape-mode.blog-home .universe{height:980px;min-height:980px}.landscape-mode .hero-copy{top:20%;max-width:520px}.bunny-mode.landscape-mode.blog-home .scene{width:91vw;left:45%;top:69%}.landscape-mode .hero-copy h1{font-size:43px}}
@media(max-width:700px){.landscape-mode .reading-shell{padding:46px 25px 55px}.landscape-mode .scenery-shade{background:linear-gradient(180deg,#030a1447,transparent 48%,#030a1438)}.landscape-mode.blog-home .universe{height:930px;min-height:930px}.landscape-mode .hero-copy{top:175px}.landscape-mode .hero-copy h1{font-size:34px;line-height:1.6}.landscape-mode .hero-intro{font-size:12px}.bunny-mode.landscape-mode.blog-home .scene{width:116vw;left:43%;top:66%}.landscape-mode .site-footer{padding:30px 25px;margin:0}.landscape-mode.inside-blog .blog-content{width:100%;margin:0;border-radius:0}}
@media(max-width:380px){.landscape-mode .hero-copy h1{font-size:31px}}

/* Static, edge-feathered fallback for devices without WebGL. */
.cosmos-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 55%;opacity:0;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 63% 55%,#000 25%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at 63% 55%,#000 25%,transparent 76%)}
.cosmos-image.is-active{opacity:1}
.cosmic-mode .nebula{display:none}
.cosmic-mode.landscape-mode .scenery-shade{background:linear-gradient(90deg,#040916a8, #04091642 47%,#0409160a),linear-gradient(180deg,#04091630,transparent 45%,#04091650)}
.cosmic-mode.landscape-mode .site-header .icon-button,.cosmic-mode.landscape-mode .site-header .text-button{color:#edf3ff;background:#10172c48;border-color:#ffffff30}
.cosmic-mode.landscape-mode .site-header .glass-nav{background:#18233d65}
.cosmic-mode.landscape-mode .site-header .glass-nav>a{color:#e3eaf7}
.cosmic-mode.landscape-mode .site-header .glass-nav>a[aria-current]{color:#263242}
.cosmic-mode.reading-dark .site-header .glass-nav>a[aria-current]{color:#f1f6ff}
.cosmic-photo-credit{position:absolute;bottom:10px;left:4.2%;right:4.2%;font-size:9px;line-height:1.6;text-align:center;color:#d7e3f5cc;text-shadow:0 1px 5px #000;z-index:5;text-underline-offset:3px}
.footer-photo-credit{flex-basis:100%;font-size:10px;line-height:1.8;color:var(--reading-muted);text-underline-offset:3px}
body:not(.landscape-mode) .cosmic-photo-credit,body:not(.landscape-mode) .footer-photo-credit{display:none}
.cosmic-mode .site-footer{flex-wrap:wrap;row-gap:14px}
@media(max-width:700px){.cosmic-mode.landscape-mode .scenery-shade{background:linear-gradient(180deg,#04091670, #04091633 48%,#04091636)}.cosmos-image{object-position:48% center}.cosmic-photo-credit{font-size:8px;left:6%;right:6%;bottom:10px}.footer-photo-credit{display:block;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.cosmos-image{animation:none;transition:none}}

.cosmic-mode .landscape-backdrop{background:#020714}

.cosmic-mode.landscape-mode:not(.reading-dark) .blog-content{background:#f7f9fcc7;--reading-muted:#42546a;--reading-ink:#203248;--leaf:#285282}
.cosmic-mode.landscape-mode:not(.reading-dark) .site-footer{background:#f7f9fcc7;color:#203248;--reading-muted:#42546a}

/* A camera and depth layers replace the old image drift. The images remain a
   static fallback when WebGL is unavailable. */
.deep-sky-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.cosmic-live .landscape-backdrop>.cosmos-image{visibility:hidden}
.cosmic-live .landscape-backdrop>.scenery-shade{background:radial-gradient(ellipse at 12% 43%,#020610b3, #02061066 30%,transparent 62%),linear-gradient(0deg,#02061038,transparent 33%)}
@media(max-width:700px){.cosmic-live .landscape-backdrop>.scenery-shade{background:linear-gradient(180deg,#02061038,#020610b8 23%,#020610a3 40%,transparent 65%,#02061033)}}
/* The interactive atlas controls its own light. The photographic reading
   scrim must not darken its resting state, on either desktop or mobile. */
.cosmic-live.galaxy-hub-ready.blog-home .landscape-backdrop>.scenery-shade{background:none}
.sky-settings-observe{display:block;width:100%;min-height:44px;margin:0 0 14px;border:1px solid #87a4bf77;border-radius:8px;background:#6886a316;color:var(--reading-ink);font:inherit;font-size:13px;cursor:pointer}
.sky-settings-observe:disabled{opacity:.45;cursor:default}
.sky-observatory{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;background:#020610;color:#e5edf8;box-shadow:none;overscroll-behavior:none}
.sky-observatory::backdrop{background:#020610}
.sky-observatory-viewport{position:absolute;inset:0;touch-action:none;cursor:grab;outline:0}
.sky-observatory-viewport.is-dragging{cursor:grabbing}
.sky-observatory-viewport:focus-visible{outline:1px solid #c0d7ec66;outline-offset:-8px}
.sky-observatory-heading{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px 4%;pointer-events:none;background:linear-gradient(#020610bb,transparent)}
.sky-observatory-heading p{font-size:12px;line-height:1.5;color:#a7b9cc;margin:0 0 5px}
.sky-observatory-heading h2{font-family:var(--font);font-size:clamp(19px,2.2vw,27px);font-weight:400;letter-spacing:.02em;margin:0;line-height:1.5}
.sky-observatory button{font:inherit;font-size:12px;min-height:44px;border:1px solid #adc1dc38;background:#081321b8;color:#d9e7f6;cursor:pointer;padding:7px 15px;border-radius:999px;pointer-events:auto}
.sky-observatory button:hover{background:#203449e8;border-color:#d7e9ff88}
.sky-observatory button[aria-pressed=true]{background:#c1d1e3;color:#12273b;border-color:#c1d1e3}
.sky-observatory button:focus-visible,.sky-settings-observe:focus-visible{outline:2px solid #efc990;outline-offset:4px}
.sky-observatory button:disabled{opacity:.4;cursor:default}
.sky-observatory-heading button{display:inline-flex;align-items:center;gap:18px;white-space:nowrap}
.sky-observatory-heading button span{font-size:23px;line-height:1}
.sky-observatory-controls{position:absolute;inset:auto 0 0;padding:55px 4% max(20px,env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(transparent,#020610dd)}
.sky-observatory-controls .sky-gesture-hint{text-align:center;font-size:12px;line-height:1.7;color:#b6c6d8;margin:0 0 15px}
.sky-observatory-bar{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
.sky-zoom-controls{display:flex;align-items:center;gap:7px}
.sky-zoom-controls output{font-size:12px;min-width:45px;text-align:center;color:#c5d5e6;font-variant-numeric:tabular-nums}
.sky-zoom-controls [data-sky-minus],.sky-zoom-controls [data-sky-plus]{width:44px;padding:6px;font-size:19px}
.sky-observatory-controls .sky-observatory-credit{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 18px;font-size:9px;line-height:1.8;color:#7f95af;margin:20px 0 0}
.sky-observatory-credit a{pointer-events:auto;text-underline-offset:3px}
body.sky-observing{overflow:hidden}
@media(max-width:700px){.sky-observatory-heading{padding:24px 20px}.sky-observatory-heading button{font-size:11px;gap:10px;padding:7px 13px}.sky-observatory-controls{padding-left:18px;padding-right:18px}.sky-observatory-bar{gap:10px;flex-direction:column}.sky-observatory-controls .sky-gesture-hint{font-size:11px}.sky-observatory-controls .sky-observatory-credit{font-size:8px;gap:1px;flex-direction:column;align-items:center;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.sky-observatory *{scroll-behavior:auto}}