@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/


.opacity0 {
	opacity: 0;
}

.opacity1 {
	opacity: 1;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}


.animated-delay {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 8%, 0);
    transform: translate3d(0, 8%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 8%, 0);
    transform: translate3d(0, 8%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.fadeInUp-delay {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-delay: 0.6s;
}

.fadeInUp-delay2 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-delay: 1.1s;
}

/* --- Block animations (inspector) --- */

/*
 * Stan początkowy w CSS (bez czekania na JS) — eliminuje FOUC.
 * Wyższy próg opacity dla slide; delikatniejszy ruch.
 */
.has-animation.anim-fade:not(.is-visible) {
  opacity: 0;
}

.has-animation.anim-slide-up:not(.is-visible) {
  opacity: 0;
  -webkit-transform: translate3d(0, 1.1rem, 0);
  transform: translate3d(0, 1.1rem, 0);
}

.has-animation.anim-slide-down:not(.is-visible) {
  opacity: 0;
  -webkit-transform: translate3d(0, -1.1rem, 0);
  transform: translate3d(0, -1.1rem, 0);
}

.has-animation.anim-text-slide:not([data-anim-prepared]) {
  opacity: 0;
}

/* Kontener: dzieci kolejno — każde dziecko osobno w viewport */
.has-animation.anim-children-stagger:not([data-anim-prepared]) > *:not(.wp-block-group__inner-container),
.has-animation.anim-children-stagger:not([data-anim-prepared]) > .wp-block-group__inner-container > *,
.has-animation.anim-children-stagger .anim-stagger-child:not(.is-visible) {
  opacity: 0;
  -webkit-transform: translate3d(0, 4.5rem, 0);
  transform: translate3d(0, 4.5rem, 0);
}

@-webkit-keyframes animFadeInUpStagger {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 4.5rem, 0);
    transform: translate3d(0, 4.5rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes animFadeInUpStagger {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 4.5rem, 0);
    transform: translate3d(0, 4.5rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.has-animation.anim-children-stagger .anim-stagger-child.is-visible {
  -webkit-animation-name: animFadeInUpStagger;
  animation-name: animFadeInUpStagger;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: var(--anim-stagger-delay, 0s);
  animation-delay: var(--anim-stagger-delay, 0s);
}

.has-animation.anim-fade.is-visible,
.has-animation.anim-slide-up.is-visible,
.has-animation.anim-slide-down.is-visible {
  -webkit-animation-duration: 1.35s;
  animation-duration: 1.35s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

@-webkit-keyframes animFadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes animFadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.has-animation.anim-fade.is-visible {
  -webkit-animation-name: animFadeIn;
  animation-name: animFadeIn;
}

@-webkit-keyframes animFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.1rem, 0);
    transform: translate3d(0, 1.1rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes animFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.1rem, 0);
    transform: translate3d(0, 1.1rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.has-animation.anim-slide-up.is-visible {
  -webkit-animation-name: animFadeInUp;
  animation-name: animFadeInUp;
}

@-webkit-keyframes animFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1.1rem, 0);
    transform: translate3d(0, -1.1rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes animFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1.1rem, 0);
    transform: translate3d(0, -1.1rem, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.has-animation.anim-slide-down.is-visible {
  -webkit-animation-name: animFadeInDown;
  animation-name: animFadeInDown;
}

/* Text slide down — spokojniejszy stagger */
.anim-text-slide .anim-word {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  padding-bottom: 0.15em;
  margin-bottom: -0.15em;
}

.anim-text-slide .anim-word-inner {
  display: inline-block;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  will-change: transform;
}

.anim-text-slide.is-visible .anim-word-inner {
  -webkit-animation-name: textSlideDown;
  animation-name: textSlideDown;
  -webkit-animation-duration: 1.05s;
  animation-duration: 1.05s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes textSlideDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes textSlideDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* Header — wjazd od góry po załadowaniu strony */
header.header-intro {
  opacity: 0;
  -webkit-transform: translate3d(0, calc(-100% - 1.5rem), 0);
  transform: translate3d(0, calc(-100% - 1.5rem), 0);
  -webkit-animation: headerSlideIn 1.27s cubic-bezier(0.22, 0.61, 0.36, 1) 0.29s forwards;
  animation: headerSlideIn 1.27s cubic-bezier(0.22, 0.61, 0.36, 1) 0.29s forwards;
}

@-webkit-keyframes headerSlideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, calc(-100% - 1.5rem), 0);
    transform: translate3d(0, calc(-100% - 1.5rem), 0);
  }
  35% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes headerSlideIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, calc(-100% - 1.5rem), 0);
    transform: translate3d(0, calc(-100% - 1.5rem), 0);
  }
  35% {
    opacity: 0;
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .has-animation.anim-fade:not(.is-visible),
  .has-animation.anim-slide-up:not(.is-visible),
  .has-animation.anim-slide-down:not(.is-visible),
  .has-animation.anim-text-slide:not([data-anim-prepared]),
  .has-animation.anim-children-stagger:not([data-anim-prepared]) > *:not(.wp-block-group__inner-container),
  .has-animation.anim-children-stagger:not([data-anim-prepared]) > .wp-block-group__inner-container > *,
  .has-animation.anim-children-stagger .anim-stagger-child,
  .anim-text-slide .anim-word-inner,
  header.header-intro {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
}