/* Original star field: no photographic tiles or external runtime assets. */
.sky { background: #050a13; }
.sky.galaxy-sky {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: #050a13;
  opacity: 1;
  contain: strict;
}
.sky.galaxy-sky > :not(.galaxy-layer) { display: none; }
.sky.galaxy-sky > .galaxy-layer {
  display: block;
  position: absolute;
  inset: -12px;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  pointer-events: none;
  transform: scale(1);
  will-change: transform;
  backface-visibility: hidden;
}
.sky.galaxy-sky > .galaxy-flight { will-change: auto; }
.sky.galaxy-sky[data-motion="static"] > .galaxy-layer { will-change: auto; }
/* Keep the surrounding sky visible; dim only the immediate reading areas. */
.galaxy-ready .hero-copy,
.galaxy-ready .section-heading,
.galaxy-ready .collection-toolbar { position: relative; isolation: isolate; }
.galaxy-ready .hero-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -32px -28px -28px -38px;
  background: radial-gradient(ellipse at 38% 49%, #050a13d9 0%, #050a13a6 38%, #050a134d 63%, transparent 78%);
  pointer-events: none;
}
.galaxy-ready .section-heading::before,
.galaxy-ready .collection-toolbar::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -14px -24px;
  background: radial-gradient(ellipse at 24% 52%, #050a13a3, #050a1366 45%, transparent 77%);
  pointer-events: none;
}
@media (max-width: 680px) {
  .galaxy-ready .hero-copy::before { inset: -30px -24px -24px; background: radial-gradient(ellipse at 37% 43%, #050a13d1 0%, #050a1399 43%, transparent 81%); }
  .galaxy-ready .section-heading::before,
  .galaxy-ready .collection-toolbar::before { inset: -13px -18px; }
}
@media (prefers-reduced-motion: reduce) {
  .sky.galaxy-sky > .galaxy-layer { will-change: auto; }
}