/* www-starfield-brighter-2026-10-02 — brighter stars, keep twinkle + space drift */
/* Keep live radial glow on the starfield layer; stars stay animated */
body{background-image:none!important;background-attachment:scroll!important}
.starfield{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
  background-image: radial-gradient(70% 42% at 82% 100%, #78161c66, #0000 62%);
}
.stars{
  position:absolute;
  inset:-18%;
  width:136%;
  height:136%;
  background-image:url("/images/stars.svg");
  background-repeat:repeat;
  will-change:transform,opacity;
}
.stars-far{
  background-size:520px 520px;
  background-position:0 0;
  opacity:.78;
  animation:www-twinkle-far 5.5s ease-in-out infinite alternate,
            www-drift-far 70s linear infinite;
}
.stars-mid{
  background-size:300px 300px;
  background-position:90px 160px;
  opacity:.95;
  animation:www-twinkle-mid 3.6s ease-in-out infinite alternate,
            www-drift-mid 42s linear infinite;
}
.stars-near{
  background-size:200px 200px;
  background-position:40px 80px;
  opacity:1;
  animation:www-twinkle-near 2.4s ease-in-out infinite alternate,
            www-drift-near 26s linear infinite;
}
@keyframes www-twinkle-far{
  0%{opacity:.55} 45%{opacity:.95} 100%{opacity:.7}
}
@keyframes www-twinkle-mid{
  0%{opacity:.7} 35%{opacity:1} 100%{opacity:.82}
}
@keyframes www-twinkle-near{
  0%{opacity:.75} 30%{opacity:1} 65%{opacity:.82} 100%{opacity:1}
}
@keyframes www-drift-far{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-6%,8%,0) scale(1.08)}
}
@keyframes www-drift-mid{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-11%,14%,0) scale(1.14)}
}
@keyframes www-drift-near{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-18%,22%,0) scale(1.22)}
}
@media (prefers-reduced-motion:reduce){
  .stars-far,.stars-mid,.stars-near{animation:none;transform:none}
  .stars-far{opacity:.7}.stars-mid{opacity:.9}.stars-near{opacity:1}
}
/* Content above starfield (Build root uses #top) */
#top, main, footer, [data-www-root] { position:relative; z-index:1; }
header { position: sticky; top: 0; z-index: 50; }
html, body { overflow-anchor: none; }