/* Starscape landing background — base CSS (reusable).
   Apply to a Cornerstone SECTION given the class "mr4-starscape".
   Set the nebula per section with an additional rule, e.g.:
     #myHero{background-image:url("/wp-content/uploads/mediaryte/nebula_starless.webp")} */
.mr4-starscape{position:relative;background-color:#05060d;background-size:cover;background-position:center;background-repeat:no-repeat}
.mr4-starscape .mr4-sky{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}
.mr4-starscape > .x-row{position:relative;z-index:2}