/* Navigation order matches the four approved background references. */
body{isolation:isolate}
.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#080e18}
.sky-scene{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .65s ease}
.sky-scene--home{background-image:url("assets/backgrounds/01-temple.png")}
.sky-scene--reading{background-image:url("assets/backgrounds/02-nebula.png")}
.sky-scene--library{background-image:url("assets/backgrounds/03-lake.png")}
.sky-scene--history{background-image:url("assets/backgrounds/04-velvet.png")}
[data-route="home"] .sky-scene--home,
[data-route="reading"] .sky-scene--reading,
[data-route="library"] .sky-scene--library,
[data-route="history"] .sky-scene--history{opacity:1}
.sky:after{content:"";position:absolute;inset:0;opacity:1;background:linear-gradient(180deg,rgba(4,9,17,.55),rgba(4,9,17,.32) 35%,rgba(4,9,17,.68)),linear-gradient(90deg,rgba(4,9,17,.28),transparent 70%)}
.site-header,.site-footer,.dg-header,.dg-footer{text-shadow:0 2px 8px #000}
.hero-copy,.page-heading,.ritual-header,.dg-intro{text-shadow:0 2px 12px #0009}
.dg-gallery{background:transparent}
.dg-gallery:before{display:none}
.motion-paused .sky-scene{transition:none}
@media(max-width:700px){
  .sky:after{background:linear-gradient(180deg,rgba(4,9,17,.58),rgba(4,9,17,.4) 40%,rgba(4,9,17,.74))}
}
@media(prefers-reduced-motion:reduce){.sky-scene{transition:none}}