html[data-enter] .site-header,
html[data-enter] main,
html[data-enter] .site-footer{
  opacity:0;
  transform:translateY(16px);
}
html[data-enter].is-entered .site-header,
html[data-enter].is-entered main,
html[data-enter].is-entered .site-footer{
  opacity:1;
  transform:none;
  transition:opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1);
}
.enter-veil{
  position:fixed;inset:0;z-index:80;pointer-events:none;
  opacity:0;
}
html[data-enter] .enter-veil{opacity:1}
html[data-enter].is-entered .enter-veil{
  opacity:0;
  transition:opacity .85s cubic-bezier(.22,1,.36,1);
}
html[data-enter="uzleti"] .enter-veil{
  background:
    linear-gradient(90deg, rgba(4,28,22,.55), transparent 42%),
    linear-gradient(0deg, rgba(7,9,10,.78), transparent 48%),
    rgba(6,22,18,.42);
}
html[data-enter="palyazat"] .enter-veil{
  background:
    radial-gradient(ellipse 80% 70% at 50% 72%, rgba(241,237,228,.42), transparent 64%),
    linear-gradient(180deg, rgba(201,166,107,.18), transparent 46%);
}
html[data-enter="ikt"] .enter-veil{
  background:
    linear-gradient(90deg, rgba(7,9,10,.7), rgba(11,17,23,.28) 50%, rgba(7,9,10,.7)),
    rgba(8,12,18,.35);
}
@media (prefers-reduced-motion: reduce){
  html[data-enter] .site-header,
  html[data-enter] main,
  html[data-enter] .site-footer{
    transform:none;
  }
  html[data-enter].is-entered .site-header,
  html[data-enter].is-entered main,
  html[data-enter].is-entered .site-footer,
  html[data-enter].is-entered .enter-veil{
    transition-duration:.35s;
  }
}