/* Fundo: cena da cerejeira vermelha (imagem) + folhas caindo */
.site-bg-tree{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

.site-bg-tree__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:65% center;
  opacity:.4;
  user-select:none;
}

.site-bg-tree__scrim{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, var(--void, #0a0a10) 0%, rgba(10,10,16,.35) 32%, rgba(10,10,16,.12) 55%, rgba(10,10,16,.4) 100%),
    linear-gradient(180deg, rgba(10,10,16,.55) 0%, rgba(10,10,16,.1) 22%, rgba(10,10,16,.1) 70%, rgba(10,10,16,.6) 100%);
}

.site-bg-tree__leaves{
  position:absolute;
  inset:0;
}

.site-bg-leaf{
  position:absolute;
  top:-16px;
  border-radius:3px;
  opacity:0;
  animation-name:siteLeafFall;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}

@keyframes siteLeafFall{
  0%{transform:translate(0,0) rotate(0deg); opacity:0;}
  8%{opacity:.85;}
  92%{opacity:.7;}
  100%{transform:translate(var(--leaf-drift,60px), 108vh) rotate(300deg); opacity:0;}
}

@media (max-width:900px){
  .site-bg-tree__img{opacity:.28; object-position:70% center;}
}

@media (prefers-reduced-motion: reduce){
  .site-bg-leaf{animation:none; display:none;}
}