.public-site{position:relative;isolation:isolate;--muted:#b7bfb8}
/* A fixed layer stays still on mobile too, without scroll listeners. */
.public-site::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,#0b111824,#0b11185c 32%,#0b11185c 68%,#0b111824),
    var(--scene-animation,none) center/cover no-repeat,
    url('/website/images/bastioes-noite.png') center/cover no-repeat;
}
.public-site[data-scene-lights="on"][data-scene-animation="ready"]{--scene-animation:url('/website/images/frontwar-luzes-animadas-v1.gif')}
.public-site .clan-section{background:#111a2099}
.public-site .start-section{background:radial-gradient(ellipse at 100% 50%,#34412d40,transparent 70%),#111a2088}
.public-site .integration-strip,.public-site footer{background:#0d131bde}
@media(max-width:760px){
  .public-site::before{background-position:center,25% center,25% center}
}