/* KXTXR responsive background routing.
   Every viewport resolves to a real carrier that exists in /assets/kxtxr/.
   KXTXR keeps its own environmental world across desktop, tablet and mobile. */

.scene-bg{
  background:
    linear-gradient(180deg,rgba(2,4,6,.18),rgba(2,4,6,.01) 46%,rgba(2,4,6,.10)),
    url("/assets/kxtxr/kxtxr-bg-desktop.webp") center center / cover no-repeat !important;
}

@media (min-width:601px) and (max-width:1180px) and (orientation:portrait){
  .scene-bg{
    background:
      linear-gradient(180deg,rgba(2,4,6,.16),rgba(2,4,6,.008) 47%,rgba(2,4,6,.09)),
      url("/assets/kxtxr/kxtxr-bg-tablet-portrait.webp") center center / cover no-repeat !important;
  }
}

@media (min-width:601px) and (max-width:1180px) and (orientation:landscape){
  .scene-bg{
    background:
      linear-gradient(180deg,rgba(2,4,6,.16),rgba(2,4,6,.008) 47%,rgba(2,4,6,.09)),
      url("/assets/kxtxr/kxtxr-bg-tablet-landscape.webp") center center / cover no-repeat !important;
  }
}

@media (max-width:600px){
  .scene-bg{
    background:
      linear-gradient(180deg,rgba(2,4,6,.17),rgba(2,4,6,.008) 47%,rgba(2,4,6,.10)),
      url("/assets/kxtxr/kxtxr-bg-mobile.webp") center center / cover no-repeat !important;
  }
}

.scene-bg::after{
  background:
    radial-gradient(circle at 50% 54%,rgba(125,238,255,.018),transparent 25%),
    radial-gradient(ellipse at 50% 100%,rgba(120,60,30,.025),transparent 60%) !important;
}