.splash-screen{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  align-items:center;
  justify-content:center;
  background:var(--verde-hero);
}

.splash-screen.is-active{
  display:flex;
}

.splash-screen__logo{
  width:min(55vw,280px);
  height:auto;
}

@media (prefers-reduced-motion:no-preference){
  .splash-screen{
    transition:opacity 450ms ease;
  }

  .splash-screen.is-leaving{
    opacity:0;
  }

  .splash-screen__logo{
    opacity:0;
    transform:scale(0.82);
    transition:opacity 550ms cubic-bezier(.16,1,.3,1),transform 550ms cubic-bezier(.16,1,.3,1);
  }

  .splash-screen.is-visible .splash-screen__logo{
    opacity:1;
    transform:scale(1);
  }
}