/* LAB animacje wejścia strony głównej aslandi.pl, v1 (30.09.2026), opis w wejscia.js. Tylko opacity, transform
   i clip-path; krzywe marki z labu (ease-out Emila jak w sekcjach, ease-in-out do odsłony zdjęć). Ukrycie wyłącznie
   pod html.we-js (klasa ze skryptu), więc bez JS, w druku i w trybie wysokiego kontrastu treść stoi od razu. */
html.we-js { --we-ease: cubic-bezier(0.23, 1, 0.32, 1); --we-ease-io: cubic-bezier(0.77, 0, 0.175, 1); }

/* przejścia tylko do końca wejścia; potem element wraca do własnych przejść sekcji (klasa we-koniec) */
html.we-js [data-we]:not(.we-koniec) {
  transition: opacity 600ms var(--we-ease) var(--we-op, 0ms), transform 650ms var(--we-ease) var(--we-op, 0ms);
}
html.we-js [data-we="tekst"]:not(.we-widac),
html.we-js [data-we="gora"]:not(.we-widac) { opacity: 0; transform: translate3d(0, 18px, 0); }
html.we-js [data-we="blisko"]:not(.we-widac) { opacity: 0; transform: translate3d(0, 10px, 0) scale(0.97); }
/* pytania FAQ: krótko w pionie, bo węzły trasy muszą zostać na linii */
html.we-js [data-we="nisko"]:not(.we-widac) { opacity: 0; transform: translate3d(0, 10px, 0); }

/* nagłówek: słowa wysuwają się spod maski (scroll-craft kinetic); maska ma zapas na ogonki g, y, p, j, ę, ą */
.we-maska { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.14em; margin-bottom: -0.14em; }
.we-slowo { display: inline-block; transition: transform 700ms var(--we-ease); }
html.we-js [data-we="naglowek"]:not(.we-widac) .we-slowo { transform: translate3d(0, 108%, 0); }
/* złote podkreślenie wyróżnionego słowa rysuje się od lewej, gdy słowa już stoją */
html.we-js [data-we="naglowek"]:not(.we-koniec) em {
  background-repeat: no-repeat; background-size: 100% 100%;
  transition: background-size 600ms var(--we-ease) calc(var(--we-op, 0ms) + var(--we-slow, 2) * 45ms + 250ms);
}
html.we-js [data-we="naglowek"]:not(.we-widac) em { background-size: 0% 100%; }

/* zdjęcia realizacji i portrety: odsłona od dołu, chwilę po wejściu kafla */
html.we-js [data-we]:not(.we-koniec) [data-we-zdjecie] { transition: clip-path 800ms var(--we-ease-io) calc(var(--we-op, 0ms) + 60ms); }
html.we-js [data-we]:not(.we-widac) [data-we-zdjecie] { clip-path: inset(100% 0 0 0); }

/* ograniczony ruch: bez przesunięć i odsłon, samo krótkie przenikanie */
html.we-js.we-bez-ruchu [data-we]:not(.we-koniec) { transition: opacity 300ms ease; }
html.we-js.we-bez-ruchu [data-we]:not(.we-widac) { transform: none; }
html.we-js.we-bez-ruchu [data-we]:not(.we-widac) [data-we-zdjecie] { clip-path: none; }

@media print, (forced-colors: active) {
  html.we-js [data-we] { opacity: 1 !important; transform: none !important; }
  html.we-js [data-we-zdjecie] { clip-path: none !important; }
  html.we-js .we-slowo { transform: none !important; }
}