{"id":169,"date":"2025-07-14T20:18:24","date_gmt":"2025-07-14T18:18:24","guid":{"rendered":"https:\/\/hilaris-blonie.pl\/?page_id=169"},"modified":"2026-09-10T14:57:44","modified_gmt":"2026-09-10T12:57:44","slug":"strona-glowna","status":"publish","type":"page","link":"https:\/\/hilaris-blonie.pl\/","title":{"rendered":"STRONA G\u0141\u00d3WNA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"169\" class=\"elementor elementor-169\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-671f7a2 e-grid e-con-boxed e-con e-parent\" data-id=\"671f7a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a092815 elementor-widget elementor-widget-html\" data-id=\"a092815\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\n     HILARIS \u2014 STRONA G\u0141\u00d3WNA (hilaris-blonie.pl), wersja RESPONSYWNA v14.1\n     Jeden widget HTML w Elementorze. Zalecane ustawienie kontenera:\n     szeroko\u015b\u0107 \"Pe\u0142na szeroko\u015b\u0107\", dope\u0142nienie (padding) 0, szablon strony\n     \"Elementor Full Width\" \u2014 nag\u0142\u00f3wek i stopka s\u0105 globalne.\n     Prefiks CSS: .hxg-   \/   identyfikator: #hxg\n     ZMIANY W v14.1 (naprawa monety na telefonie):\n     \u2022 PRZYCZYNA usterki: regu\u0142a \"#hxt .hxt-edycja span\" \u0142apa\u0142a KA\u017bDY element\n       span w karcie edycji \u2014 a wi\u0119c tak\u017ce monet\u0119 przeniesion\u0105 tam na telefonie\n       i wszystkie jej wewn\u0119trzne warstwy. Nadpisywa\u0142a rozmiar na .88rem\n       (moneta kurczy\u0142a si\u0119 do ~14 px) i zamienia\u0142a \"display:flex\" na \"block\",\n       przez co awers i rewers si\u0119 rozje\u017cd\u017ca\u0142y.\n     \u2022 regu\u0142a jest teraz zaw\u0119\u017cona do opisu w karcie (\".hxt-edycja__t span\"),\n       wi\u0119c nie dotyka ani monety, ani ikony etapu\n     \u2022 przy okazji wr\u00f3ci\u0142a w\u0142a\u015bciwa wielko\u015b\u0107 ikon \ud83c\udfc6 i \ud83c\udfaf w kartach edycji \u2014\n       one te\u017c by\u0142y zmniejszane przez t\u0119 sam\u0105 regu\u0142\u0119\n     \u2022 wszystkie wewn\u0119trzne warstwy monety maj\u0105 teraz wy\u017csz\u0105 wag\u0119 selektora\n       (poprzedzone \".hxt-moneta\"), wi\u0119c \u017cadna regu\u0142a sekcji ani motywu ich\n       ju\u017c nie ruszy, gdziekolwiek moneta zostanie przeniesiona\n     \u2022 moneta w karcie jest wi\u0119ksza: 72 px zamiast 64 px\n     ZMIANY W v14 (Talenciak od nowa):\n     \u2022 moneta ma prawdziw\u0105 grubo\u015b\u0107: kraw\u0119d\u017a to pier\u015bcie\u0144 30 z\u0105bk\u00f3w ustawionych\n       w przestrzeni 3D (jak rade\u0142kowanie na prawdziwym bilonie), a nie p\u0142aski\n       kr\u0105\u017cek \u2014 przy obrocie wida\u0107 bok monety\n     \u2022 rewers: LOGO HILARIS ze strony g\u0142\u00f3wnej, wybite na granatowym tle\n     \u2022 awers: z\u0142oto z wypuk\u0142ym pier\u015bcieniem, gwiazd\u0105 i napisem TALENCIAK\n     \u2022 po metalu przebiega po\u0142ysk, moneta lekko si\u0119 ko\u0142ysze (dwa r\u00f3\u017cne okresy,\n       wi\u0119c ruch nie jest mechaniczny), a pod spodem pulsuje z\u0142ota po\u015bwiata\n     \u2022 kraw\u0119d\u017a budowana w skrypcie w jednostkach \"em\", wi\u0119c ta sama moneta\n       dzia\u0142a w ka\u017cdym rozmiarze; bez skryptu zostaje zwyk\u0142y dwustronny kr\u0105\u017cek\n     \u2022 najechanie kursorem: moneta powi\u0119ksza si\u0119 i przyspiesza\n     ZMIANY W v13.3:\n     \u2022 Talenciak jest w kodzie JEDEN. Na telefonie skrypt przenosi ten sam\n       element do karty \"Ta edycja\", a po powrocie na szeroki ekran wstawia\n       go z powrotem nad tytu\u0142 sekcji \u2014 \u017cadnej drugiej kopii w kodzie\n     \u2022 na komputerze sekcja wygl\u0105da dok\u0142adnie tak jak wcze\u015bniej\n     ZMIANY W v13.2:\n     \u2022 cyfry 1-2-3 wycentrowane w z\u0142otych ko\u0142ach: kroki to teraz zwyk\u0142e\n       kontenery, a nie lista <ol> (motyw witryny dok\u0142ada\u0142 w\u0142asny, krzywo\n       ustawiony numer listy), a samo ko\u0142o centruje cyfr\u0119 na sztywno\n     \u2022 telefon: obracaj\u0105cy si\u0119 Talenciak schodzi z g\u00f3ry sekcji do wolnego\n       rogu karty \"Ta edycja\" \u2014 stoi w jednym rz\u0119dzie z plakietk\u0105\n       \"Zbieramy\", po prawej stronie\n     \u2022 monety w tle sekcji s\u0105 delikatniejsze i lekko rozmyte, wi\u0119c nie\n       przebijaj\u0105 ju\u017c przez p\u00f3\u0142przezroczyste karty\n     ZMIANY W v13.1:\n     \u2022 przycisk \"O akcji\" prowadzi na www.lidl.pl\/c\/szkoly\/s10012469\n     ZMIANY W v13 (akcja Lidla):\n     \u2022 NOWA sekcja \"Zbieramy Talenciaki\" wstawiona dok\u0142adnie mi\u0119dzy\n       \"Gdzie chc\u0105 Pa\u0144stwo zajrze\u0107?\" a \"Cztery rzeczy, kt\u00f3re wida\u0107 od\n       pierwszego dnia\" \u2014 ciemny, granatowo-z\u0142oty pas, kt\u00f3ry przecina\n       biel strony i od razu przyci\u0105ga wzrok\n     \u2022 w\u0142asny prefiks .hxt- i identyfikator #hxt, \u017ceby da\u0142o si\u0119 j\u0105 p\u00f3\u017aniej\n       wyci\u0105\u0107 albo przenie\u015b\u0107 jednym ruchem (szukaj: POCZ\u0104TEK \/ KONIEC\n       SEKCJI TALENCIAKI \u2014 s\u0105 trzy takie miejsca: style, tre\u015b\u0107 i skrypt)\n     \u2022 zawarto\u015b\u0107: obracaj\u0105ca si\u0119 moneta 3D, unosz\u0105ce si\u0119 Talenciaki w tle,\n       informacja o zesz\u0142orocznej tablicy interaktywnej (sala nr 10),\n       trzy kroki (Lidl -> pude\u0142ko w szatni lub wychowawca -> nagroda),\n       przycisk do naszej strony w serwisie Lidla, numer plac\u00f3wki\n       z kopiowaniem do schowka oraz dwa zdj\u0119cia akcji\n     ZMIANY W v12 (egzaminy Cambridge \u2014 stan faktyczny):\n     \u2022 atut \"Certyfikaty Cambridge\": pe\u0142na \u015bcie\u017cka egzamin\u00f3w \u2014 YLE (Starters,\n       Movers, Flyers) oraz KET, PET i FCE\n     \u2022 \u015bcie\u017cka rozwoju, klasy 4 \u2013 6: przygotowanie do KET lub PET\n       (odznaka: \"Cambridge KET lub PET\")\n     \u2022 \u015bcie\u017cka rozwoju, klasy 7 \u2013 8: PET albo FCE (poziom B2); zaznaczone,\n       \u017ce do FCE przyst\u0119puj\u0105 u nas ju\u017c si\u00f3dmoklasi\u015bci\n     \u2022 sekcja \"Hilaris w liczbach\": zdawalno\u015b\u0107 dotyczy KET, PET i FCE\n     ZMIANY W v11:\n     \u2022 nowy podzia\u0142 grup przedszkolnych w sekcji \"\u015acie\u017cka rozwoju\":\n       Pszcz\u00f3\u0142ki (2,5\u20133 lata), Chmurki (4 lata), Biedroneczki (5 lat),\n       Robaczki \u2014 grupa zer\u00f3wkowa (6 lat)\n     \u2022 etap 1: \"Pszcz\u00f3\u0142ki i Chmurki\" (2,5 \u2013 4 lata), ikona \ud83d\udc1d\n     \u2022 etap 2: \"Biedroneczki i Robaczki\" (5 \u2013 6 lat), ikona \ud83d\udc1e\n     \u2022 w obu etapach wypunktowane nazwy grup wraz z wiekiem\n     ZMIANY W v10:\n     \u2022 kafle Przedszkole \/ Szko\u0142a nie \"wskakuj\u0105\": wolniejszy wjazd z lekkim\n       przybli\u017ceniem, wi\u0119kszy odst\u0119p mi\u0119dzy nimi, a zdj\u0119cia wtapiaj\u0105 si\u0119\n       dopiero po faktycznym wczytaniu\n     ZMIANY W v9:\n     \u2022 odznaka w ostatnim etapie: \"Cambridge PET + egzamin 8 klas\"\n     ZMIANY W v8:\n     \u2022 podpis na zdj\u0119ciu: \"Dwuj\u0119zyczne Przedszkole i Szko\u0142a Podstawowa\";\n       na komputerze druga linia zaczyna si\u0119 s\u0142owem \"jeden\"\n     ZMIANY W v7:\n     \u2022 kadr zdj\u0119cia z drona liczony w locie: budynek zawsze trafia w wolny pas\n       mi\u0119dzy napisami, niezale\u017cnie od powi\u0119kszenia przegl\u0105darki i rozmiaru okna\n       (jedyna liczba do dostrojenia: --hxg-budynek)\n     \u2022 koniec obcinania ko\u0144c\u00f3wek liter w ha\u015ble (np. \"w\" w s\u0142owie Follow)\n     ZMIANY W v6:\n     \u2022 kadr zdj\u0119cia z drona zale\u017cny od wysoko\u015bci okna \u2014 przy 100% powi\u0119kszenia\n       budynek schodzi ni\u017cej i napisy go nie zas\u0142aniaj\u0105\n     \u2022 has\u0142o: \u0142agodny z\u0142oto-bia\u0142y przelot \u015bwiat\u0142a zamiast w\u0105skiego z\u0142otego paska,\n       l\u017cejsze pogrubienie has\u0142a i podpisu pod nim\n     \u2022 \"Szko\u0142a Podstawowa\" wielkimi literami w podpisie na zdj\u0119ciu\n     ZMIANY W v5:\n     \u2022 has\u0142o \"Follow your passion!\" pismem odr\u0119cznym (Caveat), s\u0142owa wje\u017cd\u017caj\u0105\n       po kolei rozja\u015bniaj\u0105c si\u0119 z\u0142otem, potem co 12 s powolny z\u0142oty po\u0142ysk\n     \u2022 wyr\u00f3wnane podpisy (wiek \/ klasy) w ma\u0142ych odno\u015bnikach do plac\u00f3wek\n     ZMIANY W v4:\n     \u2022 czcionka tytu\u0142\u00f3w: Roboto Slab zamiast Fraunces (bez ozdobnych \"J\");\n       Fraunces zosta\u0142a tylko w kursywie angielskiego has\u0142a w hero\n     \u2022 w sekcji \"Na skr\u00f3ty\" wr\u00f3ci\u0142y ma\u0142e odno\u015bniki do Przedszkola i Szko\u0142y\n       (sama nazwa i wiek \/ klasy)\n     \u2022 ujednolicone efekty najechania + obrys przy nawigacji klawiatur\u0105\n     ZMIANY W v3:\n     \u2022 kafle Przedszkole \/ Szko\u0142a zaraz pod zdj\u0119ciem z drona; przy najechaniu\n       tylko subtelny b\u0142ysk i delikatne powi\u0119kszenie zdj\u0119cia\n     \u2022 nowe zdj\u0119cie w kaflu Przedszkola\n     \u2022 telefon: mniejsze logo (-15%), tytu\u0142 (-13%) i podpis (-18%) \u2014 napisy id\u0105\n       w g\u00f3r\u0119 i ods\u0142aniaj\u0105 budynek na zdj\u0119ciu\n     ZMIANY W v2:\n     \u2022 usuni\u0119ta sekcja \"Kontakt\" (dane s\u0105 w globalnej stopce)\n     \u2022 kafle Przedszkole \/ Szko\u0142a: sama nazwa i wiek\n     \u2022 telefon: hero jak w dawnej wersji mobilnej (zdj\u0119cie z drona, logo, napisy),\n       wyra\u017aniejszy podpis \"Dwuj\u0119zyczne przedszkole \/ i szko\u0142a podstawowa w B\u0142oniu\",\n       przyciski w bia\u0142ej sekcji pod zdj\u0119ciem\n     \u2022 komputer: napisy wyci\u0105gni\u0119te do g\u00f3ry, has\u0142o EN i przyciski zepchni\u0119te na d\u00f3\u0142\n       kadru; usuni\u0119ta strza\u0142ka \"Poznaj nas\"\n     \u2022 nowa sekcja \"\u015acie\u017cka rozwoju\" (skr\u00f3cona do pi\u0119ciu etap\u00f3w)\n     \u2022 \u017cywsze reakcje na najechanie: uniesienie, z\u0142oty obrys, przesuwaj\u0105cy si\u0119 b\u0142ysk\n     ========================================================================== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@600;700&family=Figtree:wght@400;500;600;700;800&family=Fraunces:ital,opsz,wght@1,9..144,500&family=Roboto+Slab:wght@600;700;800&display=swap');\n#hxg, #hxg *, #hxg *::before, #hxg *::after{ box-sizing:border-box; }\n#hxg{\n  \/* ==== KOLORY ==== *\/\n  --hxg-granat:#0E2B4D;\n  --hxg-granat-c:#0A1F3A;\n  --hxg-granat-j:#17406B;\n  --hxg-zloto:#D9A417;\n  --hxg-zloto-j:#F0C64B;\n  --hxg-atrament:#12324B;\n  --hxg-atrament-2:#5A6E7E;\n  --hxg-linia:#E2E8EC;\n  --hxg-papier:#FFFFFF;\n  --hxg-mgla:#F3F6F8;\n  \/* ==== KADR ZDJ\u0118CIA W HERO ====\n     Na komputerze kadr wylicza skrypt (patrz funkcja \"kadruj\" na dole pliku):\n     tak dobiera wycinek zdj\u0119cia, \u017ceby budynek zawsze trafia\u0142 w wolny pas\n     mi\u0119dzy napisami u g\u00f3ry a has\u0142em i przyciskami u do\u0142u \u2014 niezale\u017cnie od\n     powi\u0119kszenia przegl\u0105darki i rozmiaru okna.\n     --hxg-budynek = gdzie w PLIKU ze zdj\u0119ciem jest \u015brodek budynku\n     (0% = g\u00f3ra zdj\u0119cia, 100% = d\u00f3\u0142). To jedyna liczba do ewentualnego\n     dostrojenia: mniejsza warto\u015b\u0107 podnosi budynek, wi\u0119ksza opuszcza.\n     Warto\u015bci poni\u017cej dzia\u0142aj\u0105 tylko awaryjnie \u2014 gdy skrypt si\u0119 nie wykona. *\/\n  --hxg-budynek:53%;\n  --hxg-kadr:46%;\n  --hxg-kadr-tel:40%;\n  \/* ==== CZCIONKA TYTU\u0141\u00d3W ====\n     Zamiennik dla Fraunces (mia\u0142a ozdobne, \"krzywe\" J).\n     Alternatywy do podmiany w tym jednym miejscu: 'Zilla Slab', 'Bitter', 'Arvo'\n     \u2014 pami\u0119taj wtedy zmieni\u0107 tak\u017ce nazw\u0119 rodziny w @import na g\u00f3rze pliku.\n     Fraunces zostaje wy\u0142\u0105cznie w kursywie angielskiego has\u0142a w hero. *\/\n  --hxg-tytul:'Roboto Slab', Georgia, 'Times New Roman', serif;\n  \/* ==== CZCIONKA HAS\u0141A \"FOLLOW YOUR PASSION!\" ====\n     Pismo odr\u0119czne, ale czytelne. Alternatywy: 'Dancing Script' (bardziej\n     kaligraficzne), 'Kalam', 'Patrick Hand' \u2014 pami\u0119taj o zmianie w @import. *\/\n  --hxg-recznie:'Caveat', 'Segoe Script', 'Bradley Hand', cursive;\n  \/* ==== ZAOKR\u0104GLENIA ==== *\/\n  --hxg-r:18px;\n  \/* ================= *\/\n  display:block; width:100%;\n  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;\n  color:var(--hxg-atrament); line-height:1.6; background:var(--hxg-papier);\n  -webkit-font-smoothing:antialiased;\n}\n#hxg a{ text-decoration:none; color:inherit; }\n#hxg img{ display:block; max-width:100%; }\n#hxg p{ margin:0 0 1em; }\n#hxg p:last-child{ margin-bottom:0; }\n\/* motyw witryny nadpisuje kolory nag\u0142\u00f3wk\u00f3w \u2014 wymuszamy w\u0142asne *\/\n#hxg h1, #hxg h2, #hxg h3{\n  font-family:var(--hxg-tytul) !important;\n  font-weight:700 !important; line-height:1.14 !important;\n  letter-spacing:-.015em; margin:0 !important; color:var(--hxg-granat) !important;\n}\n#hxg a:focus-visible, #hxg button:focus-visible{\n  outline:2px solid var(--hxg-zloto); outline-offset:3px; border-radius:14px;\n}\n#hxg .hxg-in{ max-width:1200px; margin:0 auto; padding:0 clamp(16px,4vw,40px); }\n#hxg .hxg-sekcja{ padding:clamp(44px,6.5vw,92px) 0; }\n#hxg .hxg-sekcja--mgla{ background:var(--hxg-mgla); }\n\/* \u2500\u2500 wsp\u00f3lny nag\u0142\u00f3wek sekcji \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hxg .hxg-nad{\n  display:inline-block; font-size:.74rem; letter-spacing:.24em; text-transform:uppercase;\n  font-weight:800; color:var(--hxg-zloto); margin-bottom:12px;\n}\n#hxg .hxg-tyt{ font-size:clamp(1.7rem,3.6vw,2.7rem); }\n#hxg .hxg-tyt em{ font-style:normal; color:var(--hxg-zloto) !important; }\n#hxg .hxg-lead{ margin-top:12px; color:var(--hxg-atrament-2); font-size:clamp(1rem,1.5vw,1.1rem); max-width:62ch; }\n#hxg .hxg-glowka{ margin-bottom:clamp(26px,4vw,44px); }\n#hxg .hxg-glowka--srodek{ text-align:center; }\n#hxg .hxg-glowka--srodek .hxg-lead{ margin-left:auto; margin-right:auto; }\n\/* \u2500\u2500 wjazd element\u00f3w \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hxg [data-hxg]{ opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.25,1); }\n#hxg [data-hxg].jest-widoczny{ opacity:1; transform:none; }\n\/* \u2500\u2500 B\u0141YSK PRZY NAJECHANIU (wsp\u00f3lny) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#hxg .hxg-blask{ position:relative; overflow:hidden; }\n#hxg .hxg-blask::after{\n  content:\"\"; position:absolute; top:-25%; left:-70%; width:42%; height:150%;\n  background:linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent);\n  transform:skewX(-18deg); opacity:0; pointer-events:none; z-index:4;\n}\n#hxg .hxg-blask:hover::after{ animation:hxg-przesun .85s ease; }\n\/* kafle Przedszkole \/ Szko\u0142a \u2014 b\u0142ysk jeszcze delikatniejszy i wolniejszy *\/\n#hxg .hxg-drzwi__k.hxg-blask::after{ background:linear-gradient(100deg, transparent, rgba(255,255,255,.26), transparent); }\n#hxg .hxg-drzwi__k.hxg-blask:hover::after{ animation:hxg-przesun 1.1s ease; }\n@keyframes hxg-przesun{\n  0%{ left:-70%; opacity:0; } 15%{ opacity:1; } 100%{ left:130%; opacity:0; }\n}\n@media (prefers-reduced-motion:reduce){\n  #hxg [data-hxg]{ opacity:1 !important; transform:none !important; transition:none !important; }\n  #hxg .hxg-blask:hover::after{ animation:none; }\n  #hxg *{ animation:none !important; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-hero{\n  position:relative; overflow:hidden; background:var(--hxg-granat);\n  min-height:clamp(560px,88vh,920px);\n  display:flex; flex-direction:column;\n  padding:clamp(30px,5vw,56px) 0 clamp(34px,4.5vw,58px);\n}\n#hxg .hxg-hero__tlo{ position:absolute; inset:0; }\n#hxg .hxg-hero__tlo img{\n  width:100%; height:100%; object-fit:cover; object-position:center var(--hxg-kadr);\n  will-change:transform;\n}\n#hxg .hxg-hero__tlo::after{\n  content:\"\"; position:absolute; inset:0;\n  background:\n    linear-gradient(180deg, rgba(8,24,45,.88) 0%, rgba(8,24,45,.46) 30%, rgba(8,24,45,.24) 52%, rgba(8,24,45,.82) 100%),\n    radial-gradient(120% 80% at 50% 30%, rgba(8,24,45,0) 40%, rgba(8,24,45,.5) 100%);\n}\n#hxg .hxg-hero__tresc{\n  position:relative; z-index:2; text-align:center; color:#fff;\n  flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:26px;\n}\n#hxg .hxg-hero__tresc .hxg-nad{ color:var(--hxg-zloto-j); text-shadow:0 2px 12px rgba(0,0,0,.5); }\n#hxg .hxg-hero__logo{\n  width:82px; margin:0 auto 14px; display:none;\n  filter:drop-shadow(0 6px 16px rgba(0,0,0,.55));\n  transition:transform .4s cubic-bezier(.2,.7,.25,1), filter .4s ease;\n}\n#hxg .hxg-hero__logo:hover{\n  transform:translateY(-2px) scale(1.04);\n  filter:drop-shadow(0 10px 20px rgba(240,198,75,.4));\n}\n\/* \u2500\u2500 has\u0142o \"Follow your passion!\" \u2014 pismo odr\u0119czne + z\u0142oty po\u0142ysk \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Napis sk\u0142ada si\u0119 z trzech s\u0142\u00f3w w osobnych <span>. Ka\u017cde wje\u017cd\u017ca po kolei,\n   przez moment jest z\u0142ote i ga\u015bnie do bieli. Potem co 12 sekund przez ca\u0142e\n   has\u0142o przesuwa si\u0119 powolny, delikatny z\u0142oty po\u0142ysk. *\/\n#hxg .hxg-hero h1{\n  font-family:var(--hxg-recznie) !important;\n  font-weight:600 !important;\n  color:#fff !important;\n  font-size:clamp(3rem,8.6vw,6.2rem);\n  line-height:1.06 !important;\n  letter-spacing:.005em;\n  text-shadow:0 4px 26px rgba(0,0,0,.5);\n}\n#hxg .hxg-slowo{\n  display:inline-block;\n  \/* Pole malowania t\u0142a jest przycinane do liter, a pismo odr\u0119czne wychodzi\n     ogonkami poza swoj\u0105 ramk\u0119 (np. ko\u0144c\u00f3wka \"w\" w s\u0142owie Follow). Dodatkowy\n     wewn\u0119trzny margines powi\u0119ksza pole malowania, ujemny margines zewn\u0119trzny\n     przywraca normalne odst\u0119py mi\u0119dzy s\u0142owami. *\/\n  padding:.06em .16em .14em;\n  margin:0 -.14em -.14em;\n  \/* szeroka, mi\u0119kka smuga: biel -> ciep\u0142a ko\u015b\u0107 s\u0142oniowa -> jasne z\u0142oto -> biel.\n     \u017badnego w\u0105skiego, nasyconego paska \u2014 ma to by\u0107 \u0142agodny przelot \u015bwiat\u0142a. *\/\n  background-image:linear-gradient(105deg,\n    #FFFFFF 0%, #FFFFFF 26%, #FFF8E7 36%, #FCEFC8 44%, #F6DFA0 50%,\n    #FCEFC8 56%, #FFF8E7 64%, #FFFFFF 74%, #FFFFFF 100%);\n  background-size:320% 100%;\n  background-repeat:no-repeat;\n  background-position:0% 0;      \/* spoczynek: biel na ca\u0142ym napisie, z\u0142oto poza kadrem *\/\n  -webkit-background-clip:text; background-clip:text;\n  color:transparent; -webkit-text-fill-color:transparent;\n  text-shadow:0 4px 24px rgba(0,0,0,.5);\n  animation:\n    hxg-slowo-wejscie 1.15s cubic-bezier(.2,.7,.25,1) var(--hxg-op,0s) 1 both,\n    hxg-polysk 14s ease-in-out var(--hxg-op2,4.6s) infinite;\n}\n\/* --hxg-op: op\u00f3\u017anienie wjazdu s\u0142owa, --hxg-op2: op\u00f3\u017anienie po\u0142ysku.\n   Drobne przesuni\u0119cia sprawiaj\u0105, \u017ce po\u0142ysk p\u0142ynie przez ca\u0142e has\u0142o,\n   a nie przez ka\u017cde s\u0142owo jednocze\u015bnie. *\/\n#hxg .hxg-slowo:nth-child(1){ --hxg-op:.15s; --hxg-op2:4.60s; }\n#hxg .hxg-slowo:nth-child(2){ --hxg-op:.50s; --hxg-op2:4.85s; }\n#hxg .hxg-slowo:nth-child(3){ --hxg-op:.85s; --hxg-op2:5.10s; }\n@keyframes hxg-slowo-wejscie{\n  0%{   opacity:0; transform:translateY(18px) rotate(-1.6deg); background-position:52% 0; }\n  45%{  opacity:1; transform:translateY(0) rotate(0deg);       background-position:50% 0; }\n  100%{ opacity:1; transform:none;                             background-position:0% 0; }\n}\n\/* po\u0142ysk p\u0142ynie powoli od lewej do prawej i wychodzi poza napis *\/\n@keyframes hxg-polysk{\n  0%{   background-position:100% 0; }\n  16%{  background-position:0% 0; }\n  100%{ background-position:0% 0; }\n}\n\/* gdyby przegl\u0105darka nie zna\u0142a przycinania t\u0142a do tekstu \u2014 zwyk\u0142a biel *\/\n@supports not ((-webkit-background-clip:text) or (background-clip:text)){\n  #hxg .hxg-slowo{ color:#fff; -webkit-text-fill-color:#fff; background:none; }\n}\n@media (prefers-reduced-motion:reduce){\n  #hxg .hxg-slowo{ animation:none; background:none; color:#fff; -webkit-text-fill-color:#fff; opacity:1; }\n}\n#hxg .hxg-hero__pl{\n  margin:18px auto 0; max-width:68ch; color:#F1F6FA;\n  font-size:clamp(1.06rem,1.9vw,1.3rem); font-weight:500;\n  text-shadow:0 2px 16px rgba(0,0,0,.65);\n}\n#hxg .hxg-hero__en{\n  margin:0 auto; max-width:62ch;\n  font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:500;\n  color:#CFDEEB; font-size:clamp(.92rem,1.5vw,1.06rem); line-height:1.55;\n  text-shadow:0 2px 14px rgba(0,0,0,.65);\n}\n#hxg .hxg-hero__dol{ display:flex; flex-direction:column; gap:clamp(18px,2.4vw,28px); }\n#hxg .hxg-hero__cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }\n\/* przyciski *\/\n#hxg .hxg-btn{\n  position:relative; overflow:hidden;\n  display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  border-radius:999px; padding:15px 26px; font-weight:800; font-size:.98rem;\n  transition:transform .22s cubic-bezier(.2,.7,.25,1), filter .22s ease, background .22s ease,\n             color .22s ease, box-shadow .22s ease;\n}\n#hxg .hxg-btn svg{ width:17px; height:17px; flex:none; transition:transform .25s ease; }\n#hxg .hxg-btn:hover{ transform:translateY(-3px); }\n#hxg .hxg-btn:hover svg{ transform:scale(1.1) rotate(-4deg); }\n#hxg .hxg-btn--zloty{\n  background:linear-gradient(180deg,var(--hxg-zloto-j),var(--hxg-zloto)); color:#3B2A00;\n  box-shadow:0 16px 34px -16px rgba(217,164,23,.95);\n}\n#hxg .hxg-btn--zloty:hover{ filter:brightness(1.07); box-shadow:0 22px 40px -16px rgba(217,164,23,1); }\n#hxg .hxg-btn--jasny{ background:rgba(255,255,255,.94); color:var(--hxg-granat); }\n#hxg .hxg-btn--jasny:hover{ background:#fff; box-shadow:0 18px 34px -18px rgba(0,0,0,.7); }\n#hxg .hxg-btn--duch{ background:transparent; color:#fff; box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.5); }\n#hxg .hxg-btn--duch:hover{ box-shadow:inset 0 0 0 1.8px rgba(240,198,75,.95); color:var(--hxg-zloto-j); }\n#hxg .hxg-btn--granat{ background:var(--hxg-granat); color:#fff; box-shadow:0 14px 30px -18px rgba(0,0,0,.9); }\n#hxg .hxg-btn--granat:hover{ box-shadow:0 20px 36px -18px rgba(14,43,77,1), 0 0 0 2px rgba(240,198,75,.5); }\n\/* bia\u0142a sekcja z przyciskami \u2014 tylko telefon *\/\n#hxg .hxg-ctasec{ display:none; padding:20px 0 4px; background:var(--hxg-papier); }\n#hxg .hxg-ctasec .hxg-cta{ display:grid; gap:10px; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CO NAS WYR\u00d3\u017bNIA \u2014 SKR\u00d3T \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-atuty{ display:grid; gap:clamp(12px,1.8vw,20px); grid-template-columns:1fr; }\n#hxg .hxg-atut{\n  position:relative; overflow:hidden;\n  background:var(--hxg-papier); border:1px solid var(--hxg-linia); border-radius:var(--hxg-r);\n  padding:clamp(20px,2.4vw,28px);\n  transition:transform .32s cubic-bezier(.2,.7,.25,1), border-color .32s ease, box-shadow .32s ease;\n}\n#hxg .hxg-atut:hover{\n  transform:translateY(-5px); border-color:rgba(217,164,23,.7);\n  box-shadow:0 24px 46px -30px rgba(14,43,77,.9);\n}\n#hxg .hxg-atut i{\n  display:grid; place-items:center; width:46px; height:46px; border-radius:14px; margin-bottom:14px;\n  background:linear-gradient(160deg, rgba(240,198,75,.24), rgba(217,164,23,.12));\n  transition:transform .35s cubic-bezier(.2,.7,.25,1), background .35s ease;\n}\n#hxg .hxg-atut:hover i{\n  transform:translateY(-2px) rotate(-6deg) scale(1.06);\n  background:linear-gradient(160deg, rgba(240,198,75,.5), rgba(217,164,23,.2));\n}\n#hxg .hxg-atut i svg{ width:22px; height:22px; color:var(--hxg-zloto); }\n#hxg .hxg-atut b{ display:block; font-size:1.02rem; font-weight:800; margin-bottom:6px; transition:color .25s ease; }\n#hxg .hxg-atut:hover b{ color:var(--hxg-granat-j); }\n#hxg .hxg-atut span{ display:block; font-size:.9rem; color:var(--hxg-atrament-2); line-height:1.6; }\n#hxg .hxg-atuty-stopka{ margin-top:clamp(22px,3vw,32px); text-align:center; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u015aCIE\u017bKA ROZWOJU \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-sr{ position:relative; }\n#hxg .hxg-sr__os{ position:relative; max-width:1040px; margin:0 auto; }\n#hxg .hxg-sr__linia{\n  position:absolute; left:31px; top:8px; bottom:8px; width:3px; border-radius:3px;\n  background:rgba(14,43,77,.10);\n}\n#hxg .hxg-sr__postep{\n  position:absolute; left:0; top:0; width:100%; height:0%; border-radius:3px;\n  background:linear-gradient(180deg,var(--hxg-zloto-j),var(--hxg-zloto));\n  transition:height .25s linear;\n}\n#hxg .hxg-sr__etap{\n  position:relative; padding-left:76px; margin-bottom:clamp(20px,3vw,32px);\n  opacity:0; transform:translateY(30px);\n  transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);\n}\n#hxg .hxg-sr__etap.jest-widoczny{ opacity:1; transform:none; }\n#hxg .hxg-sr__etap:last-child{ margin-bottom:0; }\n#hxg .hxg-sr__kropka{\n  position:absolute; left:12px; top:16px; width:42px; height:42px; border-radius:50%;\n  background:#fff; border:3px solid rgba(14,43,77,.12);\n  display:flex; align-items:center; justify-content:center;\n  font-size:1.25rem; line-height:1; z-index:2;\n  transition:border-color .5s ease, box-shadow .5s ease, transform .5s ease;\n}\n#hxg .hxg-sr__etap.jest-widoczny .hxg-sr__kropka{\n  border-color:var(--hxg-zloto);\n  box-shadow:0 0 0 6px rgba(217,164,23,.14), 0 10px 24px rgba(14,43,77,.12);\n  transform:scale(1.06);\n}\n#hxg .hxg-sr__karta{\n  position:relative; overflow:hidden; background:#fff; border-radius:18px;\n  padding:clamp(18px,2.3vw,26px);\n  box-shadow:0 10px 34px rgba(14,43,77,.08); border:1px solid rgba(14,43,77,.06);\n  transition:transform .35s cubic-bezier(.2,.7,.25,1), box-shadow .35s ease, border-color .35s ease;\n}\n#hxg .hxg-sr__karta:hover{\n  transform:translateY(-5px); border-color:rgba(217,164,23,.6);\n  box-shadow:0 22px 46px rgba(14,43,77,.16);\n}\n#hxg .hxg-sr__etap:hover .hxg-sr__kropka{ transform:scale(1.16); }\n#hxg .hxg-sr__wiek{\n  display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.12em;\n  text-transform:uppercase; color:var(--hxg-granat);\n  background:linear-gradient(135deg, rgba(217,164,23,.24), rgba(217,164,23,.08));\n  padding:6px 14px; border-radius:999px; margin-bottom:11px;\n}\n#hxg .hxg-sr__nazwa{ font-size:clamp(1.12rem,2vw,1.4rem) !important; margin:0 0 7px !important; }\n#hxg .hxg-sr__opis{ font-size:.94rem; line-height:1.6; color:var(--hxg-atrament-2); margin:0 0 13px; }\n#hxg .hxg-sr__kamienie{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }\n#hxg .hxg-sr__kamienie li{ position:relative; padding-left:26px; font-size:.9rem; line-height:1.5; }\n#hxg .hxg-sr__kamienie li::before{\n  content:\"\"; position:absolute; left:0; top:.45em; width:12px; height:12px; border-radius:50%;\n  background:linear-gradient(135deg,var(--hxg-zloto-j),var(--hxg-zloto));\n  box-shadow:0 0 0 3px rgba(217,164,23,.16);\n}\n#hxg .hxg-sr__odznaka{\n  display:inline-flex; align-items:center; gap:8px; margin-top:14px;\n  background:var(--hxg-granat); color:#fff; font-size:.78rem; font-weight:700;\n  padding:8px 15px; border-radius:999px;\n}\n#hxg .hxg-sr__odznaka span{ color:var(--hxg-zloto-j); }\n#hxg .hxg-sr__odznaka{ transition:transform .28s cubic-bezier(.2,.7,.25,1), box-shadow .28s ease; }\n#hxg .hxg-sr__karta:hover .hxg-sr__odznaka{\n  transform:translateY(-2px); box-shadow:0 12px 24px -16px rgba(14,43,77,1);\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HILARIS W LICZBACH \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-lb{\n  position:relative; overflow:hidden; border-radius:var(--hxg-r); color:#fff;\n  padding:clamp(42px,5.6vw,80px) clamp(18px,4vw,48px);\n  background:\n    radial-gradient(800px 400px at 10% 0%, rgba(217,164,23,.18), transparent 60%),\n    radial-gradient(800px 400px at 90% 100%, rgba(217,164,23,.11), transparent 60%),\n    linear-gradient(140deg, var(--hxg-granat) 0%, var(--hxg-granat-j) 100%);\n}\n#hxg .hxg-lb h2{ color:#fff !important; }\n#hxg .hxg-lb .hxg-tyt em{ color:var(--hxg-zloto-j) !important; }\n#hxg .hxg-lb__stopka a:hover{ color:var(--hxg-zloto-j); }\n#hxg .hxg-lb__glowka{ text-align:center; max-width:760px; margin:0 auto clamp(32px,4.6vw,54px); }\n#hxg .hxg-lb__lead{ margin:12px 0 0; opacity:.8; line-height:1.7; font-size:clamp(1rem,1.6vw,1.1rem); }\n#hxg .hxg-lb__siatka{\n  display:grid; gap:clamp(16px,2.4vw,28px); max-width:1080px; margin:0 auto;\n  grid-template-columns:1fr;\n}\n@media (min-width:560px){ #hxg .hxg-lb__siatka{ grid-template-columns:repeat(2,1fr); } }\n@media (min-width:1080px){ #hxg .hxg-lb__siatka{ grid-template-columns:repeat(4,1fr); } }\n#hxg .hxg-lb__kafel{\n  position:relative; overflow:hidden;\n  background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.13);\n  border-radius:22px; padding:clamp(22px,2.8vw,32px) 20px; text-align:center;\n  backdrop-filter:blur(6px);\n  opacity:0; transform:translateY(26px);\n  transition:opacity .65s ease, transform .45s cubic-bezier(.2,.7,.25,1),\n             border-color .35s ease, background .35s ease, box-shadow .35s ease;\n}\n#hxg .hxg-lb__kafel.jest-widoczny{ opacity:1; transform:none; }\n#hxg .hxg-lb__kafel:hover{\n  border-color:rgba(240,198,75,.6); background:rgba(255,255,255,.1);\n  transform:translateY(-5px); box-shadow:0 26px 46px -30px rgba(0,0,0,.9);\n}\n#hxg .hxg-lb__wskaznik{ position:relative; width:clamp(122px,15vw,148px); margin:0 auto 18px; transition:transform .4s cubic-bezier(.2,.7,.25,1); }\n#hxg .hxg-lb__kafel:hover .hxg-lb__wskaznik{ transform:scale(1.05); }\n#hxg .hxg-lb__wskaznik svg{ width:100%; height:auto; display:block; transform:rotate(-90deg); }\n#hxg .hxg-lb__tor{ fill:none; stroke:rgba(255,255,255,.13); stroke-width:7; }\n#hxg .hxg-lb__luk{\n  fill:none; stroke:url(#hxg-lb-grad); stroke-width:7; stroke-linecap:round;\n  stroke-dasharray:301.6; stroke-dashoffset:301.6;\n  transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.25,1);\n}\n#hxg .hxg-lb__srodek{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }\n#hxg .hxg-lb__wartosc{\n  font-family:var(--hxg-tytul); font-size:clamp(1.8rem,3.4vw,2.4rem); font-weight:700;\n  line-height:1; color:var(--hxg-zloto-j); letter-spacing:-.02em;\n}\n#hxg .hxg-lb__jednostka{ font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; opacity:.62; margin-top:6px; }\n#hxg .hxg-lb__nazwa{ font-size:1.02rem !important; font-weight:800 !important; margin:0 0 7px !important; line-height:1.3 !important; color:#fff !important; font-family:'Figtree',sans-serif !important; }\n#hxg .hxg-lb__opis{ font-size:.88rem; line-height:1.6; opacity:.72; margin:0; }\n#hxg .hxg-lb__stopka{ text-align:center; margin:clamp(30px,4.2vw,50px) auto 0; max-width:720px; font-size:.88rem; opacity:.6; line-height:1.65; }\n@media (prefers-reduced-motion:reduce){\n  #hxg .hxg-lb__kafel{ opacity:1 !important; transform:none !important; }\n  #hxg .hxg-lb__luk{ transition:none; }\n  #hxg .hxg-sr__etap{ opacity:1 !important; transform:none !important; transition:none !important; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JUBILEUSZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-jub{\n  --jub-zloto:#D4AF37;\n  display:grid; grid-template-columns:1fr; gap:clamp(20px,3vw,36px); align-items:center;\n  position:relative; overflow:hidden; border-radius:var(--hxg-r);\n  padding:clamp(24px,3.4vw,44px);\n  background:linear-gradient(270deg, var(--hxg-granat-c), #1c3a69, var(--hxg-granat-c));\n  background-size:600% 600%; animation:hxg-shimmer 9s ease infinite;\n  color:#E0E7FF; border:2px solid var(--jub-zloto);\n  box-shadow:0 26px 50px -34px rgba(0,0,0,.85);\n  transition:transform .32s cubic-bezier(.2,.7,.25,1), box-shadow .32s ease;\n}\n#hxg .hxg-jub:hover{\n  transform:translateY(-5px);\n  box-shadow:0 34px 60px -34px rgba(0,0,0,.95), 0 0 0 3px rgba(212,175,55,.35);\n}\n@keyframes hxg-shimmer{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }\n#hxg .hxg-jub__t{ position:relative; z-index:2; }\n#hxg .hxg-jub__naglowek{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:16px; }\n#hxg .hxg-jub__10, #hxg .hxg-jub__tyt{\n  font-family:var(--hxg-tytul); font-weight:700; line-height:1;\n  color:var(--jub-zloto) !important; text-shadow:1px 1px 2px rgba(0,0,0,.35);\n}\n#hxg .hxg-jub__10{ font-size:clamp(3.4rem,7vw,5.4rem); transition:transform .4s cubic-bezier(.2,.7,.25,1); display:inline-block; }\n#hxg .hxg-jub:hover .hxg-jub__10{ transform:scale(1.06) rotate(-3deg); }\n#hxg .hxg-jub__tyt{ font-size:clamp(1.4rem,2.6vw,2.1rem); text-transform:uppercase; letter-spacing:.02em; }\n#hxg .hxg-jub__balon{ font-size:1.9rem; }\n#hxg .hxg-jub__intro{ font-size:clamp(.92rem,1.4vw,1.02rem); line-height:1.65; }\n#hxg .hxg-jub__rodzina{\n  font-size:clamp(1rem,1.6vw,1.16rem); font-weight:600; font-style:italic; color:#fff; margin:0 0 18px;\n}\n#hxg .hxg-jub__wiecej{\n  display:inline-flex; align-items:center; gap:9px; font-weight:800; font-size:.94rem;\n  color:var(--jub-zloto); border-bottom:1px solid rgba(212,175,55,.45); padding-bottom:3px;\n}\n#hxg .hxg-jub__wiecej svg{ width:16px; height:16px; transition:transform .28s ease; }\n#hxg .hxg-jub:hover .hxg-jub__wiecej svg{ transform:translateX(5px); }\n#hxg .hxg-jub__foto{\n  position:relative; z-index:2; width:100%; aspect-ratio:4\/3; object-fit:cover; object-position:top center;\n  border-radius:12px; border:2px solid var(--jub-zloto); box-shadow:0 12px 28px rgba(0,0,0,.5);\n  transition:transform .5s cubic-bezier(.2,.7,.25,1);\n}\n#hxg .hxg-jub:hover .hxg-jub__foto{ transform:scale(1.02); }\n#hxg .hxg-jub__balony{ position:absolute; inset:0; overflow:hidden; z-index:1; pointer-events:none; }\n#hxg .hxg-jub__balony i{\n  position:absolute; bottom:-160px; opacity:0; display:block;\n  border-radius:50% 50% 50% 50%\/60% 60% 40% 40%;\n  animation:hxg-lot 12s infinite linear;\n}\n#hxg .hxg-jub__balony i:nth-child(1){ width:20px; height:26px; background:rgba(212,175,55,.55); left:8%;  animation-duration:13s; animation-delay:1s; }\n#hxg .hxg-jub__balony i:nth-child(2){ width:34px; height:44px; background:rgba(224,231,255,.38); left:24%; animation-duration:16s; }\n#hxg .hxg-jub__balony i:nth-child(3){ width:16px; height:21px; background:rgba(212,175,55,.65); left:47%; animation-duration:11s; animation-delay:3s; }\n#hxg .hxg-jub__balony i:nth-child(4){ width:27px; height:35px; background:rgba(224,231,255,.38); left:69%; animation-duration:14s; animation-delay:2s; }\n#hxg .hxg-jub__balony i:nth-child(5){ width:23px; height:30px; background:rgba(212,175,55,.55); left:88%; animation-duration:12s; animation-delay:4s; }\n@keyframes hxg-lot{\n  0%{ transform:translateY(0) scale(1) rotate(0); opacity:0; }\n  18%{ opacity:.7; } 82%{ opacity:.7; }\n  100%{ transform:translateY(-140%) scale(1.4) rotate(14deg); opacity:0; }\n}\n@media (prefers-reduced-motion:reduce){\n  #hxg .hxg-jub{ animation:none; }\n  #hxg .hxg-jub__balony{ display:none; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DLA RODZICA \u2014 NA SKR\u00d3TY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-skroty{ display:grid; gap:clamp(12px,1.8vw,18px); grid-template-columns:repeat(2,1fr); }\n#hxg .hxg-skrot{\n  position:relative; overflow:hidden;\n  background:var(--hxg-papier); border:1px solid var(--hxg-linia); border-radius:var(--hxg-r);\n  padding:clamp(18px,2.2vw,26px) 14px; text-align:center;\n  display:flex; flex-direction:column; align-items:center; gap:10px;\n  transition:transform .3s cubic-bezier(.2,.7,.25,1), border-color .3s ease, box-shadow .3s ease;\n}\n#hxg .hxg-skrot:hover{\n  transform:translateY(-5px); border-color:rgba(217,164,23,.7);\n  box-shadow:0 22px 40px -30px rgba(14,43,77,.9);\n}\n#hxg .hxg-skrot img{ height:40px; width:auto; object-fit:contain; transition:transform .35s cubic-bezier(.2,.7,.25,1); }\n#hxg .hxg-skrot svg{ width:34px; height:34px; transition:transform .35s cubic-bezier(.2,.7,.25,1); }\n#hxg .hxg-skrot:hover img, #hxg .hxg-skrot:hover svg{ transform:translateY(-2px) scale(1.08); }\n#hxg .hxg-skrot b{ font-size:.94rem; font-weight:800; line-height:1.25; }\n#hxg .hxg-skrot u{ text-decoration:none; font-size:.76rem; color:var(--hxg-atrament-2); }\n\/* ma\u0142e odno\u015bniki do stron plac\u00f3wek \u2014 pod kaflami skr\u00f3t\u00f3w *\/\n#hxg .hxg-mini{\n  display:grid; grid-template-columns:1fr; gap:10px;\n  margin-top:clamp(12px,1.8vw,18px);\n}\n#hxg .hxg-mini__k{\n  position:relative; overflow:hidden;\n  display:flex; align-items:center; gap:11px;\n  padding:11px 16px 11px 11px; border-radius:999px;\n  background:var(--hxg-granat); color:#fff;\n  box-shadow:0 12px 26px -20px rgba(14,43,77,.95);\n  transition:transform .25s cubic-bezier(.2,.7,.25,1), box-shadow .25s ease;\n}\n#hxg .hxg-mini__k:hover{\n  transform:translateY(-3px);\n  box-shadow:0 18px 32px -18px rgba(14,43,77,1), 0 0 0 2px rgba(240,198,75,.55);\n}\n#hxg .hxg-mini__k i{\n  width:28px; height:28px; border-radius:50%; flex:none; display:grid; place-items:center;\n  background:linear-gradient(180deg,var(--hxg-zloto-j),var(--hxg-zloto));\n  transition:transform .3s cubic-bezier(.2,.7,.25,1);\n}\n#hxg .hxg-mini__k:hover i{ transform:scale(1.08) rotate(-6deg); }\n#hxg .hxg-mini__k i svg{ width:15px; height:15px; color:#3B2A00; }\n\/* nazwa rozpycha wiersz, dzi\u0119ki czemu wiek i strza\u0142ka stoj\u0105 w obu kaflach\n   dok\u0142adnie w tym samym miejscu *\/\n#hxg .hxg-mini__k b{ font-size:.9rem; font-weight:800; flex:1 1 auto; min-width:0; }\n#hxg .hxg-mini__k u{\n  text-decoration:none; flex:none; margin-left:12px; text-align:right;\n  font-size:.78rem; opacity:.72; font-weight:600; white-space:nowrap;\n}\n#hxg .hxg-mini__k s{ text-decoration:none; flex:none; margin-left:12px; display:flex; align-items:center; }\n#hxg .hxg-mini__k s svg{ width:15px; height:15px; opacity:.55; transition:transform .28s ease; }\n#hxg .hxg-mini__k:hover s svg{ transform:translateX(4px); opacity:1; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PASEK ZAPROSZENIA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-zapro{\n  position:relative; overflow:hidden;\n  border-radius:var(--hxg-r); background:linear-gradient(135deg, var(--hxg-granat-j), var(--hxg-granat-c));\n  color:#fff; padding:clamp(28px,4vw,52px) clamp(20px,3vw,44px); text-align:center;\n}\n#hxg .hxg-zapro{ transition:box-shadow .32s ease; }\n#hxg .hxg-zapro:hover{ box-shadow:0 26px 50px -34px rgba(0,0,0,.9), 0 0 0 1px rgba(240,198,75,.35); }\n#hxg .hxg-zapro h2{ color:#fff !important; font-size:clamp(1.5rem,3vw,2.3rem); }\n#hxg .hxg-zapro p{ margin:12px auto 0; max-width:56ch; color:#C7D8E7; font-size:1rem; }\n#hxg .hxg-zapro__cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:26px; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DWA WEJ\u015aCIA (zaraz pod hero) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxg .hxg-drzwi{ display:grid; gap:clamp(14px,2vw,24px); grid-template-columns:1fr; }\n#hxg .hxg-drzwi__k{\n  position:relative; overflow:hidden; border-radius:var(--hxg-r);\n  min-height:clamp(210px,28vw,340px); display:flex; align-items:flex-end;\n  padding:clamp(20px,3vw,34px); color:#fff; background:var(--hxg-granat);\n  transition:transform .38s cubic-bezier(.2,.7,.25,1), box-shadow .38s ease;\n  box-shadow:0 22px 44px -30px rgba(14,43,77,.85);\n}\n\/* Zdj\u0119cie pojawia si\u0119 dopiero wtedy, gdy naprawd\u0119 si\u0119 wczyta \u2014 wcze\u015bniej\n   kafel \"wskakiwa\u0142\" gotowym obrazkiem ju\u017c po zako\u0144czeniu wjazdu i to w\u0142a\u015bnie\n   wygl\u0105da\u0142o na nag\u0142e. Teraz obraz wtapia si\u0119 p\u0142ynnie w granatowe t\u0142o kafla. *\/\n#hxg .hxg-drzwi__k img{\n  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;\n  opacity:0;\n  transition:transform .8s cubic-bezier(.2,.7,.25,1), opacity 1.1s ease;\n}\n#hxg .hxg-drzwi__k img.jest-foto{ opacity:.62; }\n\/* wjazd samych kafli \u2014 wolniejszy i z minimalnym przybli\u017ceniem *\/\n#hxg .hxg-drzwi__k[data-hxg]{\n  transform:translateY(26px) scale(.985);\n  transition:opacity 1.05s ease, transform 1.05s cubic-bezier(.2,.7,.25,1),\n             box-shadow .38s ease;\n}\n#hxg .hxg-drzwi__k[data-hxg].jest-widoczny{ transform:none; }\n#hxg .hxg-drzwi__k::after{\n  content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(0deg, rgba(8,24,45,.92) 8%, rgba(8,24,45,.48) 55%, rgba(8,24,45,.18) 100%);\n}\n\/* najechanie: tylko subtelny b\u0142ysk (klasa hxg-blask) i delikatne powi\u0119kszenie zdj\u0119cia *\/\n#hxg .hxg-drzwi__k:hover{ box-shadow:0 28px 50px -30px rgba(14,43,77,.9); }\n#hxg .hxg-drzwi__k:hover img.jest-foto{ transform:scale(1.035); }\n#hxg .hxg-drzwi__t{ position:relative; z-index:2; max-width:calc(100% - 78px); }\n#hxg .hxg-drzwi__t b{\n  display:block; font-family:var(--hxg-tytul); font-weight:700;\n  font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.1;\n}\n#hxg .hxg-drzwi__t u{ display:block; text-decoration:none; font-size:.92rem; opacity:.85; margin-top:7px; font-weight:600; letter-spacing:.02em; }\n#hxg .hxg-drzwi__s{\n  position:absolute; right:clamp(20px,3vw,34px); bottom:clamp(22px,3vw,36px); z-index:3;\n  width:48px; height:48px; border-radius:50%; display:grid; place-items:center;\n  background:linear-gradient(180deg,var(--hxg-zloto-j),var(--hxg-zloto));\n  transition:transform .32s cubic-bezier(.2,.7,.25,1), box-shadow .32s ease;\n}\n#hxg .hxg-drzwi__k:hover .hxg-drzwi__s{ transform:translateX(4px); }\n#hxg .hxg-drzwi__s svg{ width:20px; height:20px; color:#3B2A00; }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PUNKTY \u0141AMANIA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width:560px){\n  #hxg .hxg-mini{ grid-template-columns:1fr 1fr; }\n}\n\/* KADR HERO A WYSOKO\u015a\u0106 OKNA\n   Im ni\u017csze okno (np. laptop przy 100% powi\u0119kszenia), tym mocniej trzeba\n   zsun\u0105\u0107 budynek w d\u00f3\u0142, \u017ceby napisy nie k\u0142ad\u0142y si\u0119 na dachu.\n   Ni\u017csza warto\u015b\u0107 --hxg-kadr = budynek ni\u017cej. *\/\n@media (min-width:760px){\n  #hxg{ --hxg-kadr:44%; }\n}\n@media (min-width:760px) and (max-height:1000px){\n  #hxg{ --hxg-kadr:32%; }\n}\n@media (min-width:760px) and (max-height:820px){\n  #hxg{ --hxg-kadr:24%; }\n}\n\/* NISKIE OKNO (np. laptop przy 100% powi\u0119kszenia)\n   Napisy zajmuj\u0105 wtedy zbyt du\u017c\u0105 cz\u0119\u015b\u0107 kadru i budynek nie ma gdzie si\u0119 zmie\u015bci\u0107.\n   Zmniejszamy has\u0142o, podpis i odst\u0119py \u2014 wolny pas w \u015brodku robi si\u0119 szerszy. *\/\n@media (min-width:760px) and (max-height:880px){\n  #hxg .hxg-hero{ padding:24px 0 28px; }\n  #hxg .hxg-hero h1{ font-size:clamp(2.6rem,5.6vw,4.2rem); }\n  #hxg .hxg-hero__pl{ font-size:1.02rem; margin-top:12px; }\n  #hxg .hxg-hero__en{ font-size:.88rem; }\n  #hxg .hxg-hero__dol{ gap:14px; }\n  #hxg .hxg-hero .hxg-btn{ padding:12px 20px; font-size:.93rem; }\n  #hxg .hxg-hero__tresc .hxg-nad{ margin-bottom:6px; font-size:.7rem; }\n}\n@media (min-width:760px){\n  #hxg .hxg-drzwi{ grid-template-columns:1fr 1fr; }\n  #hxg .hxg-atuty{ grid-template-columns:1fr 1fr; }\n  #hxg .hxg-skroty{ grid-template-columns:repeat(4,1fr); }\n}\n@media (min-width:900px){\n  \/* o\u015b \u015bcie\u017cki rozwoju na \u015brodku, etapy naprzemiennie\n     UWAGA: pierwszym dzieckiem .hxg-sr__os jest linia, dlatego etapy po lewej\n     to nth-child(even), a po prawej nth-child(odd). *\/\n  #hxg .hxg-sr__linia{ left:50%; transform:translateX(-50%); }\n  #hxg .hxg-sr__etap{ padding-left:0; width:calc(50% - 46px); }\n  #hxg .hxg-sr__etap:nth-child(even){ margin-left:0; text-align:right; }\n  #hxg .hxg-sr__etap:nth-child(odd){ margin-left:calc(50% + 46px); }\n  #hxg .hxg-sr__etap:nth-child(even) .hxg-sr__kropka{ left:auto; right:-67px; }\n  #hxg .hxg-sr__etap:nth-child(odd) .hxg-sr__kropka{ left:-67px; }\n  #hxg .hxg-sr__etap:nth-child(even) .hxg-sr__kamienie li{ padding-left:0; padding-right:26px; }\n  #hxg .hxg-sr__etap:nth-child(even) .hxg-sr__kamienie li::before{ left:auto; right:0; }\n  #hxg .hxg-sr__etap:nth-child(even) .hxg-sr__odznaka{ margin-left:auto; }\n  #hxg .hxg-sr__etap:nth-child(even){ transform:translateX(-30px) translateY(18px); }\n  #hxg .hxg-sr__etap:nth-child(odd){ transform:translateX(30px) translateY(18px); }\n  #hxg .hxg-sr__etap.jest-widoczny{ transform:none; }\n}\n@media (min-width:1024px){\n  #hxg .hxg-atuty{ grid-template-columns:repeat(4,1fr); }\n  #hxg .hxg-jub{ grid-template-columns:1.08fr .92fr; }\n  #hxg .hxg-jub__foto{ aspect-ratio:1\/1; }\n}\n@media (max-width:759px){\n  #hxg{ --hxg-kadr:var(--hxg-kadr-tel); }\n  #hxg .hxg-hero{ min-height:68vh; padding:22px 0 26px; }\n  #hxg .hxg-hero__logo{ display:block; width:70px; margin-bottom:10px; }   \/* -15% *\/\n  #hxg .hxg-hero__tresc .hxg-nad{ display:none; }\n  #hxg .hxg-hero h1{ font-size:2.45rem; }  \/* pismo odr\u0119czne jest optycznie mniejsze *\/\n  #hxg .hxg-hero__pl{ font-size:.9rem; font-weight:600; margin-top:11px; }  \/* -18% *\/\n  #hxg .hxg-hero__pl-a, #hxg .hxg-hero__pl-b{ display:block; }\n  \/* na telefonie zostaj\u0105 tylko dwa pierwsze wiersze *\/\n  #hxg .hxg-hero__pl-c, #hxg .hxg-hero__pl-d, #hxg .hxg-hero__pl-br{ display:none; }\n  #hxg .hxg-hero__cta{ display:none; }        \/* przyciski w bia\u0142ej sekcji poni\u017cej *\/\n  #hxg .hxg-ctasec{ display:block; }\n  #hxg .hxg-btn{ padding:14px 20px; font-size:.94rem; }\n  #hxg .hxg-zapro__cta{ display:grid; grid-template-columns:1fr; }\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u25bc\u25bc\u25bc POCZ\u0104TEK SEKCJI TALENCIAKI \u2014 STYLE \u25bc\u25bc\u25bc\n   Osobny prefiks .hxt- i w\u0142asny identyfikator #hxt, \u017ceby ca\u0142\u0105 sekcj\u0119 da\u0142o\n   si\u0119 p\u00f3\u017aniej wyci\u0105\u0107 albo przenie\u015b\u0107 w inne miejsce jednym ruchem.\n   UWAGA: te regu\u0142y musz\u0105 sta\u0107 PO regu\u0142ach #hxg \u2014 nag\u0142\u00f3wek #hxt h2 ma t\u0119\n   sam\u0105 \"wag\u0119\" co #hxg h2, wi\u0119c o kolorze decyduje kolejno\u015b\u0107 w arkuszu.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#hxt, #hxt *, #hxt *::before, #hxt *::after{ box-sizing:border-box; }\n#hxt{\n  \/* ==== KOLORY ==== *\/\n  --hxt-granat:#0E2B4D;\n  --hxt-granat-c:#08182D;\n  --hxt-granat-j:#17406B;\n  --hxt-zloto:#D9A417;\n  --hxt-zloto-j:#F0C64B;\n  --hxt-linia:rgba(255,255,255,.14);\n  \/* akcenty barw akcji \u2014 u\u017cyte oszcz\u0119dnie, tylko na monecie i plakietce *\/\n  --hxt-lidl-niebieski:#0050AA;\n  --hxt-lidl-zolty:#FFE500;\n  --hxt-lidl-czerwony:#E60A14;\n  --hxt-tytul:'Roboto Slab', Georgia, 'Times New Roman', serif;\n  --hxt-r:20px;\n  \/* ================= *\/\n  display:block; width:100%; max-width:100%; position:relative; overflow:hidden;\n  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;\n  color:#E8F0F7; line-height:1.6;\n  background:\n    radial-gradient(900px 460px at 12% 0%, rgba(217,164,23,.20), transparent 62%),\n    radial-gradient(760px 420px at 92% 100%, rgba(0,80,170,.28), transparent 60%),\n    linear-gradient(140deg, var(--hxt-granat-c) 0%, var(--hxt-granat) 48%, var(--hxt-granat-j) 100%);\n}\n#hxt a{ text-decoration:none; color:inherit; }\n#hxt img{ display:block; max-width:100%; }\n#hxt p{ margin:0 0 1em; }\n#hxt p:last-child{ margin-bottom:0; }\n#hxt h2{\n  font-family:var(--hxt-tytul) !important; font-weight:700 !important;\n  line-height:1.12 !important; letter-spacing:-.015em;\n  margin:0 !important; color:#fff !important;\n}\n#hxt a:focus-visible, #hxt button:focus-visible{\n  outline:2px solid var(--hxt-zloto-j); outline-offset:3px; border-radius:14px;\n}\n#hxt .hxt-in{ position:relative; z-index:2; max-width:1200px; margin:0 auto; padding:clamp(38px,5.4vw,80px) clamp(16px,4vw,40px); }\n\/* z\u0142ote nitki oddzielaj\u0105ce sekcj\u0119 od bieli strony *\/\n#hxt::before, #hxt::after{\n  content:\"\"; position:absolute; left:0; right:0; height:3px; z-index:3;\n  background:linear-gradient(90deg, transparent, var(--hxt-zloto), var(--hxt-zloto-j), var(--hxt-zloto), transparent);\n  opacity:.85;\n}\n#hxt::before{ top:0; } #hxt::after{ bottom:0; }\n\/* wjazd element\u00f3w *\/\n#hxt [data-hxt]{ opacity:0; transform:translateY(22px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.7,.25,1); }\n#hxt [data-hxt].jest-widoczny{ opacity:1; transform:none; }\n\/* przesuwaj\u0105cy si\u0119 b\u0142ysk przy najechaniu *\/\n#hxt .hxt-blask{ position:relative; overflow:hidden; }\n#hxt .hxt-blask::after{\n  content:\"\"; position:absolute; top:-25%; left:-70%; width:42%; height:150%;\n  background:linear-gradient(100deg, transparent, rgba(255,255,255,.36), transparent);\n  transform:skewX(-18deg); opacity:0; pointer-events:none; z-index:4;\n}\n#hxt .hxt-blask:hover::after{ animation:hxt-przesun .9s ease; }\n@keyframes hxt-przesun{ 0%{left:-70%;opacity:0} 15%{opacity:1} 100%{left:130%;opacity:0} }\n\/* monety unosz\u0105ce si\u0119 w tle sekcji *\/\n#hxt .hxt-tlo{ position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none; }\n#hxt .hxt-tlo i{\n  position:absolute; bottom:-140px; display:block; border-radius:50%; opacity:0;\n  background:radial-gradient(circle at 32% 28%, var(--hxt-zloto-j), var(--hxt-zloto) 58%, #A97C09 100%);\n  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28), 0 6px 18px rgba(0,0,0,.35);\n  filter:blur(1px);            \/* t\u0142o ma by\u0107 t\u0142em \u2014 nie konkuruje z kartami *\/\n  animation:hxt-lot 15s infinite linear;\n}\n#hxt .hxt-tlo i:nth-child(1){ width:22px; height:22px; left:6%;  animation-duration:16s; animation-delay:0s; }\n#hxt .hxt-tlo i:nth-child(2){ width:14px; height:14px; left:19%; animation-duration:13s; animation-delay:3s; }\n#hxt .hxt-tlo i:nth-child(3){ width:28px; height:28px; left:33%; animation-duration:19s; animation-delay:6s; }\n#hxt .hxt-tlo i:nth-child(4){ width:16px; height:16px; left:52%; animation-duration:14s; animation-delay:1.5s; }\n#hxt .hxt-tlo i:nth-child(5){ width:24px; height:24px; left:68%; animation-duration:17s; animation-delay:8s; }\n#hxt .hxt-tlo i:nth-child(6){ width:13px; height:13px; left:81%; animation-duration:12s; animation-delay:4.5s; }\n#hxt .hxt-tlo i:nth-child(7){ width:20px; height:20px; left:93%; animation-duration:18s; animation-delay:2s; }\n@keyframes hxt-lot{\n  0%{ transform:translateY(0) rotate(0deg); opacity:0; }\n  12%{ opacity:.3; } 88%{ opacity:.3; }\n  100%{ transform:translateY(-120vh) rotate(220deg); opacity:0; }\n}\n\/* siatka g\u0142\u00f3wna sekcji *\/\n#hxt .hxt-siatka{ display:grid; grid-template-columns:1fr; gap:clamp(26px,4vw,48px); align-items:start; }\n\/* rz\u0105d z monet\u0105 i plakietk\u0105 *\/\n#hxt .hxt-rzad{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:16px; }\n#hxt .hxt-plakietka{\n  display:inline-flex; align-items:center; gap:10px;\n  font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800;\n  color:#0B1B2E; background:linear-gradient(180deg, var(--hxt-lidl-zolty), #F2CE00);\n  padding:8px 16px; border-radius:999px;\n  box-shadow:0 10px 26px -14px rgba(255,229,0,.9);\n}\n#hxt .hxt-plakietka i{\n  width:9px; height:9px; border-radius:50%; background:var(--hxt-lidl-czerwony);\n  box-shadow:0 0 0 3px rgba(230,10,20,.28); animation:hxt-puls 2.2s ease-in-out infinite;\n}\n@keyframes hxt-puls{ 0%,100%{ box-shadow:0 0 0 3px rgba(230,10,20,.28); } 50%{ box-shadow:0 0 0 7px rgba(230,10,20,0); } }\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TALENCIAK \u2014 moneta 3D \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Rozmiar steruje si\u0119 WY\u0141\u0104CZNIE przez font-size na .hxt-moneta: wszystkie\n   wymiary w \u015brodku s\u0105 w \"em\", wi\u0119c ta sama moneta wygl\u0105da tak samo w ka\u017cdej\n   skali. Kraw\u0119d\u017a (30 z\u0105bk\u00f3w ustawionych w okr\u0119gu w przestrzeni 3D) dok\u0142ada\n   skrypt \u2014 bez niego zostaje poprawny, zwyk\u0142y dwustronny kr\u0105\u017cek.\n   --hxt-mg = po\u0142owa grubo\u015bci monety, u\u017cywana przez awers i rewers. *\/\n#hxt .hxt-moneta{\n  --hxt-mg:.0475em;\n  position:relative; flex:none; display:block;\n  font-size:76px;                 \/* <- JEDYNA liczba do zmiany rozmiaru *\/\n  width:1em; height:1em; line-height:1;\n  perspective:9em; perspective-origin:50% 42%;\n}\n\/* z\u0142ota po\u015bwiata pod monet\u0105 \u2014 pulsuje w rytm obrotu *\/\n#hxt .hxt-moneta::before{\n  content:\"\"; position:absolute; left:50%; top:50%;\n  width:1.75em; height:1.75em; transform:translate(-50%,-50%);\n  border-radius:50%; pointer-events:none; z-index:0;\n  background:radial-gradient(circle, rgba(240,198,75,.30), rgba(240,198,75,0) 62%);\n  animation:hxt-poswiata 7s ease-in-out infinite;\n}\n\/* warstwa przechy\u0142u \u2014 lekkie ko\u0142ysanie, inny okres ni\u017c obr\u00f3t *\/\n#hxt .hxt-moneta .hxt-moneta__b{\n  position:absolute; inset:0; transform-style:preserve-3d;\n  animation:hxt-kolysanie 5.5s ease-in-out infinite;\n}\n\/* warstwa obrotu *\/\n#hxt .hxt-moneta .hxt-moneta__o{\n  position:absolute; inset:0; transform-style:preserve-3d;\n  animation:hxt-obrot 7s linear infinite;\n}\n\/* \u2014\u2014\u2014 awers i rewers \u2014\u2014\u2014 *\/\n#hxt .hxt-moneta .hxt-moneta__s{\n  position:absolute; inset:0; border-radius:50%; overflow:hidden;\n  backface-visibility:hidden; -webkit-backface-visibility:hidden;\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  gap:.03em; text-align:center;\n}\n#hxt .hxt-moneta .hxt-moneta__s--przod{\n  transform:translateZ(var(--hxt-mg));\n  background:\n    radial-gradient(circle at 34% 26%, #FFF6D2 0%, var(--hxt-zloto-j) 24%, var(--hxt-zloto) 56%, #A97C09 86%, #7E5B06 100%);\n  box-shadow:inset 0 0 0 .026em rgba(255,255,255,.42), inset 0 -.05em .1em rgba(110,76,0,.55);\n  color:#5A3F00;\n}\n#hxt .hxt-moneta .hxt-moneta__s--tyl{\n  transform:rotateY(180deg) translateZ(var(--hxt-mg));\n  background:\n    radial-gradient(circle at 34% 26%, #3A82DC 0%, #1B5FB4 26%, var(--hxt-lidl-niebieski) 60%, #01305F 100%);\n  box-shadow:inset 0 0 0 .026em rgba(255,255,255,.30), inset 0 -.05em .1em rgba(0,20,50,.6);\n}\n\/* wypuk\u0142y pier\u015bcie\u0144 przy kraw\u0119dzi obu stron *\/\n#hxt .hxt-moneta .hxt-moneta__pierscien{\n  position:absolute; inset:9%; border-radius:50%; pointer-events:none;\n  box-shadow:inset 0 0 0 .018em rgba(255,255,255,.34), 0 0 0 .014em rgba(0,0,0,.22);\n}\n\/* po\u0142ysk przesuwaj\u0105cy si\u0119 po metalu *\/\n#hxt .hxt-moneta .hxt-moneta__s::after{\n  content:\"\"; position:absolute; top:-40%; left:-120%; width:80%; height:180%;\n  background:linear-gradient(100deg, transparent, rgba(255,255,255,.38), transparent);\n  transform:skewX(-16deg); pointer-events:none;\n  animation:hxt-polysk-monety 3.6s ease-in-out infinite;\n}\n#hxt .hxt-moneta .hxt-moneta__gwiazda{ font-size:.3em; line-height:1; text-shadow:0 .02em 0 rgba(255,255,255,.45); }\n#hxt .hxt-moneta .hxt-moneta__napis{\n  font-family:var(--hxt-tytul); font-weight:800; font-size:.088em;\n  letter-spacing:.14em; text-transform:uppercase; line-height:1;\n  text-shadow:0 .04em .04em rgba(255,255,255,.4);\n}\n\/* logo Hilaris wybite na rewersie *\/\n#hxt .hxt-moneta .hxt-moneta__logo{\n  width:62%; height:auto; display:block;\n  filter:drop-shadow(0 .02em .03em rgba(0,0,0,.55));\n}\n\/* \u2014\u2014\u2014 z\u0105bkowana kraw\u0119d\u017a (dok\u0142adana przez skrypt) \u2014\u2014\u2014 *\/\n#hxt .hxt-moneta .hxt-moneta__z{\n  position:absolute; left:50%; top:50%; display:block;\n  background:linear-gradient(180deg, #F0C64B, var(--hxt-zloto) 45%, #8A6407);\n  backface-visibility:hidden; -webkit-backface-visibility:hidden;\n}\n#hxt .hxt-moneta .hxt-moneta__z.jest-ciemny{\n  background:linear-gradient(180deg, #C79510, #9C7108 50%, #6E5205);\n}\n\/* \u2014\u2014\u2014 ruch \u2014\u2014\u2014 *\/\n@keyframes hxt-obrot{ 0%{ transform:rotateY(0deg); } 100%{ transform:rotateY(360deg); } }\n@keyframes hxt-kolysanie{\n  0%,100%{ transform:rotateX(-16deg) rotateZ(-2deg); }\n  50%    { transform:rotateX(-7deg)  rotateZ(2deg);  }\n}\n@keyframes hxt-poswiata{\n  0%,100%{ opacity:.35; transform:translate(-50%,-50%) scale(.86); }\n  50%    { opacity:.9;  transform:translate(-50%,-50%) scale(1.06); }\n}\n@keyframes hxt-polysk-monety{\n  0%,62%{ left:-120%; } 100%{ left:150%; }\n}\n\/* najechanie: moneta przyspiesza i ro\u015bnie *\/\n#hxt .hxt-rzad:hover .hxt-moneta, #hxt .hxt-edycja:hover .hxt-moneta{ transform:scale(1.07); }\n#hxt .hxt-moneta{ transition:transform .35s cubic-bezier(.2,.7,.25,1); }\n#hxt .hxt-rzad:hover .hxt-moneta .hxt-moneta__o,\n#hxt .hxt-edycja:hover .hxt-moneta .hxt-moneta__o{ animation-duration:2.6s; }\n\/* tytu\u0142 i wst\u0119p *\/\n#hxt .hxt-tyt{ font-size:clamp(1.85rem,4vw,3rem); }\n#hxt .hxt-tyt em{ font-style:normal; color:var(--hxt-zloto-j) !important; }\n#hxt .hxt-lead{ margin-top:16px; font-size:clamp(1.02rem,1.6vw,1.14rem); color:#D3E1EE; max-width:60ch; }\n\/* karta z zesz\u0142oroczn\u0105 nagrod\u0105 *\/\n#hxt .hxt-trofeum{\n  position:relative; overflow:hidden; display:flex; gap:16px; align-items:flex-start;\n  margin-top:clamp(20px,3vw,28px); padding:18px 20px; border-radius:var(--hxt-r);\n  background:rgba(255,255,255,.07); border:1px solid rgba(240,198,75,.42);\n  transition:transform .32s cubic-bezier(.2,.7,.25,1), border-color .32s ease, box-shadow .32s ease;\n}\n#hxt .hxt-trofeum:hover{ transform:translateY(-4px); border-color:rgba(240,198,75,.85); box-shadow:0 26px 46px -30px rgba(0,0,0,.95); }\n#hxt .hxt-trofeum__ikona{\n  flex:none; width:52px; height:52px; border-radius:15px; display:grid; place-items:center;\n  font-size:1.6rem; line-height:1;\n  background:linear-gradient(160deg, rgba(240,198,75,.45), rgba(217,164,23,.16));\n  transition:transform .4s cubic-bezier(.2,.7,.25,1);\n}\n#hxt .hxt-trofeum:hover .hxt-trofeum__ikona{ transform:rotate(-8deg) scale(1.07); }\n#hxt .hxt-trofeum b{ display:block; font-size:1.02rem; font-weight:800; color:#fff; margin-bottom:4px; }\n#hxt .hxt-trofeum span{ display:block; font-size:.93rem; color:#C9DAE8; line-height:1.6; }\n#hxt .hxt-trofeum mark{ background:none; color:var(--hxt-zloto-j); font-weight:700; }\n\/* trzy kroki *\/\n\/* Kroki celowo NIE s\u0105 list\u0105 <ol>: motyw witryny przywraca\u0142 w\u0142asny numer\n   listy, kt\u00f3ry siada\u0142 krzywo obok z\u0142otego ko\u0142a. Numer jest tu zwyk\u0142ym\n   elementem, w pe\u0142ni pod kontrol\u0105 tego arkusza. *\/\n#hxt .hxt-kroki{ list-style:none !important; margin:clamp(22px,3vw,32px) 0 0; padding:0 !important; display:grid; gap:12px; }\n#hxt .hxt-kroki > *::marker{ content:none; }\n#hxt .hxt-krok{\n  position:relative; overflow:hidden; display:flex; gap:14px; align-items:flex-start;\n  padding:15px 18px; border-radius:16px;\n  background:rgba(255,255,255,.05); border:1px solid var(--hxt-linia);\n  transition:transform .3s cubic-bezier(.2,.7,.25,1), background .3s ease, border-color .3s ease;\n}\n#hxt .hxt-krok:hover{ transform:translateX(5px); background:rgba(255,255,255,.09); border-color:rgba(240,198,75,.55); }\n#hxt .hxt-krok__nr{\n  flex:none; width:32px; height:32px; border-radius:50%;\n  \/* centrowanie na sztywno: flex + zerowa interlinia + wy\u0142\u0105czone dziedziczone\n     wyr\u00f3wnanie tekstu. Bez tego cyfra siada\u0142a wy\u017cej i bli\u017cej lewej kraw\u0119dzi. *\/\n  display:flex !important; align-items:center !important; justify-content:center !important;\n  line-height:1 !important; text-align:center; padding:0; margin:0;\n  font-family:var(--hxt-tytul); font-weight:700; font-size:.95rem;\n  color:#3B2A00 !important;\n  background:linear-gradient(180deg, var(--hxt-zloto-j), var(--hxt-zloto));\n  transition:transform .3s cubic-bezier(.2,.7,.25,1);\n}\n#hxt .hxt-krok__nr span{ display:block; transform:translateY(.03em); }\n#hxt .hxt-krok:hover .hxt-krok__nr{ transform:scale(1.1) rotate(-8deg); }\n#hxt .hxt-krok b{ display:block; font-size:.99rem; font-weight:800; color:#fff; margin-bottom:3px; }\n#hxt .hxt-krok span{ display:block; font-size:.9rem; color:#C2D4E3; line-height:1.55; }\n\/* przyciski i numer plac\u00f3wki *\/\n#hxt .hxt-akcje{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:clamp(22px,3vw,30px); }\n#hxt .hxt-btn{\n  position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:10px;\n  border-radius:999px; padding:15px 26px; font-weight:800; font-size:.98rem; border:0; cursor:pointer;\n  font-family:inherit;\n  transition:transform .22s cubic-bezier(.2,.7,.25,1), filter .22s ease, box-shadow .22s ease, color .22s ease;\n}\n#hxt .hxt-btn svg{ width:17px; height:17px; flex:none; transition:transform .25s ease; }\n#hxt .hxt-btn:hover{ transform:translateY(-3px); }\n#hxt .hxt-btn:hover svg{ transform:scale(1.1) rotate(-4deg); }\n#hxt .hxt-btn--zloty{\n  background:linear-gradient(180deg, var(--hxt-zloto-j), var(--hxt-zloto)); color:#3B2A00;\n  box-shadow:0 16px 34px -16px rgba(217,164,23,.95);\n}\n#hxt .hxt-btn--zloty:hover{ filter:brightness(1.07); box-shadow:0 22px 42px -16px rgba(217,164,23,1); }\n#hxt .hxt-btn--duch{ background:transparent; color:#fff; box-shadow:inset 0 0 0 1.6px rgba(255,255,255,.42); }\n#hxt .hxt-btn--duch:hover{ box-shadow:inset 0 0 0 1.8px rgba(240,198,75,.95); color:var(--hxt-zloto-j); }\n#hxt .hxt-numer{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:16px; font-size:.84rem; color:#B8CBDB; }\n#hxt .hxt-numer b{ font-weight:700; color:#fff; letter-spacing:.04em; font-variant-numeric:tabular-nums; }\n#hxt .hxt-kopiuj{\n  display:inline-flex; align-items:center; gap:7px; cursor:pointer; border:0; font-family:inherit;\n  font-size:.8rem; font-weight:700; color:var(--hxt-zloto-j);\n  background:rgba(240,198,75,.12); padding:7px 13px; border-radius:999px;\n  box-shadow:inset 0 0 0 1px rgba(240,198,75,.35);\n  transition:background .25s ease, transform .2s ease, color .25s ease;\n}\n#hxt .hxt-kopiuj:hover{ background:rgba(240,198,75,.24); transform:translateY(-2px); }\n#hxt .hxt-kopiuj.jest-skopiowane{ color:#0B1B2E; background:var(--hxt-zloto-j); }\n#hxt .hxt-kopiuj svg{ width:14px; height:14px; }\n\/* ZDJ\u0118CIA \u2014 normalny uk\u0142ad, jedno pod drugim, bez nak\u0142adania *\/\n#hxt .hxt-foto{ display:grid; grid-template-columns:1fr; gap:14px; align-content:start; }\n#hxt .hxt-foto figure{\n  margin:0; position:relative; overflow:hidden; border-radius:var(--hxt-r);\n  border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.05);\n  box-shadow:0 28px 54px -34px rgba(0,0,0,.95);\n  transition:transform .35s cubic-bezier(.2,.7,.25,1), border-color .35s ease;\n}\n#hxt .hxt-foto figure:hover{ transform:translateY(-4px); border-color:rgba(240,198,75,.6); }\n\/* grafika akcji \u2014 pokazana w ca\u0142o\u015bci, nic nie jest przycinane *\/\n#hxt .hxt-foto__plakat img{ width:100%; height:auto; }\n\/* zdj\u0119cie dzieci \u2014 kadr panoramiczny *\/\n#hxt .hxt-foto__zdjecie img{ width:100%; aspect-ratio:16\/9; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.25,1); }\n#hxt .hxt-foto__zdjecie:hover img{ transform:scale(1.04); }\n\/* pasek edycji *\/\n#hxt .hxt-edycje{ margin-top:clamp(32px,4.4vw,52px); display:grid; gap:14px; grid-template-columns:1fr; }\n#hxt .hxt-edycja{\n  position:relative; overflow:hidden; display:flex; gap:15px; align-items:center; flex-wrap:wrap;\n  padding:18px 20px; border-radius:var(--hxt-r);\n  background:rgba(255,255,255,.055); border:1px solid var(--hxt-linia);\n  transition:transform .32s cubic-bezier(.2,.7,.25,1), border-color .32s ease, box-shadow .32s ease;\n}\n#hxt .hxt-edycja:hover{ transform:translateY(-4px); border-color:rgba(240,198,75,.6); box-shadow:0 26px 44px -30px rgba(0,0,0,.95); }\n#hxt .hxt-edycja--teraz{ border-color:rgba(240,198,75,.55); background:rgba(240,198,75,.09); }\n#hxt .hxt-edycja__i{ flex:none; font-size:1.9rem; line-height:1; }\n#hxt .hxt-edycja__t{ flex:1 1 200px; min-width:0; }\n\/* UWAGA: te regu\u0142y celowo dotycz\u0105 TYLKO bloku opisu (.hxt-edycja__t).\n   Wcze\u015bniej \"span\" by\u0142 tu bez zaw\u0119\u017cenia i \u0142apa\u0142 ka\u017cdy element span w karcie \u2014\n   tak\u017ce ikon\u0119 etapu i monet\u0119 przeniesion\u0105 tu na telefonie, kt\u00f3r\u0105 zmniejsza\u0142\n   do rozmiaru zwyk\u0142ego tekstu i rozk\u0142ada\u0142 na czynniki pierwsze. *\/\n#hxt .hxt-edycja__t u{ display:block; text-decoration:none; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--hxt-zloto-j); margin-bottom:5px; }\n#hxt .hxt-edycja__t b{ display:block; font-size:1.04rem; font-weight:800; color:#fff; margin-bottom:3px; }\n#hxt .hxt-edycja__t span{ display:block; font-size:.88rem; color:#C2D4E3; }\n#hxt .hxt-edycja__stan{\n  flex:none; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;\n  padding:7px 13px; border-radius:999px; white-space:nowrap;\n}\n#hxt .hxt-edycja__stan--ok{ background:rgba(47,191,174,.18); color:#7EE8DA; box-shadow:inset 0 0 0 1px rgba(47,191,174,.45); }\n#hxt .hxt-edycja__stan--trwa{ background:var(--hxt-zloto); color:#3B2A00; }\n\/* Talenciak przeniesiony do karty \"Ta edycja\" (tylko telefon).\n   W kodzie moneta istnieje TYLKO RAZ \u2014 na w\u0105skim ekranie skrypt przenosi ten\n   sam element z g\u00f3ry sekcji do tej karty i nadaje mu poni\u017csz\u0105 klas\u0119, a przy\n   powrocie na szeroki ekran wstawia go z powrotem nad tytu\u0142 i klas\u0119 zdejmuje.\n   Moneta stoi tu jako zwyk\u0142y element rz\u0119du odsuni\u0119ty w prawo (margin-left:auto),\n   a nie warstwa nad kart\u0105, wi\u0119c nigdy nie nachodzi na tekst. *\/\n#hxt .hxt-edycja .hxt-moneta--wkarcie{ font-size:72px; margin-left:auto; flex:none; }\n@media (prefers-reduced-motion:reduce){\n  #hxt [data-hxt]{ opacity:1 !important; transform:none !important; transition:none !important; }\n  #hxt *{ animation:none !important; }\n  #hxt .hxt-tlo{ display:none; }\n}\n@media (min-width:620px){\n  #hxt .hxt-edycje{ grid-template-columns:1fr 1fr; }\n}\n@media (min-width:980px){\n  #hxt .hxt-siatka{ grid-template-columns:1.08fr .92fr; }\n}\n@media (max-width:979px){\n  #hxt .hxt-foto{ max-width:560px; margin:0 auto; }\n}\n@media (max-width:520px){\n  #hxt .hxt-akcje{ display:grid; grid-template-columns:1fr; }\n  #hxt .hxt-btn{ width:100%; }\n}\n\/* Talenciak: zamkni\u0119ta bry\u0142a, rade\u0142kowany bok i dwa fazowane ranty.\n   Wszystkie wymiary bry\u0142y dziedzicz\u0105 rozmiar 76 \/ 72 px. *\/\n#hxt .hxt-moneta{ --hxt-mg:.06em; isolation:isolate; }\n#hxt .hxt-moneta .hxt-moneta__b{ transform:rotateX(-12deg) rotateZ(-8deg); animation:hxt-kolysanie 9s ease-in-out infinite; }\n#hxt .hxt-moneta .hxt-moneta__o{ animation:hxt-obrot 10s linear infinite; }\n#hxt .hxt-rzad:hover .hxt-moneta .hxt-moneta__o,\n#hxt .hxt-edycja:hover .hxt-moneta .hxt-moneta__o{ animation-duration:10s; }\n#hxt .hxt-moneta .hxt-moneta__s{ inset:1.6%; }\n#hxt .hxt-moneta .hxt-moneta__s--przod{\n  background:conic-gradient(from 25deg,#ad731b,#fff0b0 12%,#c18a26 26%,#ffe9a0 44%,#9b6014 61%,#f9d976 78%,#ad731b);\n  box-shadow:inset 0 0 0 .016em #ffedb0,inset 0 0 0 .039em #a36a1b,inset 0 0 0 .052em #fce3a0;\n}\n#hxt .hxt-moneta .hxt-moneta__s--tyl{\n  background:radial-gradient(ellipse at 30% 20%,#315678,#102c4b 55%,#061728);\n  box-shadow:inset 0 0 0 .018em #f9dfa0,inset 0 0 0 .045em #b17c26,inset 0 0 0 .061em #ffe8a2;\n}\n#hxt .hxt-moneta .hxt-moneta__pierscien{ inset:9%; border:1px dotted #e6bd66; box-shadow:0 1px 1px #684312,inset 0 1px 1px #fff0bb; }\n#hxt .hxt-moneta .hxt-moneta__relief{ position:absolute; inset:0; width:100%; height:100%; display:block; }\n#hxt .hxt-moneta .hxt-moneta__logo{ width:55%; max-height:57%; object-fit:contain; }\n#hxt .hxt-moneta .hxt-moneta__s::after{\n  inset:0; width:auto; height:auto; transform:none;\n  background:linear-gradient(115deg,transparent 26%,#fff7d966 43%,transparent 58%);\n  animation:hxt-metal 10s linear infinite; pointer-events:none;\n}\n#hxt .hxt-moneta .hxt-moneta__z{ backface-visibility:visible; -webkit-backface-visibility:visible;\n  background:linear-gradient(90deg,#835016,#f6d181 35%,#b47c25 65%,#754311);\n}\n#hxt .hxt-moneta .hxt-moneta__z.hxt-moneta__faz{ background:linear-gradient(90deg,#b17d29,#ffedb0 48%,#c69037); }\n@keyframes hxt-metal{ 0%,100%{opacity:.75} 25%,75%{opacity:.12} 50%{opacity:.55} }\n\/* Spokojniejsze t\u0142o, czytelniejsze karty i wyra\u017any akcent na pro\u015bbie o pomoc. *\/\n#hxt{ background:radial-gradient(ellipse at 0% 0%,#8a6a242b,transparent 48%),radial-gradient(ellipse at 100% 85%,#225e813b,transparent 58%),linear-gradient(125deg,#091b2c,#102f4c); }\n#hxt .hxt-tlo{ opacity:.28; }\n#hxt .hxt-plakietka{ line-height:1.5; letter-spacing:.12em; background:linear-gradient(135deg,#fff0a5,#edc95b); box-shadow:0 5px 22px #0002; }\n#hxt .hxt-plakietka i{ background:#177767; box-shadow:0 0 0 3px #17776722; animation:none; flex:none; }\n#hxt .hxt-lead{ line-height:1.75; }\n#hxt .hxt-prosba{ display:block; margin-top:16px; padding-left:14px; border-left:2px solid #edca73; color:#fff0c8; font-weight:600; }\n#hxt .hxt-trofeum{ background:linear-gradient(125deg,#f5d78a17,#f5d78a06); border-color:#e6c47755; box-shadow:inset 0 1px #fff1; }\n#hxt .hxt-krok{ background:#0a2136b8; border-color:#c9e1f018; box-shadow:inset 0 1px #ffffff05; }\n#hxt .hxt-krok__nr{ background:linear-gradient(145deg,#ffedb3,#cca34f); }\n#hxt .hxt-krok__nr > span{ color:#49320f; line-height:1; }\n#hxt .hxt-numer{ padding:12px 15px; border:1px dashed #d7e6f02b; border-radius:14px; width:fit-content; }\n#hxt .hxt-kopiuj{ min-height:40px; }\n#hxt .hxt-foto figure{ border-color:#f4dfac35; box-shadow:0 20px 42px -22px #0009; }\n#hxt .hxt-foto figcaption{ padding:13px 17px; background:#081c30; color:#d4e2ec; font-size:.82rem; line-height:1.55; }\n#hxt .hxt-foto figcaption b{ color:#efd18b; }\n#hxt .hxt-edycja{ background:linear-gradient(125deg,#ffffff08,#ffffff03); }\n#hxt .hxt-edycja--teraz{ background:linear-gradient(125deg,#ebc96d18,#ebc96d06); }\n@media(min-width:980px){ #hxt .hxt-foto{ padding-top:8px; gap:20px; } }\n@media(max-width:759px){\n  #hxt .hxt-edycja--teraz{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; }\n  #hxt .hxt-edycja--teraz .hxt-edycja__t{ grid-column:2 \/ 4; }\n  #hxt .hxt-edycja--teraz .hxt-edycja__stan{ grid-column:1 \/ 3; justify-self:start; }\n  #hxt .hxt-edycja--teraz .hxt-moneta{ grid-column:3; justify-self:end; }\n}\n@media(prefers-reduced-motion:reduce){\n  #hxt *,#hxt *::before,#hxt *::after{ animation:none !important; transition:none !important; }\n  #hxt .hxt-moneta .hxt-moneta__o{ transform:rotateY(-22deg); }\n}\n\/* \u25b2\u25b2\u25b2 KONIEC SEKCJI TALENCIAKI \u2014 STYLE \u25b2\u25b2\u25b2 *\/\n<\/style>\n<section id=\"hxg\" class=\"hxg\" aria-label=\"Strona g\u0142\u00f3wna Hilaris\">\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-hero\">\n    <div class=\"hxg-hero__tlo\">\n      <img decoding=\"async\" id=\"hxg-hero-foto\"\n           src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/08\/inne-niebo--scaled.webp\"\n           alt=\"Kompleks Szko\u0142y Podstawowej i Przedszkola Hilaris w B\u0142oniu z lotu ptaka\"\n           fetchpriority=\"high\">\n    <\/div>\n    <div class=\"hxg-in hxg-hero__tresc\">\n      <div class=\"hxg-hero__gora\">\n        <img decoding=\"async\" class=\"hxg-hero__logo\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/08\/LOGO-HILARIS-STRONA-GLOWNA-bez-nazw.png\" alt=\"Logo Hilaris\" data-hxg>\n        <span class=\"hxg-nad\" data-hxg>B\u0142onie \u00b7 powiat warszawski zachodni<\/span>\n        <h1><span class=\"hxg-slowo\">Follow<\/span> <span class=\"hxg-slowo\">your<\/span> <span class=\"hxg-slowo\">passion!<\/span><\/h1>\n        <p class=\"hxg-hero__pl\" data-hxg>\n          <span class=\"hxg-hero__pl-a\">Dwuj\u0119zyczne Przedszkole<\/span>\n          <span class=\"hxg-hero__pl-b\">i Szko\u0142a Podstawowa w B\u0142oniu<\/span><span class=\"hxg-hero__pl-c\"> \u2014<\/span><br class=\"hxg-hero__pl-br\"><span class=\"hxg-hero__pl-d\">jeden wsp\u00f3lny kompleks, jedna \u015bcie\u017cka nauki.<\/span>\n        <\/p>\n      <\/div>\n      <div class=\"hxg-hero__dol\">\n        <p class=\"hxg-hero__en\" data-hxg>Bilingual Preschool and Bilingual Primary School that open the doors of the world to children \u2014 active learning every day.<\/p>\n        <div class=\"hxg-hero__cta\">\n          <a class=\"hxg-btn hxg-btn--zloty hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4686\" data-hxg>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"m9 15.2 2.1 2.1L15.4 13\"\/><\/svg>\n            Rekrutacja 2026\/2027\n          <\/a>\n          <a class=\"hxg-btn hxg-btn--jasny hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4127\" data-hxg>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.3l3.4 2\"\/><\/svg>\n            Um\u00f3w si\u0119 na spotkanie\n          <\/a>\n          <a class=\"hxg-btn hxg-btn--duch\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=3822\" data-hxg>Co nas wyr\u00f3\u017cnia?<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRZYCISKI POD ZDJ\u0118CIEM \u2014 TYLKO TELEFON \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-ctasec\">\n    <div class=\"hxg-in\">\n      <div class=\"hxg-cta\">\n        <a class=\"hxg-btn hxg-btn--zloty\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4686\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"m9 15.2 2.1 2.1L15.4 13\"\/><\/svg>\n          Rekrutacja 2026\/2027\n        <\/a>\n        <a class=\"hxg-btn hxg-btn--granat\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4127\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.3l3.4 2\"\/><\/svg>\n          Um\u00f3w si\u0119 na spotkanie\n        <\/a>\n        <a class=\"hxg-btn\" style=\"box-shadow:inset 0 0 0 1.6px rgba(14,43,77,.28); color:var(--hxg-granat);\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=3822\">\n          Co nas wyr\u00f3\u017cnia?\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DWA WEJ\u015aCIA \u2014 zaraz pod zdj\u0119ciem z drona \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja\" id=\"hxg-wejscia\">\n    <div class=\"hxg-in\">\n      <div class=\"hxg-glowka hxg-glowka--srodek\">\n        <span class=\"hxg-nad\" data-hxg>Zapraszamy<\/span>\n        <h2 class=\"hxg-tyt\" data-hxg>Gdzie chc\u0105 Pa\u0144stwo <em>zajrze\u0107?<\/em><\/h2>\n      <\/div>\n      <div class=\"hxg-drzwi\">\n        <a class=\"hxg-drzwi__k hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=1194\" data-hxg>\n          <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/08\/482025959_1139380187985633_1563417223492217931_n.jpg\" alt=\"Dzieci w Przedszkolu Hilaris\">\n          <span class=\"hxg-drzwi__t\">\n            <b>Przedszkole<\/b>\n            <u>2,5 \u2013 6 lat<\/u>\n          <\/span>\n          <span class=\"hxg-drzwi__s\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\n        <\/a>\n        <a class=\"hxg-drzwi__k hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\" data-hxg>\n          <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/05\/55-scaled.jpg\" alt=\"Uczniowie Szko\u0142y Podstawowej Hilaris\">\n          <span class=\"hxg-drzwi__t\">\n            <b>Szko\u0142a Podstawowa<\/b>\n            <u>klasy 1 \u2013 8<\/u>\n          <\/span>\n          <span class=\"hxg-drzwi__s\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n       \u25bc\u25bc\u25bc POCZ\u0104TEK SEKCJI TALENCIAKI \u2014 TRE\u015a\u0106 \u25bc\u25bc\u25bc\n       Stoi dok\u0142adnie mi\u0119dzy \"Gdzie chc\u0105 Pa\u0144stwo zajrze\u0107?\" a \"Cztery rzeczy,\n       kt\u00f3re wida\u0107 od pierwszego dnia\". \u017beby przenie\u015b\u0107 j\u0105 w inne miejsce,\n       wystarczy przenie\u015b\u0107 ca\u0142y blok <section id=\"hxt\"> ... <\/section>.\n       \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <section id=\"hxt\" class=\"hxt\" aria-labelledby=\"hxt-tytul\">\n    <div class=\"hxt-tlo\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n    <div class=\"hxt-in\">\n      <div class=\"hxt-siatka\">\n        <!-- kolumna z tre\u015bci\u0105 -->\n        <div class=\"hxt-tresc\">\n          <div class=\"hxt-rzad\" data-hxt>\n            <span class=\"hxt-moneta\" id=\"hxt-moneta\" aria-hidden=\"true\">\n              <span class=\"hxt-moneta__b\">\n                <span class=\"hxt-moneta__o\">\n                  <!-- z\u0105bkowan\u0105 kraw\u0119d\u017a dok\u0142ada skrypt (funkcja \"zbudujKrawedz\") -->\n                  <span class=\"hxt-moneta__s hxt-moneta__s--przod\">\n                    <span class=\"hxt-moneta__pierscien\"><\/span>\n                    <svg class=\"hxt-moneta__relief\" viewBox=\"0 0 200 200\" aria-hidden=\"true\" focusable=\"false\">\n                      <defs>\n                        <radialGradient id=\"hxt-stop\"><stop stop-color=\"#ffeaa0\"\/><stop offset=\".72\" stop-color=\"#d5a747\"\/><stop offset=\"1\" stop-color=\"#a16c20\"\/><\/radialGradient>\n                        <linearGradient id=\"hxt-relief\" x2=\".65\" y2=\"1\"><stop stop-color=\"#fff4c0\"\/><stop offset=\".42\" stop-color=\"#efd180\"\/><stop offset=\".5\" stop-color=\"#aa731f\"\/><stop offset=\"1\" stop-color=\"#e8c571\"\/><\/linearGradient>\n                        <path id=\"hxt-luk\" d=\"M54 104 A46 46 0 0 1 146 104\"\/>\n                      <\/defs>\n                      <circle cx=\"100\" cy=\"100\" r=\"77\" fill=\"url(#hxt-stop)\" stroke=\"#fff0b0\" stroke-width=\"1.5\"\/>\n                      <circle cx=\"100\" cy=\"100\" r=\"84\" fill=\"none\" stroke=\"#80511a\" stroke-width=\"2\" stroke-dasharray=\"1 5\"\/>\n                      <text fill=\"#30200b\" stroke=\"#fff0b0\" stroke-width=\".65\" paint-order=\"stroke fill\" font-size=\"24\" font-family=\"Arial,sans-serif\" font-weight=\"900\" letter-spacing=\".3\"><textPath href=\"#hxt-luk\" startOffset=\"50%\" text-anchor=\"middle\" textLength=\"126\" lengthAdjust=\"spacingAndGlyphs\">TALENCIAK<\/textPath><\/text>\n                      <path d=\"m100 65 11 24 27 3-20 19 5 28-23-14-23 14 5-28-20-19 27-3z\" fill=\"#895a1e\" transform=\"translate(14 24) scale(.86)\"\/>\n                      <path d=\"m100 65 11 24 27 3-20 19 5 28-23-14-23 14 5-28-20-19 27-3z\" fill=\"url(#hxt-relief)\" stroke=\"#fff0b2\" stroke-width=\"1.1\" transform=\"translate(14 22) scale(.86)\"\/>\n                      <text x=\"100\" y=\"157\" text-anchor=\"middle\" fill=\"#77501c\" font-size=\"10\" font-weight=\"700\" letter-spacing=\"3\" font-family=\"Arial,sans-serif\">HILARIS<\/text>\n                      <circle cx=\"49\" cy=\"131\" r=\"2\" fill=\"#fff0ac\"\/><circle cx=\"151\" cy=\"131\" r=\"2\" fill=\"#fff0ac\"\/>\n                    <\/svg>\n                  <\/span>\n                  <span class=\"hxt-moneta__s hxt-moneta__s--tyl\">\n                    <span class=\"hxt-moneta__pierscien\"><\/span>\n                    <img class=\"hxt-moneta__logo\"\n                         src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/08\/LOGO-HILARIS-STRONA-GLOWNA-bez-nazw.png\"\n                         alt=\"\" loading=\"lazy\" decoding=\"async\">\n                  <\/span>\n                <\/span>\n              <\/span>\n            <\/span>\n            <span class=\"hxt-plakietka\"><i aria-hidden=\"true\"><\/i> Akcja Lidla \u00b7 Szko\u0142y Pe\u0142ne Talent\u00f3w<\/span>\n          <\/div>\n          <h2 id=\"hxt-tytul\" class=\"hxt-tyt\" data-hxt>Zbieramy <em>Talenciaki<\/em><br>\u2014 po raz kolejny!<\/h2>\n          <p class=\"hxt-lead\" data-hxt>\n            Nasza plac\u00f3wka ponownie przyst\u0105pi\u0142a do akcji Lidla. Ka\u017cdy Talenciak przekazany\n            Hilarisowi zamienia si\u0119 w konkretny sprz\u0119t, kt\u00f3ry zostaje w naszych salach na lata.\n            <span class=\"hxt-prosba\">Prosimy o wsparcie \u2014 liczy si\u0119 ka\u017cdy, nawet pojedynczy gest.<\/span>\n          <\/p>\n          <div class=\"hxt-trofeum hxt-blask\" data-hxt>\n            <div class=\"hxt-trofeum__ikona\" aria-hidden=\"true\">\ud83c\udfc6<\/div>\n            <div>\n              <b>W poprzedniej edycji wygrali\u015bmy tablic\u0119 interaktywn\u0105<\/b>\n              <span>S\u0142u\u017cy dzieciom na co dzie\u0144 w <mark>sali nr 10<\/mark>. W tym roku mamy ochot\u0119\n                na kolejn\u0105 nagrod\u0119 \u2014 i bardzo liczymy na Pa\u0144stwa pomoc.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"hxt-kroki\">\n            <div class=\"hxt-krok hxt-blask\" data-hxt>\n              <span class=\"hxt-krok__nr\" aria-hidden=\"true\"><span>1<\/span><\/span>\n              <div>\n                <b>Odbierz Talenciaki w Lidlu<\/b>\n                <span>Dostaniesz je przy kasie podczas zakup\u00f3w \u2014 zgodnie z zasadami akcji obowi\u0105zuj\u0105cymi w sklepie.<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"hxt-krok hxt-blask\" data-hxt>\n              <span class=\"hxt-krok__nr\" aria-hidden=\"true\"><span>2<\/span><\/span>\n              <div>\n                <b>Przeka\u017c je nam<\/b>\n                <span>Pude\u0142ka na Talenciaki stoj\u0105 w szatniach. Mo\u017cna je te\u017c odda\u0107 bezpo\u015brednio wychowawcy klasy lub grupy.<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"hxt-krok hxt-blask\" data-hxt>\n              <span class=\"hxt-krok__nr\" aria-hidden=\"true\"><span>3<\/span><\/span>\n              <div>\n                <b>Razem si\u0119gamy po nagrod\u0119<\/b>\n                <span>Zebrane Talenciaki wymieniamy na sprz\u0119t dla uczni\u00f3w \u2014 dok\u0142adnie tak, jak rok temu z tablic\u0105 interaktywn\u0105.<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"hxt-akcje\" data-hxt>\n            <a class=\"hxt-btn hxt-btn--zloty hxt-blask\"\n               href=\"https:\/\/szkoly.lidl.pl\/Talenciaki\/daneSzkoly\/87040017763\"\n               target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7.6v8.8M9.4 9.6h4.1a1.9 1.9 0 0 1 0 3.8h-4.1\"\/><\/svg>\n              Wesprzyj nas Talenciakami\n            <\/a>\n            <a class=\"hxt-btn hxt-btn--duch\" href=\"https:\/\/www.lidl.pl\/c\/szkoly\/s10012469\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 11v5.2M12 7.7v.1\"\/><\/svg>\n              O akcji\n            <\/a>\n          <\/div>\n          <div class=\"hxt-numer\" data-hxt>\n            <span>Nasz numer w akcji: <b id=\"hxt-numer-wartosc\">87040017763<\/b><\/span>\n            <button type=\"button\" class=\"hxt-kopiuj\" id=\"hxt-kopiuj\" aria-label=\"Skopiuj numer plac\u00f3wki\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"9\" y=\"9\" width=\"11\" height=\"12\" rx=\"2\"\/><path d=\"M5 15V5a2 2 0 0 1 2-2h8\"\/><\/svg>\n              <span class=\"hxt-kopiuj__t\" aria-live=\"polite\">Kopiuj<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n        <!-- kolumna ze zdj\u0119ciami -->\n        <div class=\"hxt-foto\">\n          <!-- PODMIE\u0143 ZDJ\u0118CIE (grafika akcji) \u2014 pokazywana w ca\u0142o\u015bci -->\n          <figure class=\"hxt-foto__plakat hxt-blask\" data-hxt>\n            <img src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/09\/Talenciaki.jpg\"\n                 alt=\"Grafika akcji: od 1 wrze\u015bnia zbieramy Talenciaki \u2014 razem wybierzemy nagrod\u0119 dla naszej szko\u0142y\"\n                 loading=\"lazy\" decoding=\"async\">\n          <\/figure>\n          <!-- PODMIE\u0143 ZDJ\u0118CIE (fotografia) \u2014 kadr panoramiczny -->\n          <figure class=\"hxt-foto__zdjecie hxt-blask\" data-hxt>\n            <img src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2026\/09\/6d0901f7-bb39-46d5-a9f3-3292faaccf7b.jpg\"\n                 alt=\"Uczniowie z nagrodami rzeczowymi z akcji Talenciaki\"\n                 loading=\"lazy\" decoding=\"async\">\n            <figcaption><b>Ma\u0142e gesty. Wielkie mo\u017cliwo\u015bci.<\/b><br>Dzi\u0119kujemy za ka\u017cdy przekazany Talenciak.<\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n      <div class=\"hxt-edycje\">\n        <div class=\"hxt-edycja hxt-blask\" data-hxt>\n          <span class=\"hxt-edycja__i\" aria-hidden=\"true\">\ud83c\udfc6<\/span>\n          <div class=\"hxt-edycja__t\">\n            <u>Poprzednia edycja<\/u>\n            <b>Tablica interaktywna<\/b>\n            <span>Pracuje z dzie\u0107mi w sali nr 10.<\/span>\n          <\/div>\n          <span class=\"hxt-edycja__stan hxt-edycja__stan--ok\">Zdobyte<\/span>\n        <\/div>\n        <div class=\"hxt-edycja hxt-edycja--teraz hxt-blask\" data-hxt>\n          <span class=\"hxt-edycja__i\" aria-hidden=\"true\">\ud83c\udfaf<\/span>\n          <div class=\"hxt-edycja__t\">\n            <u>Ta edycja<\/u>\n            <b>Gramy o kolejn\u0105 nagrod\u0119<\/b>\n            <span>Pude\u0142ka czekaj\u0105 w szatniach \u2014 i u wychowawc\u00f3w.<\/span>\n          <\/div>\n          <span class=\"hxt-edycja__stan hxt-edycja__stan--trwa\">Zbieramy<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <!-- \u25b2\u25b2\u25b2 KONIEC SEKCJI TALENCIAKI \u2014 TRE\u015a\u0106 \u25b2\u25b2\u25b2 -->\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CO NAS WYR\u00d3\u017bNIA \u2014 SKR\u00d3T \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja\">\n    <div class=\"hxg-in\">\n      <div class=\"hxg-glowka hxg-glowka--srodek\">\n        <span class=\"hxg-nad\" data-hxg>Dlaczego Hilaris<\/span>\n        <h2 class=\"hxg-tyt\" data-hxg>Cztery rzeczy, kt\u00f3re <em>wida\u0107 od pierwszego dnia<\/em><\/h2>\n      <\/div>\n      <div class=\"hxg-atuty\">\n        <div class=\"hxg-atut hxg-blask\" data-hxg>\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5.5h6a2.5 2.5 0 0 1 2 1 2.5 2.5 0 0 1 2-1h6v13h-6a2.5 2.5 0 0 0-2 1 2.5 2.5 0 0 0-2-1H4z\"\/><path d=\"M12 6.5v12\"\/><\/svg><\/i>\n          <b>Nauczanie dwuj\u0119zyczne<\/b>\n          <span>Programy CLIL \u2014 angielski nie jest osobnym przedmiotem, tylko j\u0119zykiem, w kt\u00f3rym poznaje si\u0119 \u015bwiat.<\/span>\n        <\/div>\n        <div class=\"hxg-atut hxg-blask\" data-hxg>\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><circle cx=\"17\" cy=\"9.5\" r=\"2.4\"\/><path d=\"M3.5 19c0-2.9 2.5-5 5.5-5s5.5 2.1 5.5 5\"\/><path d=\"M16.4 14.2c2.3.3 4.1 2.1 4.1 4.8\"\/><\/svg><\/i>\n          <b>Ma\u0142e klasy i grupy<\/b>\n          <span>\u015arednio 15 uczni\u00f3w w oddziale, dw\u00f3ch wychowawc\u00f3w w grupie przedszkolnej. Nauczyciel zna ka\u017cde dziecko.<\/span>\n        <\/div>\n        <div class=\"hxg-atut hxg-blask\" data-hxg>\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3.5 4 7.2v5c0 5 3.4 7.7 8 8.8 4.6-1.1 8-3.8 8-8.8v-5z\"\/><path d=\"m9 12 2.2 2.2L15.4 10\"\/><\/svg><\/i>\n          <b>Certyfikaty Cambridge<\/b>\n          <span>Jeste\u015bmy centrum przygotowawczym do egzamin\u00f3w YLE \u2014 Starters, Movers i Flyers \u2014 oraz KET, PET i FCE. Zdawalno\u015b\u0107 w\u015br\u00f3d naszych uczni\u00f3w wynosi 100%.<\/span>\n        <\/div>\n        <div class=\"hxg-atut hxg-blask\" data-hxg>\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 6.6V12l3.6 2.1\"\/><\/svg><\/i>\n          <b>Opieka od rana do wieczora<\/b>\n          <span>Przedszkole 6:30 \u2013 18:00 przez dwana\u015bcie miesi\u0119cy w roku, \u015bwietlica szkolna do 18:00, p\u00f3\u0142kolonie w czesnym.<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"hxg-atuty-stopka\" data-hxg>\n        <a class=\"hxg-btn hxg-btn--granat hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=3822\">\n          Zobacz wszystkie powody\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \u015aCIE\u017bKA ROZWOJU \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja hxg-sekcja--mgla\">\n    <div class=\"hxg-in hxg-sr\">\n      <div class=\"hxg-glowka hxg-glowka--srodek\">\n        <span class=\"hxg-nad\" data-hxg>Follow your passion<\/span>\n        <h2 class=\"hxg-tyt\" data-hxg>Jedna \u015bcie\u017cka. <em>Trzyna\u015bcie lat razem.<\/em><\/h2>\n        <p class=\"hxg-lead\" data-hxg>Dziecko, kt\u00f3re przychodzi do nas jako 2,5-latek, wychodzi jako absolwent\n          z certyfikatem Cambridge w r\u0119ku. Oto ta droga \u2014 etap po etapie.<\/p>\n      <\/div>\n      <div class=\"hxg-sr__os\">\n        <div class=\"hxg-sr__linia\"><div class=\"hxg-sr__postep\"><\/div><\/div>\n        <!-- ETAP 1 \u2014 grupy Pszcz\u00f3\u0142ki (2,5\u20133 lata) i Chmurki (4 lata) -->\n        <div class=\"hxg-sr__etap\">\n          <div class=\"hxg-sr__kropka\">\ud83d\udc1d<\/div>\n          <div class=\"hxg-sr__karta hxg-blask\">\n            <span class=\"hxg-sr__wiek\">2,5 \u2013 4 lata<\/span>\n            <h3 class=\"hxg-sr__nazwa\">Pszcz\u00f3\u0142ki i Chmurki<\/h3>\n            <p class=\"hxg-sr__opis\">Pierwsze kroki bez rodzica. Bezpieczny rytm dnia i angielski, kt\u00f3ry\n              po prostu jest w tle \u2014 jak muzyka.<\/p>\n            <ul class=\"hxg-sr__kamienie\">\n              <li>Pszcz\u00f3\u0142ki 2,5 \u2013 3 lata, Chmurki 4 lata<\/li>\n              <li>Dw\u00f3ch wychowawc\u00f3w na grup\u0119, maksymalnie 16 dzieci<\/li>\n              <li>Angielski 2 \u00d7 30 minut dziennie \u2014 przez zabaw\u0119 i piosenk\u0119<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n        <!-- ETAP 2 \u2014 grupy Biedroneczki (5 lat) i zer\u00f3wkowa Robaczki (6 lat) -->\n        <div class=\"hxg-sr__etap\">\n          <div class=\"hxg-sr__kropka\">\ud83d\udc1e<\/div>\n          <div class=\"hxg-sr__karta hxg-blask\">\n            <span class=\"hxg-sr__wiek\">5 \u2013 6 lat<\/span>\n            <h3 class=\"hxg-sr__nazwa\">Biedroneczki i Robaczki<\/h3>\n            <p class=\"hxg-sr__opis\">Czas wyst\u0119p\u00f3w i przygotowania do szko\u0142y \u2014 w tym samym budynku,\n              w kt\u00f3rym za chwil\u0119 zacznie si\u0119 pierwsza klasa.<\/p>\n            <ul class=\"hxg-sr__kamienie\">\n              <li>Biedroneczki 5 lat, Robaczki \u2014 grupa zer\u00f3wkowa 6 lat<\/li>\n              <li>Angielski na scenie \u2014 przedstawienia i wyst\u0119py<\/li>\n              <li>P\u0142ynne przej\u015bcie do szko\u0142y, bez rekrutacji od zera<\/li>\n            <\/ul>\n            <span class=\"hxg-sr__odznaka\">Kamie\u0144 milowy: <span>gotowo\u015b\u0107 szkolna<\/span><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"hxg-sr__etap\">\n          <div class=\"hxg-sr__kropka\">\u270f\ufe0f<\/div>\n          <div class=\"hxg-sr__karta hxg-blask\">\n            <span class=\"hxg-sr__wiek\">Klasy 1 \u2013 3<\/span>\n            <h3 class=\"hxg-sr__nazwa\">Pierwszy etap edukacyjny<\/h3>\n            <p class=\"hxg-sr__opis\">Nauczanie dwuj\u0119zyczne metod\u0105 CLIL \u2014 angielski nie jest osobnym\n              przedmiotem, tylko j\u0119zykiem, w kt\u00f3rym poznaje si\u0119 \u015bwiat.<\/p>\n            <ul class=\"hxg-sr__kamienie\">\n              <li>\u015arednio 15 uczni\u00f3w w oddziale, podzia\u0142 na grupy j\u0119zykowe<\/li>\n              <li>Pierwsze egzaminy Cambridge YLE \u2014 Starters, Movers i Flyers<\/li>\n              <li>\u015awietlica 7:30 \u2013 18:00 i zaj\u0119cia dodatkowe w czesnym<\/li>\n            <\/ul>\n            <span class=\"hxg-sr__odznaka\">Kamie\u0144 milowy: <span>Cambridge YLE<\/span><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"hxg-sr__etap\">\n          <div class=\"hxg-sr__kropka\">\ud83c\udf0d<\/div>\n          <div class=\"hxg-sr__karta hxg-blask\">\n            <span class=\"hxg-sr__wiek\">Klasy 4 \u2013 6<\/span>\n            <h3 class=\"hxg-sr__nazwa\">Drugi j\u0119zyk i pierwszy certyfikat<\/h3>\n            <p class=\"hxg-sr__opis\">Dochodzi drugi j\u0119zyk obcy, a angielski wchodzi na poziom, kt\u00f3ry\n              da si\u0119 zmierzy\u0107 egzaminem mi\u0119dzynarodowym.<\/p>\n            <ul class=\"hxg-sr__kamienie\">\n              <li>Nauka dw\u00f3ch j\u0119zyk\u00f3w obcych i wyjazdy zagraniczne<\/li>\n              <li>Przygotowanie do egzaminu Cambridge KET lub PET \u2014 zale\u017cnie od poziomu ucznia<\/li>\n            <\/ul>\n            <span class=\"hxg-sr__odznaka\">Kamie\u0144 milowy: <span>Cambridge KET lub PET<\/span><\/span>\n          <\/div>\n        <\/div>\n        <div class=\"hxg-sr__etap\">\n          <div class=\"hxg-sr__kropka\">\ud83c\udf93<\/div>\n          <div class=\"hxg-sr__karta hxg-blask\">\n            <span class=\"hxg-sr__wiek\">Klasy 7 \u2013 8<\/span>\n            <h3 class=\"hxg-sr__nazwa\">Finisz z wynikiem<\/h3>\n            <p class=\"hxg-sr__opis\">Dwa lata, w kt\u00f3rych wszystko si\u0119 spina: certyfikat Cambridge,\n              egzamin \u00f3smoklasisty i \u015bwiadomy wyb\u00f3r szko\u0142y \u015bredniej.<\/p>\n            <ul class=\"hxg-sr__kamienie\">\n              <li>Certyfikat Cambridge PET albo FCE \u2014 100% zdawalno\u015bci<\/li>\n              <li>FCE to poziom B2; przyst\u0119puj\u0105 do niego u nas ju\u017c si\u00f3dmoklasi\u015bci<\/li>\n              <li>Wsparcie psychologa i pedagoga przy wyborze liceum<\/li>\n            <\/ul>\n            <span class=\"hxg-sr__odznaka\">Kamie\u0144 milowy: <span>Cambridge PET lub FCE + egzamin \u00f3smoklasisty<\/span><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HILARIS W LICZBACH \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja\">\n    <div class=\"hxg-in\">\n      <div class=\"hxg-lb\">\n        <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n          <defs>\n            <linearGradient id=\"hxg-lb-grad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n              <stop offset=\"0%\" stop-color=\"#F0C64B\"\/>\n              <stop offset=\"100%\" stop-color=\"#D9A417\"\/>\n            <\/linearGradient>\n          <\/defs>\n        <\/svg>\n        <div class=\"hxg-lb__glowka\">\n          <span class=\"hxg-nad\">Hilaris w liczbach<\/span>\n          <h2 class=\"hxg-tyt\">Efekty, kt\u00f3re <em>da si\u0119 zmierzy\u0107<\/em><\/h2>\n          <p class=\"hxg-lb__lead\">Nie prosimy, \u017ceby wierzy\u0107 nam na s\u0142owo. Oto liczby, kt\u00f3rymi podsumowujemy nasz\u0105 prac\u0119.<\/p>\n        <\/div>\n        <div class=\"hxg-lb__siatka\" id=\"hxg-lb-siatka\"><\/div>\n        <p class=\"hxg-lb__stopka\">Dane na podstawie wynik\u00f3w egzamin\u00f3w zewn\u0119trznych, egzamin\u00f3w Cambridge\n          oraz aktualnej organizacji pracy plac\u00f3wki.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JUBILEUSZ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja hxg-sekcja--mgla\">\n    <div class=\"hxg-in\">\n      <a class=\"hxg-jub\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=3902\" data-hxg>\n        <div class=\"hxg-jub__balony\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n        <div class=\"hxg-jub__t\">\n          <div class=\"hxg-jub__naglowek\">\n            <span class=\"hxg-jub__10\">10<\/span>\n            <span class=\"hxg-jub__tyt\">lat razem!<\/span>\n            <span class=\"hxg-jub__balon\" aria-hidden=\"true\">\ud83c\udf89<\/span>\n          <\/div>\n          <p class=\"hxg-jub__intro\">Trudno uwierzy\u0107, \u017ce min\u0119\u0142a ju\u017c dekada od pierwszego dzwonka w naszej szkole w B\u0142oniu\u2026\n            Dla naszych uczni\u00f3w, ich rodze\u0144stwa, nauczycieli i rodzic\u00f3w to 10 lat wsp\u00f3lnych historii, u\u015bmiech\u00f3w i wzrusze\u0144.<\/p>\n          <p class=\"hxg-jub__rodzina\">To co\u015b wi\u0119cej ni\u017c szko\u0142a \u2014 to rodzina, kt\u00f3ra wci\u0105\u017c ro\u015bnie.<\/p>\n          <span class=\"hxg-jub__wiecej\">\n            Zobacz, jak \u015bwi\u0119towali\u015bmy\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg>\n          <\/span>\n        <\/div>\n        <img decoding=\"async\" class=\"hxg-jub__foto\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/11\/104-scaled.jpg\"\n             alt=\"Jubileusz 10-lecia Szko\u0142y Hilaris\" loading=\"lazy\">\n      <\/a>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 DLA RODZICA \u2014 NA SKR\u00d3TY \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja\">\n    <div class=\"hxg-in\">\n      <div class=\"hxg-glowka hxg-glowka--srodek\">\n        <span class=\"hxg-nad\" data-hxg>Dla rodzica<\/span>\n        <h2 class=\"hxg-tyt\" data-hxg>Na skr\u00f3ty<\/h2>\n        <p class=\"hxg-lead\" data-hxg>Logowanie do system\u00f3w i nasze profile \u2014 zawsze pod r\u0119k\u0105.<\/p>\n      <\/div>\n      <div class=\"hxg-skroty\">\n        <a class=\"hxg-skrot hxg-blask\" href=\"https:\/\/4parents.education\/\" target=\"_blank\" rel=\"noopener\" data-hxg>\n          <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/10\/4parents-prop.png\" alt=\"\">\n          <b>4Parents<\/b><u>aplikacja przedszkola<\/u>\n        <\/a>\n        <a class=\"hxg-skrot hxg-blask\" href=\"https:\/\/portal.librus.pl\/rodzina\" target=\"_blank\" rel=\"noopener\" data-hxg>\n          <img decoding=\"async\" src=\"https:\/\/hilaris-blonie.pl\/wp-content\/uploads\/2025\/10\/dziennik.jpg\" alt=\"\">\n          <b>e-Dziennik<\/b><u>Librus \u2014 szko\u0142a<\/u>\n        <\/a>\n        <a class=\"hxg-skrot hxg-blask\" href=\"https:\/\/www.facebook.com\/przedszkolehilaris\" target=\"_blank\" rel=\"noopener\" data-hxg>\n          <svg viewBox=\"0 0 24 24\" fill=\"#1877F2\" aria-hidden=\"true\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.6V12h2.7l-.4 2.9h-2.3v7A10 10 0 0 0 22 12z\"\/><\/svg>\n          <b>Facebook<\/b><u>Przedszkole<\/u>\n        <\/a>\n        <a class=\"hxg-skrot hxg-blask\" href=\"https:\/\/www.facebook.com\/szkolahilaris?locale=pl_PL\" target=\"_blank\" rel=\"noopener\" data-hxg>\n          <svg viewBox=\"0 0 24 24\" fill=\"#1877F2\" aria-hidden=\"true\"><path d=\"M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.4h-1.2c-1.2 0-1.6.8-1.6 1.6V12h2.7l-.4 2.9h-2.3v7A10 10 0 0 0 22 12z\"\/><\/svg>\n          <b>Facebook<\/b><u>Szko\u0142a<\/u>\n        <\/a>\n      <\/div>\n      <!-- ma\u0142e odno\u015bniki do stron plac\u00f3wek -->\n      <div class=\"hxg-mini\">\n        <a class=\"hxg-mini__k hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=1194\" data-hxg>\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11.2 12 4l9 7.2\"\/><path d=\"M5.5 10v9.5h13V10\"\/><path d=\"M10 19.5v-5h4v5\"\/><\/svg><\/i>\n          <b>Przedszkole<\/b>\n          <u>2,5 \u2013 6 lat<\/u>\n          <s aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/s>\n        <\/a>\n        <a class=\"hxg-mini__k hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=345\" data-hxg>\n          <i aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 4 2.5 8.6 12 13.2l9.5-4.6L12 4z\"\/><path d=\"M6.5 10.8v5.1c0 1.6 2.5 2.9 5.5 2.9s5.5-1.3 5.5-2.9v-5.1\"\/><path d=\"M21.5 8.6v5.2\"\/><\/svg><\/i>\n          <b>Szko\u0142a Podstawowa<\/b>\n          <u>klasy 1 \u2013 8<\/u>\n          <s aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"\/><\/svg><\/s>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ZAPROSZENIE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n  <div class=\"hxg-sekcja hxg-sekcja--mgla\">\n    <div class=\"hxg-in\">\n      <div class=\"hxg-zapro\" data-hxg>\n        <h2>Chc\u0105 Pa\u0144stwo zobaczy\u0107 nas od \u015brodka?<\/h2>\n        <p>Mamy pojedyncze miejsca na rok szkolny 2026\/2027 .\nZapraszamy na spotkanie \u2014 oprowadzimy po naszym kompleksie.\n           <br>Poka\u017cemy jak wygl\u0105da zwyk\u0142y dzie\u0144 w Hilarisie.<\/p>\n        <div class=\"hxg-zapro__cta\">\n          <a class=\"hxg-btn hxg-btn--zloty hxg-blask\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4686\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2.5\"\/><path d=\"M8 2.5v5M16 2.5v5M3 10h18\"\/><path d=\"m9 15.2 2.1 2.1L15.4 13\"\/><\/svg>\n            Rekrutacja 2026\/2027\n          <\/a>\n          <a class=\"hxg-btn hxg-btn--duch\" href=\"https:\/\/hilaris-blonie.pl\/?page_id=4127\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5.3l3.4 2\"\/><\/svg>\n            Um\u00f3w si\u0119 na spotkanie\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function(){\n  var G = document.getElementById('hxg');\n  if(!G || G.dataset.hxgGotowe) return;\n  G.dataset.hxgGotowe = '1';\n  var mniejRuchu = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  \/* \u2500\u2500 Kolejka \"poka\u017c, gdy element wjedzie w ekran\" \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     \u015awiadomie nie u\u017cywamy samego IntersectionObserver: gdy kto\u015b skoczy na\n     d\u00f3\u0142 strony (kotwica, odtworzona pozycja przewijania, szybki scroll),\n     pomini\u0119te sekcje zosta\u0142yby na zawsze niewidoczne. Tu sprawdzamy\n     po\u0142o\u017cenie \u2014 element powy\u017cej ekranu te\u017c zostaje pokazany. *\/\n  var kolejka = [], czeka = false;\n  function dodaj(el, akcja){ kolejka.push({el:el, akcja:akcja}); }\n  function sprawdz(){\n    if(czeka || !kolejka.length) return;\n    czeka = true;\n    window.requestAnimationFrame(function(){\n      var h = window.innerHeight || document.documentElement.clientHeight || 800;\n      kolejka = kolejka.filter(function(poz){\n        var r = poz.el.getBoundingClientRect();\n        if(r.top < h * 0.88){ poz.akcja(); return false; }\n        return true;\n      });\n      czeka = false;\n    });\n  }\n  window.addEventListener('scroll', sprawdz, {passive:true});\n  window.addEventListener('resize', sprawdz);\n  window.addEventListener('load', sprawdz);\n  \/* \u2500\u2500 1. HILARIS W LICZBACH \u2014 budowa kafelk\u00f3w \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var DANE = [\n    { wartosc:18,  sufiks:'',  jednostka:'lat',        procent:100, nazwa:'Lat do\u015bwiadczenia',\n      opis:'Ugruntowana pozycja plac\u00f3wki. Jeste\u015bmy z Pa\u0144stwem od lat, a wci\u0105\u017c wydaje si\u0119, \u017ce ta podr\u00f3\u017c dopiero si\u0119 zacz\u0119\u0142a.' },\n    { wartosc:83,  sufiks:'%', jednostka:'wynik',      procent:83,  nazwa:'Egzamin \u00f3smoklasisty',\n      opis:'\u015aredni wynik naszych absolwent\u00f3w \u2014 najlepszy w powiecie warszawskim zachodnim.' },\n    { wartosc:100, sufiks:'%', jednostka:'zdawalno\u015b\u0107', procent:100, nazwa:'Certyfikaty Cambridge',\n      opis:'Wszyscy przyst\u0119puj\u0105cy uczniowie zdaj\u0105 egzaminy KET, PET i FCE.' },\n    { wartosc:15,  sufiks:'',  jednostka:'uczni\u00f3w',    procent:60,  nazwa:'\u015arednio w oddziale',\n      opis:'Ma\u0142a klasa oznacza, \u017ce nauczyciel zna mocne i s\u0142abe strony ka\u017cdego dziecka.' }\n  ];\n  var siatka = G.querySelector('#hxg-lb-siatka');\n  if(siatka){\n    siatka.innerHTML = '';\n    DANE.forEach(function(d){\n      var k = document.createElement('div');\n      k.className = 'hxg-lb__kafel hxg-blask';\n      k.innerHTML =\n        '<div class=\"hxg-lb__wskaznik\">' +\n          '<svg viewBox=\"0 0 110 110\" aria-hidden=\"true\">' +\n            '<circle class=\"hxg-lb__tor\" cx=\"55\" cy=\"55\" r=\"48\"><\/circle>' +\n            '<circle class=\"hxg-lb__luk\" cx=\"55\" cy=\"55\" r=\"48\"><\/circle>' +\n          '<\/svg>' +\n          '<div class=\"hxg-lb__srodek\">' +\n            '<span class=\"hxg-lb__wartosc\">0' + d.sufiks + '<\/span>' +\n            '<span class=\"hxg-lb__jednostka\">' + d.jednostka + '<\/span>' +\n          '<\/div>' +\n        '<\/div>' +\n        '<h3 class=\"hxg-lb__nazwa\">' + d.nazwa + '<\/h3>' +\n        '<p class=\"hxg-lb__opis\">' + d.opis + '<\/p>';\n      k._dane = d;\n      siatka.appendChild(k);\n    });\n    var kafle = Array.prototype.slice.call(siatka.querySelectorAll('.hxg-lb__kafel'));\n    function odpal(kafel, opoznienie){\n      var d = kafel._dane;\n      window.setTimeout(function(){\n        kafel.classList.add('jest-widoczny');\n        var luk = kafel.querySelector('.hxg-lb__luk');\n        var obwod = 2 * Math.PI * 48;\n        luk.style.strokeDasharray  = obwod;\n        luk.style.strokeDashoffset = obwod - (obwod * d.procent \/ 100);\n        var pole = kafel.querySelector('.hxg-lb__wartosc');\n        if(mniejRuchu){ pole.textContent = d.wartosc + d.sufiks; return; }\n        var czas = 1500, t0 = null;\n        function krok(t){\n          if(!t0) t0 = t;\n          var p = Math.min(1, (t - t0) \/ czas);\n          var e = 1 - Math.pow(1 - p, 3);   \/* wyg\u0142adzenie *\/\n          pole.textContent = Math.round(d.wartosc * e) + d.sufiks;\n          if(p < 1) window.requestAnimationFrame(krok);\n          else pole.textContent = d.wartosc + d.sufiks;\n        }\n        window.requestAnimationFrame(krok);\n      }, opoznienie);\n    }\n    kafle.forEach(function(k, i){\n      if(mniejRuchu){ odpal(k, 0); }\n      else { dodaj(k, function(){ odpal(k, i * 110); }); }\n    });\n  }\n  \/* \u2500\u2500 2. \u015aCIE\u017bKA ROZWOJU \u2014 etapy i z\u0142ota linia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var etapy  = Array.prototype.slice.call(G.querySelectorAll('.hxg-sr__etap'));\n  var os     = G.querySelector('.hxg-sr__os');\n  var postep = G.querySelector('.hxg-sr__postep');\n  etapy.forEach(function(e, i){\n    if(mniejRuchu){ e.classList.add('jest-widoczny'); }\n    else { dodaj(e, function(){ setTimeout(function(){ e.classList.add('jest-widoczny'); }, Math.min(i,4) * 70); }); }\n  });\n  if(os && postep && !mniejRuchu){\n    var czekaOs = false;\n    function przeliczOs(){\n      var r = os.getBoundingClientRect();\n      var h = window.innerHeight || 800;\n      var ile = (h * 0.6 - r.top) \/ (r.height * 0.85);\n      ile = Math.max(0, Math.min(1, ile));\n      postep.style.height = (ile * 100).toFixed(1) + '%';\n    }\n    function naScrollOs(){\n      if(czekaOs) return; czekaOs = true;\n      window.requestAnimationFrame(function(){ przeliczOs(); czekaOs = false; });\n    }\n    window.addEventListener('scroll', naScrollOs, {passive:true});\n    window.addEventListener('resize', naScrollOs, {passive:true});\n    przeliczOs();\n  } else if(postep){\n    postep.style.height = '100%';\n  }\n  \/* \u2500\u2500 3. Wjazd pozosta\u0142ych element\u00f3w (dzia\u0142a bez GSAP) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var elementy = Array.prototype.slice.call(G.querySelectorAll('[data-hxg]'));\n  function pokaz(el){ el.classList.add('jest-widoczny'); }\n  if(mniejRuchu){\n    elementy.forEach(pokaz);\n  } else {\n    elementy.forEach(function(el){\n      if(el.closest('.hxg-hero')) return;               \/* hero pokazujemy od razu *\/\n      var rodzenstwo = Array.prototype.slice.call(el.parentNode.querySelectorAll('[data-hxg]'));\n      var i = Math.max(0, rodzenstwo.indexOf(el));\n      var krok = el.classList.contains('hxg-drzwi__k') ? 220 : 80;   \/* kafle plac\u00f3wek wolniej *\/\n      dodaj(el, function(){ setTimeout(function(){ pokaz(el); }, Math.min(i, 6) * krok); });\n    });\n    \/* elementy hero \u2014 od razu po wej\u015bciu na stron\u0119 *\/\n    setTimeout(function(){\n      G.querySelectorAll('.hxg-hero [data-hxg]').forEach(function(el, i){\n        setTimeout(function(){ pokaz(el); }, i * 110);\n      });\n    }, 120);\n  }\n  sprawdz();\n  setTimeout(sprawdz, 300);\n  setTimeout(sprawdz, 1000);\n  \/* BEZPIECZNIK: gdyby cokolwiek nie dosta\u0142o swojej animacji, po 6 s pokazujemy\n     to bezwarunkowo \u2014 tre\u015b\u0107 nigdy nie mo\u017ce zosta\u0107 niewidoczna. *\/\n  setTimeout(function(){\n    elementy.forEach(function(el){\n      var o = parseFloat(getComputedStyle(el).opacity);\n      if(isNaN(o) || o < .99) pokaz(el);\n    });\n    etapy.forEach(function(e){ e.classList.add('jest-widoczny'); });\n    G.querySelectorAll('.hxg-drzwi__k img').forEach(function(img){ img.classList.add('jest-foto'); });\n  }, 6000);\n  \/* \u2500\u2500 Zdj\u0119cia w kaflach \"Gdzie chc\u0105 Pa\u0144stwo zajrze\u0107?\" \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  G.querySelectorAll('.hxg-drzwi__k img').forEach(function(img, i){\n    function pokazFoto(){\n      setTimeout(function(){ img.classList.add('jest-foto'); }, 120 + i * 160);\n    }\n    if(img.complete && img.naturalWidth){\n      if(img.decode){ img.decode().then(pokazFoto).catch(pokazFoto); } else { pokazFoto(); }\n    } else {\n      img.addEventListener('load', pokazFoto);\n      img.addEventListener('error', function(){ img.classList.add('jest-foto'); });\n    }\n  });\n  \/* \u2500\u2500 4. KADR ZDJ\u0118CIA Z DRONA \u2014 liczony, a nie zgadywany \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     Problem: przy r\u00f3\u017cnych powi\u0119kszeniach przegl\u0105darki i rozmiarach okna zmienia\n     si\u0119 proporcja kadru, wi\u0119c sztywne \"object-position: 46%\" raz trafia\u0142o dobrze,\n     a raz k\u0142ad\u0142o napisy na dachu szko\u0142y.\n     Rozwi\u0105zanie: mierzymy realny wolny pas mi\u0119dzy doln\u0105 kraw\u0119dzi\u0105 g\u00f3rnego bloku\n     napis\u00f3w a g\u00f3rn\u0105 kraw\u0119dzi\u0105 has\u0142a po angielsku, i tak przesuwamy wycinek\n     zdj\u0119cia, \u017ceby \u015brodek budynku trafi\u0142 dok\u0142adnie w \u015brodek tego pasa.\n     Liczone przy wczytaniu, po za\u0142adowaniu zdj\u0119cia, przy zmianie rozmiaru okna\n     i po doj\u015bciu czcionek \u2014 czyli tak\u017ce przy zmianie powi\u0119kszenia (Ctrl +\/-). *\/\n  var hero = G.querySelector('.hxg-hero');\n  var foto = document.getElementById('hxg-hero-foto');\n  var blokGora = G.querySelector('.hxg-hero__gora');\n  var blokDol  = G.querySelector('.hxg-hero__dol');\n  function kadruj(){\n    if(!hero || !foto || !blokGora || !blokDol) return;\n    \/* na telefonie zostaje kadr z arkusza styl\u00f3w (--hxg-kadr-tel) *\/\n    if(window.innerWidth < 760){ foto.style.objectPosition = ''; return; }\n    if(!foto.naturalWidth || !foto.naturalHeight) return;\n    var boxW = hero.clientWidth, boxH = hero.clientHeight;\n    if(!boxW || !boxH) return;\n    \/* wysoko\u015b\u0107 zdj\u0119cia po dopasowaniu szeroko\u015bci\u0105 (tak dzia\u0142a object-fit:cover) *\/\n    var wysZdjecia = boxW * (foto.naturalHeight \/ foto.naturalWidth);\n    if(wysZdjecia <= boxH + 1){ foto.style.objectPosition = 'center 50%'; return; }\n    var przyciecie = wysZdjecia - boxH;\n    var rHero = hero.getBoundingClientRect();\n    var rGora = blokGora.getBoundingClientRect();\n    var rDol  = blokDol.getBoundingClientRect();\n    var pasOd = rGora.bottom - rHero.top;      \/* koniec napis\u00f3w u g\u00f3ry *\/\n    var pasDo = rDol.top - rHero.top;          \/* pocz\u0105tek has\u0142a i przycisk\u00f3w *\/\n    if(pasDo <= pasOd) return;\n    var cel = (pasOd + pasDo) \/ 2;             \/* \u015brodek wolnego pasa *\/\n    var udzial = parseFloat(getComputedStyle(G).getPropertyValue('--hxg-budynek'));\n    if(isNaN(udzial)) udzial = 53;\n    var p = ((udzial \/ 100) * wysZdjecia - cel) \/ przyciecie;\n    p = Math.max(0, Math.min(1, p));\n    foto.style.objectPosition = 'center ' + (p * 100).toFixed(1) + '%';\n  }\n  if(foto){\n    if(foto.complete) kadruj();\n    foto.addEventListener('load', kadruj);\n  }\n  window.addEventListener('load', kadruj);\n  var czekaKadr;\n  window.addEventListener('resize', function(){\n    clearTimeout(czekaKadr);\n    czekaKadr = setTimeout(kadruj, 100);\n  });\n  if(document.fonts && document.fonts.ready){ document.fonts.ready.then(kadruj); }\n  setTimeout(kadruj, 600);\n  setTimeout(kadruj, 1800);\n  setTimeout(kadruj, 3200);\n  \/* \u2500\u2500 5. Delikatna paralaksa zdj\u0119cia w hero (tylko je\u015bli GSAP jest obecny) \u2500 *\/\n  function paralaksa(){\n    if(mniejRuchu) return;\n    var gsap = window.gsap, ST = window.ScrollTrigger;\n    var foto = document.getElementById('hxg-hero-foto');\n    if(!gsap || !ST || !foto) return;\n    gsap.registerPlugin(ST);\n    gsap.fromTo(foto,\n      { yPercent: 0, scale: 1 },\n      { yPercent: 6, scale: 1.07, ease: 'none',\n        scrollTrigger: { trigger: G.querySelector('.hxg-hero'), start: 'top top', end: 'bottom top', scrub: true }\n      });\n    window.addEventListener('load', function(){ ST.refresh(); });\n  }\n  if(window.gsap && window.ScrollTrigger){ paralaksa(); }\n  else { var proba = 0; (function czekaj(){\n    if(window.gsap && window.ScrollTrigger){ paralaksa(); }\n    else if(proba++ < 30){ setTimeout(czekaj, 100); }\n  })(); }\n})();\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u25bc\u25bc\u25bc POCZ\u0104TEK SEKCJI TALENCIAKI \u2014 SKRYPT \u25bc\u25bc\u25bc\n   Osobna, zamkni\u0119ta funkcja \u2014 nie miesza si\u0119 ze skryptem strony g\u0142\u00f3wnej.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function(){\n  var T = document.getElementById('hxt');\n  if(!T || T.dataset.hxtGotowe) return;\n  T.dataset.hxtGotowe = '1';\n  var mniejRuchu = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  \/* kolejka \"poka\u017c, gdy element wjedzie w ekran\" \u2014 odporna na skok na d\u00f3\u0142 strony *\/\n  var kolejka = [], czeka = false;\n  function dodaj(el, akcja){ kolejka.push({el:el, akcja:akcja}); }\n  function sprawdz(){\n    if(czeka || !kolejka.length) return;\n    czeka = true;\n    window.requestAnimationFrame(function(){\n      var h = window.innerHeight || document.documentElement.clientHeight || 800;\n      kolejka = kolejka.filter(function(poz){\n        var r = poz.el.getBoundingClientRect();\n        if(r.top < h * 0.9){ poz.akcja(); return false; }\n        return true;\n      });\n      czeka = false;\n    });\n  }\n  window.addEventListener('scroll', sprawdz, {passive:true});\n  window.addEventListener('resize', sprawdz);\n  window.addEventListener('load', sprawdz);\n  var elementy = Array.prototype.slice.call(T.querySelectorAll('[data-hxt]'));\n  function pokaz(el){ el.classList.add('jest-widoczny'); }\n  if(mniejRuchu){\n    elementy.forEach(pokaz);\n  } else {\n    elementy.forEach(function(el){\n      var rodzenstwo = Array.prototype.slice.call(el.parentNode.querySelectorAll('[data-hxt]'));\n      var i = Math.max(0, rodzenstwo.indexOf(el));\n      dodaj(el, function(){ setTimeout(function(){ pokaz(el); }, Math.min(i, 6) * 95); });\n    });\n  }\n  sprawdz();\n  setTimeout(sprawdz, 300);\n  setTimeout(sprawdz, 1000);\n  \/* BEZPIECZNIK \u2014 po 6 s pokazujemy wszystko bezwarunkowo *\/\n  setTimeout(function(){\n    elementy.forEach(function(el){\n      var o = parseFloat(getComputedStyle(el).opacity);\n      if(isNaN(o) || o < .99) pokaz(el);\n    });\n  }, 6000);\n  \/* \u2500\u2500 Talenciak: JEDEN element, przenoszony mi\u0119dzy dwoma miejscami \u2500\u2500\u2500\u2500\u2500\u2500\n     Na komputerze moneta stoi nad tytu\u0142em sekcji, obok \u017c\u00f3\u0142tej plakietki.\n     Na telefonie ten sam element w\u0119druje na koniec karty \"Ta edycja\", gdzie\n     jest wolne miejsce po prawej stronie plakietki \"Zbieramy\". Nie jest to\n     kopia \u2014 to przeniesienie tego samego w\u0119z\u0142a, wi\u0119c obraca si\u0119 dalej i nigdy\n     nie wida\u0107 dw\u00f3ch monet naraz. Reagujemy na zmian\u0119 szeroko\u015bci okna, wi\u0119c\n     obr\u00f3t telefonu i zmiana powi\u0119kszenia te\u017c s\u0105 obs\u0142u\u017cone. *\/\n  \/* Zamkni\u0119ty walec: 96 segment\u00f3w boku + dwa fazowane ranty.\n     Normalne skierowane na zewn\u0105trz; zak\u0142adka usuwa szczeliny mi\u0119dzy segmentami. *\/\n  function zbudujKrawedz(m){\n    var o = m && m.querySelector('.hxt-moneta__o');\n    if(!o || o.dataset.krawedz) return;\n    o.dataset.krawedz = '1';\n    var N = 96, frag = document.createDocumentFragment();\n    var pasy = [{r:.5,z:0,h:.084,a:-90},\n                {r:.492,z:.051,h:.0241,a:-138,f:true},\n                {r:.492,z:-.051,h:.0241,a:-42,f:true}];\n    pasy.forEach(function(p){\n      var w = 2 * p.r * Math.tan(Math.PI \/ N) + .0015;\n      for(var i=0; i<N; i++){\n        var z = document.createElement('i');\n        z.className = 'hxt-moneta__z' + (p.f ? ' hxt-moneta__faz' : '');\n        z.style.cssText = 'width:'+w+'em;height:'+p.h+'em;margin-left:'+(-w\/2)+'em;margin-top:'+(-p.h\/2)+'em;';\n        z.style.transform = 'rotateZ('+(i*360\/N)+'deg) translateY('+p.r+'em) translateZ('+p.z+'em) rotateX('+p.a+'deg)';\n        frag.appendChild(z);\n      }\n    });\n    o.insertBefore(frag,o.firstChild);\n    m.style.setProperty('--hxt-mg','.06em');\n  }\n  var moneta       = T.querySelector('#hxt-moneta');\n  var gniazdoGora  = T.querySelector('.hxt-rzad');\n  var gniazdoKarta = T.querySelector('.hxt-edycja--teraz');\n  var telefon = window.matchMedia('(max-width: 759px)');\n  function przeniesMonete(){\n    if(!moneta || !gniazdoGora || !gniazdoKarta) return;\n    if(telefon.matches){\n      if(moneta.parentNode !== gniazdoKarta){\n        gniazdoKarta.appendChild(moneta);\n        moneta.classList.add('hxt-moneta--wkarcie');\n      }\n    } else if(moneta.parentNode !== gniazdoGora){\n      gniazdoGora.insertBefore(moneta, gniazdoGora.firstChild);\n      moneta.classList.remove('hxt-moneta--wkarcie');\n    }\n  }\n  zbudujKrawedz(moneta);\n  przeniesMonete();\n  if(telefon.addEventListener){ telefon.addEventListener('change', przeniesMonete); }\n  else if(telefon.addListener){ telefon.addListener(przeniesMonete); }   \/* starsze przegl\u0105darki *\/\n  \/* kopiowanie numeru plac\u00f3wki do schowka *\/\n  var przycisk = document.getElementById('hxt-kopiuj');\n  var wartosc  = document.getElementById('hxt-numer-wartosc');\n  if(przycisk && wartosc){\n    var etykieta = przycisk.querySelector('.hxt-kopiuj__t');\n    var wracaj = null;\n    function potwierdz(ok){\n      przycisk.classList.toggle('jest-skopiowane', ok);\n      if(etykieta) etykieta.textContent = ok ? 'Skopiowano' : 'Nie uda\u0142o si\u0119';\n      clearTimeout(wracaj);\n      wracaj = setTimeout(function(){\n        przycisk.classList.remove('jest-skopiowane');\n        if(etykieta) etykieta.textContent = 'Kopiuj';\n      }, 2200);\n    }\n    \/* starsze przegl\u0105darki i strony bez HTTPS \u2014 kopiowanie przez ukryte pole *\/\n    function awaryjnie(tekst){\n      try{\n        var pole = document.createElement('textarea');\n        pole.value = tekst;\n        pole.setAttribute('readonly','');\n        pole.style.cssText = 'position:absolute;left:-9999px;top:0;opacity:0';\n        document.body.appendChild(pole);\n        pole.select();\n        var ok = document.execCommand('copy');\n        document.body.removeChild(pole);\n        potwierdz(ok);\n      } catch(e){ potwierdz(false); }\n    }\n    przycisk.addEventListener('click', function(){\n      var tekst = wartosc.textContent.trim();\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(tekst).then(function(){ potwierdz(true); }).catch(function(){ awaryjnie(tekst); });\n      } else { awaryjnie(tekst); }\n    });\n  }\n})();\n\/* \u25b2\u25b2\u25b2 KONIEC SEKCJI TALENCIAKI \u2014 SKRYPT \u25b2\u25b2\u25b2 *\/\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>B\u0142onie \u00b7 powiat warszawski zachodni Follow your passion! Dwuj\u0119zyczne Przedszkole i Szko\u0142a Podstawowa w B\u0142oniu \u2014jeden wsp\u00f3lny kompleks, jedna \u015bcie\u017cka nauki. Bilingual Preschool and Bilingual Primary School that open the doors of the world to children \u2014 active learning every day. Rekrutacja 2026\/2027 Um\u00f3w si\u0119 na spotkanie Co nas wyr\u00f3\u017cnia? Rekrutacja 2026\/2027 Um\u00f3w si\u0119 na [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-169","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=169"}],"version-history":[{"count":1375,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions"}],"predecessor-version":[{"id":8036,"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=\/wp\/v2\/pages\/169\/revisions\/8036"}],"wp:attachment":[{"href":"https:\/\/hilaris-blonie.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}