/* =========================================================
   storytellers. — INNER PAGES (Studio, Projects + case studies, Blog + posts, Contact, Legal, 404).
   Loaded only on inner pages via src/partials/inner.html, after minimal.css. Brings the homepage's
   astronaut-era look: deep-space galaxy canvas (assets/js/inner.js), uniform frosted liquid glass,
   black & white with the red dot as the only highlight. Does not touch the homepage, preloader or menu.
   ========================================================= */
body:not(.page-home) { background: #010307; }
.galaxy--inner { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: block; background: #010307; }
/* content always above the sky + vignette */
body:not(.page-home) main, body:not(.page-home) .footer, body:not(.page-home) footer, body:not(.page-home) .cta { position: relative; z-index: 1; }
/* sections are transparent so the galaxy reads through; glass panels frost it */
body:not(.page-home) .page-hero, body:not(.page-home) .post-hero, body:not(.page-home) .notfound, body:not(.page-home) .section { background: transparent !important; }
body:not(.page-home) .notfound .hero__bg { display: none; }
/* nav: same translucent frosted bar as the homepage over the galaxy */
body:not(.page-home) .nav { background: rgba(4, 6, 12, .42) !important; -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid rgba(255,255,255,.06); }
/* the old glass orb is retired on inner pages: its spot becomes the astronaut hook */
body:not(.page-home) .css-orb, body:not(.page-home) .page-hero::after { display: none !important; }
/* ASTRONAUT HOOK: empty, reserved box for the per-page astronaut moment (e.g. torch on Projects).
   inner.js adds <div class="astro-hook" data-astro-hook="{page}"> to each page hero. Nothing renders yet. */
.astro-hook { position: absolute; pointer-events: none; z-index: 0; right: clamp(20px, 4vw, 64px); top: clamp(96px, 11vw, 150px);
  width: clamp(220px, 26vw, 420px); aspect-ratio: 3 / 4; }
@media (max-width: 900px) { .astro-hook { position: relative; right: auto; top: auto; width: 100%; height: 0; aspect-ratio: auto; } }
/* uniform frost everywhere a panel sits (panels were solid black on inner pages) */
body:not(.page-home) .banner, body:not(.page-home) .art, body:not(.page-home) .post-cover, body:not(.page-home) .project__media { background-color: rgba(12, 14, 20, .5); }
body:not(.page-home) .panel { background: rgba(10, 12, 18, .38) !important;
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat)); backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  box-shadow: inset 1px 1px 0 rgba(255,255,255,.22), inset -1px -1px 0 rgba(255,255,255,.05), inset 0 0 0 1px rgba(255,255,255,.06), 0 30px 80px -40px rgba(0,0,0,.7) !important; }
body:not(.page-home) .panel--light { color: inherit; }
/* red brush strokes behind glass: uniform frost, no hard edges */
body:not(.page-home) .rb, body:not(.page-home) [class*="stroke"] svg { filter: blur(18px); }
/* red is only the dot */
body:not(.page-home) .stop { color: #e60617; }
body:not(.page-home) .nav__links a[aria-current]::after { background: #fff !important; }
/* guard: scroll-scrubbed media (gallery scale/tilt) must never cause sideways scroll */
body:not(.page-home) main { overflow-x: clip; }