@charset "UTF-8";
/* Two quiet fog planes: painted once, then moved without animated filters. */
.site-atmosphere .ruins-mist {
  position:absolute;
  left:-12%;
  width:124%;
  pointer-events:none;
  z-index:2;
  contain:paint;
  transform:translate3d(0,0,0);
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}
.site-atmosphere .mist-far {
  top:28%;
  height:42%;
  opacity:.22;
  background:
    radial-gradient(ellipse at 27% 64%,#b3c5a526 0%,#9fb79c12 30%,transparent 64%),
    radial-gradient(ellipse at 73% 36%,#cfdbb12c 0%,#a6bb9f12 28%,transparent 65%);
  animation-name:ruins-far-drift;
  animation-duration:64s;
  animation-delay:-19s;
}
.site-atmosphere .mist-near {
  bottom:-7%;
  height:38%;
  opacity:.34;
  background:
    radial-gradient(ellipse at 20% 67%,#b7c9aa32 0%,#9aac9219 34%,transparent 66%),
    radial-gradient(ellipse at 81% 40%,#e1d2a52e 0%,#c4c5a51a 27%,transparent 65%);
  animation-name:ruins-near-drift;
  animation-duration:48s;
  animation-delay:-13s;
}
@keyframes ruins-far-drift {
  from { transform:translate3d(-2%,1%,0); opacity:.16; }
  to { transform:translate3d(3%,-2%,0); opacity:.29; }
}
@keyframes ruins-near-drift {
  from { transform:translate3d(3%,0,0); opacity:.23; }
  to { transform:translate3d(-3%,3%,0); opacity:.4; }
}
:is(.motion-paused,.motion-disabled,.motion-suspended) .site-atmosphere .ruins-mist {
  animation-play-state:paused!important;
}
@media(max-width:760px) {
  .site-atmosphere .mist-far { display:none; }
  .site-atmosphere .mist-near {
    height:28%;
    bottom:0;
    animation-name:ruins-mobile-drift;
    animation-duration:72s;
  }
  @keyframes ruins-mobile-drift {
    from { transform:translate3d(2%,0,0); opacity:.18; }
    to { transform:translate3d(-2%,0,0); opacity:.27; }
  }
}
@media(prefers-reduced-motion:reduce) {
  .site-atmosphere .ruins-mist { animation:none!important; transform:none; }
  .site-atmosphere .mist-far { opacity:.18; }
  .site-atmosphere .mist-near { opacity:.22; }
}