@charset "UTF-8";
/* ============================================================
   DESIGN TOKENS — Czadersi Music Group.

   Strona jest CIEMNA: tło to czerń, tekst biel, jedna barwa marki
   (magenta) i papier pod sekcje jasne. Wartości idą z prototypu
   (pulpit/czadersi, assets/scss/_tokens.scss), nazwy z wzorca
   turbobuild, żeby komponenty i dokumentacja zostały te same.

   Trzy piętra, w tej kolejności:
     1. ALIASY presetów z theme.json (paleta, odstępy, promienie, layout).
        theme.json jest źródłem prawdy dla tego, co widzi klient w edytorze.
     2. RAMPY pomocnicze — pełne skale barw, których w pickerze nie ma.
        To JEDYNE miejsce w motywie, gdzie wolno wpisać hex z palca.
     3. ROLE semantyczne (--bg, --fg, --line, --brand) i skale pisma.

   W blokach i sekcjach używamy wyłącznie nazw z tego pliku albo
   var(--wp--preset--color--*). Nigdy hexów, nigdy sztywnych px.

   Sekcja jasna (papier) przestawia role lokalnie: klasa .on-light
   w _components.scss podmienia --bg/--fg/--line na warianty -invert.
   ============================================================ */
:root {
  /* ========================================================
     1. ALIASY PRESETÓW (theme.json)
     ======================================================== */
  /* Odstępy — baza 4px. 1:1 do theme.json spacingSizes. */
  --space-3xs: var(--wp--preset--spacing--3-xs); /* 4px  */
  --space-2xs: var(--wp--preset--spacing--2-xs); /* 8px  */
  --space-xs: var(--wp--preset--spacing--xs); /* 12px */
  --space-s: var(--wp--preset--spacing--s); /* 16px */
  --space-m: var(--wp--preset--spacing--m); /* 24px */
  --space-l: var(--wp--preset--spacing--l); /* 32px */
  --space-xl: var(--wp--preset--spacing--xl); /* 48px */
  --space-2xl: var(--wp--preset--spacing--2-xl); /* 64px */
  --space-3xl: var(--wp--preset--spacing--3-xl); /* 96px */
  --space-4xl: var(--wp--preset--spacing--4-xl); /* 128px */
  /* Promienie. Marka jest kanciasta: s = 2px, m = 4px, reszta tylko dla
     elementów, które bez zaokrąglenia nie działają (pigułka). */
  --radius-xs: var(--wp--custom--radius--xs);
  --radius-s: var(--wp--custom--radius--s);
  --radius-m: var(--wp--custom--radius--m);
  --radius-l: var(--wp--custom--radius--l);
  --radius-pill: var(--wp--custom--radius--pill);
  /* Siatka */
  --container: var(--wp--custom--layout--content); /* 1320px */
  --container-text: var(--wp--custom--layout--narrow); /* 68ch */
  --container-wide: var(--wp--custom--layout--wide); /* 1600px */
  --gutter: var(--wp--custom--layout--gutter);
  --section-y: var(--wp--custom--layout--section);
  /* Wysokość nagłówka. Pasek leży NA treści (position: absolute), więc
     miejsce pod nim robi padding, nie pozycjonowanie. Wartość tutaj to
     stan spoczynku; rzeczywistą, zmierzoną, nadpisuje JS nagłówka
     na <html>. Hero liczy z niej swój górny odstęp. */
  --header-h: 7.85rem;
  /* Aliasy pod nazewnictwo motywu (JAK-BUDOWAC.md §4) */
  --layout-narrow: var(--wp--custom--layout--narrow);
  --layout-content: var(--wp--custom--layout--content);
  --layout-wide: var(--wp--custom--layout--wide);
  --transition: var(--wp--custom--transition--duration) var(--wp--custom--transition--ease);
  /* Barwy z palety edytora — krótkie nazwy do użytku w blokach.
     Nazwy zostały z wzorca, wartości są marki: primary-* to teraz
     magenta, surface-* to papier, primary-950/900 to czerń tła. */
  --primary-950: var(--wp--preset--color--black); /* #0a0a0a */
  --primary-900: var(--wp--preset--color--ink); /* #151515 */
  --primary-800: var(--wp--preset--color--primary); /* #e10079 magenta */
  --surface-000: var(--wp--preset--color--white); /* #ffffff */
  --surface-050: var(--wp--preset--color--surface-raised); /* #ffffff */
  --surface-100: var(--wp--preset--color--surface); /* #f3f1ec papier */
  --accent-700: var(--wp--preset--color--accent); /* #ff2f96 */
  --accent-500: var(--wp--preset--color--accent-light); /* #ff8fc9 */
  --danger-600: var(--wp--preset--color--danger); /* #b3261e */
  --success-500: var(--wp--preset--color--success); /* #2e7d4f */
  /* ========================================================
     2. RAMPY POMOCNICZE — poza pickerem edytora.
        Klient ich nie wybierze, my ich używamy w blokach.
     ======================================================== */
  /* Czerń: od tła strony (950) po linie i tekst przygaszony (300–100) */
  --black: #0a0a0a;
  --ink-950: #101010;
  --ink-900: #151515;
  --ink-800: #1c1c1c;
  --ink-700: #242424;
  --ink-600: #303030;
  --ink-500: #454545;
  --ink-400: #6b6b6b;
  --ink-300: #8f8f8f;
  --ink-200: #b8b8b8;
  --ink-100: #dcdcdc;
  --white: #ffffff;
  /* Magenta marki. 600 to preset „primary”, 500 to preset „accent”.
     Tekst i klawisze biorą 600 (4,3:1 z bielą, wystarcza dla pisma
     plakatowego i etykiet wersalikami), dekoracja 500 i wyżej,
     ciemne tła pod tekst 900. */
  --accent-900: #6b0039;
  --accent-800: #a3005a;
  --accent-600: #e10079;
  --accent-300: #ffb3da;
  --accent-100: #ffe0f0;
  /* Rampa „primary” z wzorca: hover klawisza (700) i jaśniejsze stopnie
     na wypadek tła w barwie marki. Ta sama magenta, co --accent-*. */
  --primary-700: #ff2f96;
  --primary-600: #ff5aab;
  --primary-500: #ff8fc9;
  --primary-400: #ffb3da;
  --primary-300: #ffcce6;
  --primary-200: #ffe0f0;
  --primary-100: #fff0f7;
  --primary-050: #fff7fb;
  /* Papier: sekcje jasne i karty na nich */
  --surface-200: #e7e4dd;
  --surface-300: #dcd8cf;
  --surface-400: #cfcac0;
  --surface-500: #b8b3a9;
  --surface-600: #a39e94;
  --surface-700: #87827a;
  --danger-500: #c9372c;
  --danger-300: #e89189; /* ta sama czerwień, 6,9:1 na ciemnym tle */
  --danger-100: #f7e2e0;
  --success-600: #24653f;
  --success-100: #dfeee6;
  /* Kanały RGB — do przezroczystości: rgb(var(--primary-950-rgb) / 0.4) */
  --primary-950-rgb: 10 10 10;
  --primary-900-rgb: 21 21 21;
  --surface-000-rgb: 255 255 255;
  --surface-050-rgb: 255 255 255;
  --surface-100-rgb: 243 241 236;
  --surface-200-rgb: 231 228 221;
  --ink-900-rgb: 21 21 21;
  --ink-700-rgb: 36 36 36;
  --accent-500-rgb: 255 47 150;
  --accent-600-rgb: 225 0 121;
  --success-500-rgb: 46 125 79;
  --white-rgb: 255 255 255;
  /* ========================================================
     3. ROLE SEMANTYCZNE — strona ciemna.
        Role -invert to wartości dla sekcji jasnych (papier).
     ======================================================== */
  --bg: var(--primary-950);
  --bg-raised: var(--ink-900);
  --bg-sunken: var(--ink-950);
  --bg-card: var(--ink-800);
  --bg-hover: rgb(var(--white-rgb) / 0.06);
  --bg-invert: var(--surface-100);
  --fg: var(--white);
  --fg-muted: var(--wp--preset--color--muted); /* #8f8f8f, 5,9:1 na czerni */
  --fg-subtle: #a8a8a8; /* 7,6:1 na czerni */
  --fg-quiet: var(--ink-400); /* drobne pismo dekoracyjne */
  --fg-invert: var(--black);
  --fg-invert-muted: var(--ink-500);
  --fg-invert-subtle: var(--ink-400);
  --fg-invert-faint: var(--ink-300);
  --fg-invert-dim: var(--ink-200);
  --brand: var(--primary-800); /* #e10079 */
  --brand-hover: var(--primary-700); /* #ff2f96 */
  --brand-strong: var(--accent-700); /* #ff2f96, na czerni */
  --brand-quiet: var(--accent-900); /* #6b0039, tło pod tekst */
  --line: rgb(var(--white-rgb) / 0.12);
  --line-strong: rgb(var(--white-rgb) / 0.24);
  /* Ramka pola formularza. WCAG 1.4.11 chce 3:1 wobec tła dla granic
     komponentów; na czerni daje to #8a8a8a i wyżej. */
  --line-field: #8f8f8f;
  --line-invert: rgb(var(--primary-950-rgb) / 0.12);
  --line-invert-strong: rgb(var(--primary-950-rgb) / 0.28);
  --focus: var(--accent-700);
  /* ========================================================
     SKALA PISMA — aliasy presetów tekstu z theme.json.

     Stąd bierze rozmiar to, czego nie da się opisać presetem, bo nie
     ma na czym powiesić klasy: proza z edytora (gołe <h2>, <p>, <li>
     w treści) i przyciski, które mają w theme.json wyłączone kontrolki
     typografii. Wszystko inne dostaje stopień z klasy presetu.
     ======================================================== */
  --step--2: var(--wp--preset--font-size--text-xs);
  --step--1: var(--wp--preset--font-size--text-sm);
  --step-0: var(--wp--preset--font-size--text);
  --step-1: var(--wp--preset--font-size--text-lg);
  --step-2: var(--wp--preset--font-size--text-xl);
  --step-3: var(--wp--preset--font-size--text-xxl);
  /* Archivo jest zmienny na dwóch osiach, więc waga i szerokość oczka
     mają nazwy jak barwy: rola sięga po token, nie po liczbę. */
  --weight-regular: 400;
  --weight-medium: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
  --weight-black: 900;
  --stretch-xnarrow: 78%;
  --stretch-narrow: 80%;
  --stretch-tight: 84%;
  --stretch-normal: 88%;
  /* ========================================================
     POSTACIE DEKORACYJNE

     Szerokość liczona od KONTENERA, nie od sekcji. Sekcja jest
     pełnoekranowa, więc procent od niej rósł razem z monitorem.
     Od kontenera skala jest stała powyżej 1320 px.
     ======================================================== */
  --postac-w: clamp(13rem, min(100vw, var(--container)) * 0.25, 20rem);
  /* Odległość od krawędzi okna do krawędzi kontenera. Dla warstw
     dekoracyjnych, które leżą POZA kontenerem i mają się zatrzymać
     na linii treści. Musi być zmienną: sass upraszcza calc() wewnątrz
     max() w zwykłej deklaracji i przeglądarka odrzuca wynik. */
  --krawedz-kontenera: max(var(--gutter), calc((100vw - var(--container)) / 2));
  /* Interlinia */
  --leading-display: 0.9; /* hasło plakatowe wersalikami */
  --leading-numer: 0.82; /* wielka cyfra tła za treścią (rola .numer-tla) */
  --leading-none: 1;
  --leading-tight: 1.06;
  --leading-snug: 1.2;
  --leading-mid: 1.35;
  --leading-copy: 1.5;
  --leading-normal: 1.6;
  --leading-loose: 1.75;
  /* Światło międzyliterowe — nagłówki chodzą ze skalą */
  --tracking-haslo: -0.02em;
  --tracking-h1: -0.03em;
  --tracking-h2: -0.028em;
  --tracking-h3: -0.024em;
  --tracking-h4: -0.02em;
  --tracking-h5: -0.018em;
  --tracking-h6: -0.01em;
  --tracking-tight: -0.022em;
  --tracking-normal: 0;
  --tracking-num: 0.01em;
  --tracking-caps: 0.01em;
  --tracking-slight: 0.02em;
  --tracking-wide: 0.06em;
  --tracking-label: 0.14em; /* etykiety wersalikami: rubryka, menu, klawisz */
  --tracking-widest: 0.16em;
  /* ========================================================
     CIENIE — na czerni cień jest czernią, więc mocniejszy niż
     na papierze; sekcje jasne biorą ten sam zestaw.
     ======================================================== */
  --shadow-xs: 0 1px 2px rgb(var(--primary-950-rgb) / 0.3);
  --shadow-s: 0 2px 6px rgb(var(--primary-950-rgb) / 0.35), 0 1px 2px rgb(var(--primary-950-rgb) / 0.25);
  --shadow-m: 0 6px 20px rgb(var(--primary-950-rgb) / 0.4), 0 2px 6px rgb(var(--primary-950-rgb) / 0.25);
  --shadow-l: 0 18px 48px rgb(var(--primary-950-rgb) / 0.5), 0 4px 12px rgb(var(--primary-950-rgb) / 0.3);
  --shadow-primary: 0 10px 28px rgb(var(--accent-600-rgb) / 0.35);
  --shadow-on-dark: 0 18px 48px rgb(var(--primary-950-rgb) / 0.6);
  /* Aliasy pod nazewnictwo motywu */
  --shadow-sm: var(--shadow-s);
  --shadow-md: var(--shadow-m);
  --shadow-lg: var(--shadow-l);
  --shadow-ring: 0 0 0 3px rgb(var(--accent-500-rgb) / 0.35);
  /* ========================================================
     RUCH I WARSTWY
     ======================================================== */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --dur-fast: 140ms;
  --dur: 220ms;
  --dur-slow: 620ms;
  --z-base: 1;
  --z-sticky: 100;
  --z-header: 200;
  --z-drawer: 300;
  --z-modal: 400;
  /* Wysokość linijki tła „w kratkę” */
  --rule-line: 2rem;
  /* Kąt ukośników marki (rozdarcia, kreski przy hasłach) */
  --slash-angle: 18deg;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur: 1ms;
    --dur-slow: 1ms;
  }
}
body .has-heading-1-font-size,
body .has-heading-2-font-size,
body .has-heading-3-font-size,
body .has-heading-4-font-size,
body .has-heading-5-font-size,
body .has-heading-6-font-size {
  font-family: var(--ffont);
  font-weight: 700;
  line-height: var(--leading-tight);
  text-wrap: balance;
  color: inherit;
}
body .has-heading-1-font-size {
  letter-spacing: var(--tracking-h1);
}
body .has-heading-2-font-size {
  letter-spacing: var(--tracking-h2);
}
body .has-heading-3-font-size {
  letter-spacing: var(--tracking-h3);
}
body .has-heading-4-font-size {
  letter-spacing: var(--tracking-h4);
}
body .has-heading-5-font-size {
  letter-spacing: var(--tracking-h5);
}
body .has-heading-6-font-size {
  letter-spacing: var(--tracking-h6);
}
body .has-haslo-font-size {
  font-family: var(--ffont);
  letter-spacing: var(--tracking-haslo);
}
body .display {
  font-family: var(--ffont);
  font-weight: var(--weight-black);
  font-stretch: var(--stretch-narrow);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-haslo);
  text-transform: uppercase;
  text-wrap: balance;
  color: inherit;
}
body .display em {
  display: block;
  font-style: normal;
  color: var(--brand);
}
body .claim {
  font-family: var(--ffont);
  font-weight: var(--weight-black);
  font-stretch: var(--stretch-tight);
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-snug);
  text-transform: uppercase;
  color: var(--fg);
}
body .claim--podpis {
  font-weight: var(--weight-heavy);
  font-stretch: var(--stretch-normal);
  letter-spacing: var(--tracking-num);
}
body .claim--tytul {
  font-stretch: var(--stretch-narrow);
  letter-spacing: var(--tracking-tight);
}
body .has-text-xs-font-size,
body .has-text-sm-font-size,
body .has-text-font-size,
body .has-text-lg-font-size,
body .has-text-xl-font-size,
body .has-text-xxl-font-size {
  font-family: var(--sfont);
}
body .has-text-xs-font-size,
body .has-text-sm-font-size,
body .has-text-font-size {
  line-height: var(--leading-normal);
}
body .has-text-lg-font-size {
  line-height: var(--leading-copy);
}
body .has-text-xl-font-size,
body .has-text-xxl-font-size {
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
}
body .lead {
  line-height: var(--leading-normal);
  color: var(--fg-muted);
}
body .lead--lg { /* gdy akapit jest jedyną treścią obok hasła */
  line-height: var(--leading-copy);
}
body .lead--loose { /* dłuższa nota o nas */
  line-height: var(--leading-loose);
}
body .lead--invert {
  color: var(--surface-200);
}
body .lead--strong { /* zajawka w pełnej bieli, gdy stoi obok hasła jako równorzędna */
  color: var(--fg);
}
body .note {
  line-height: var(--leading-normal);
  color: var(--fg-muted);
}
body .note--tight {
  line-height: var(--leading-mid);
}
body .note--invert {
  color: var(--fg-invert-muted);
}
body .note--light {
  color: var(--fg-invert);
}
body .note--akcent {
  color: var(--accent-700);
}
body .micro {
  color: var(--fg-subtle);
}
body .micro--invert {
  color: var(--fg-invert-muted);
}
body .micro--light {
  color: var(--fg-invert);
}
body .micro--akcent {
  color: var(--accent-600);
}
body .micro--accent-light {
  color: var(--accent-300);
}
body .cell-text {
  line-height: var(--leading-snug);
}
body .col-head {
  font-family: var(--ffont);
  font-weight: 700;
  letter-spacing: var(--tracking-tight);
}
body .label {
  font-weight: 600;
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--accent-700);
}
body .label--invert {
  color: var(--accent-300);
}
body .label--muted {
  color: var(--fg-muted);
}
body .kicker {
  font-family: var(--ffont);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--fg-muted);
}
body .kicker::before {
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}
body .liczba {
  font-family: var(--ffont);
  font-weight: var(--weight-black);
  font-stretch: var(--stretch-xnarrow);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-h1);
  color: var(--brand);
}
body .num {
  font-feature-settings: "tnum" 1, "zero" 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-num);
}
body .numer-tla::before {
  font-family: var(--ffont);
  font-size: var(--wp--preset--font-size--numer);
  font-weight: var(--weight-black);
  font-stretch: var(--stretch-narrow);
  line-height: var(--leading-numer);
  letter-spacing: var(--tracking-num);
  font-variant-numeric: tabular-nums;
  color: transparent;
  -webkit-text-stroke: 2px var(--line-strong);
}
body .on-dark {
  color: var(--fg-invert);
}
body .on-dark .has-heading-1-font-size,
body .on-dark .has-heading-2-font-size,
body .on-dark .has-heading-3-font-size,
body .on-dark .has-heading-4-font-size,
body .on-dark .has-heading-5-font-size,
body .on-dark .has-heading-6-font-size {
  color: var(--surface-000);
}

body .prose {
  --prose-pas: calc((var(--layout-content) - var(--layout-narrow)) / 2);
  display: grid;
  grid-template-columns: [full-start] minmax(var(--gutter), 1fr) [wide-start] minmax(0, var(--prose-pas)) [content-start] min(var(--layout-narrow), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--prose-pas)) [wide-end] minmax(var(--gutter), 1fr) [full-end];
  font-size: var(--step-0);
  line-height: var(--leading-copy);
  color: var(--fg);
}
body .prose > * {
  grid-column: content;
}
body .prose > .alignwide {
  grid-column: wide;
}
body .prose > .alignfull {
  grid-column: full;
}
body .prose > .tb-block,
body .prose > .page-head {
  grid-column: full;
  margin-top: 0;
}
body .prose > * {
  margin-block: 0;
}
body .prose > * + * {
  margin-top: var(--space-s);
}
body .prose > * + :is(h2, h3, h4, h5, h6),
body .prose > * + :is(.alignwide, .alignfull),
body .prose > :is(.alignwide, .alignfull) + * {
  margin-top: var(--space-xl);
}
body .prose h2, body .prose h3, body .prose h4, body .prose h5, body .prose h6 {
  margin: 0;
  font-family: var(--ffont);
  font-weight: 700;
  line-height: var(--leading-tight);
  text-wrap: balance;
  color: var(--primary-900);
}
body .prose h2 {
  font-size: var(--step-3);
  letter-spacing: var(--tracking-h3);
}
body .prose h3 {
  font-size: var(--step-2);
  letter-spacing: var(--tracking-h4);
}
body .prose h4 {
  font-size: var(--step-1);
  letter-spacing: var(--tracking-h5);
}
body .prose h5,
body .prose h6 {
  font-size: var(--step-0);
  letter-spacing: var(--tracking-h6);
}
body .prose p {
  margin: 0;
}
body .prose ul,
body .prose ol {
  margin: 0;
  padding-left: var(--space-m);
}
body .prose li + li {
  margin-top: var(--space-2xs);
}
body .prose :is(blockquote, li, td, th, figure) > * + * {
  margin-top: var(--space-s);
}
body .prose li::marker {
  color: var(--accent-500);
}
body .prose a {
  color: var(--accent-700);
  text-decoration: underline;
  text-decoration-color: var(--accent-300);
}
body .prose a:hover {
  text-decoration-color: currentColor;
}
body .prose strong,
body .prose b {
  color: var(--primary-900);
}
body .prose img,
body .prose figure img {
  border-radius: var(--radius-m);
}
body .prose figure {
  margin: 0;
}
body .prose figcaption {
  margin-top: var(--space-2xs);
  font-size: var(--step--1);
  color: var(--fg-subtle);
}
body .prose blockquote {
  margin: 0;
  padding-left: var(--space-m);
  border-left: 3px solid var(--accent-500);
  font-size: var(--step-1);
  line-height: var(--leading-copy);
  color: var(--primary-800);
}
body .prose hr {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--line);
}
body .prose .wp-block-table,
body .prose figure.wp-block-table {
  overflow-x: auto;
}
body .prose table {
  border-collapse: collapse;
  font-size: var(--step--1);
  font-variant-numeric: tabular-nums;
}
body .prose th,
body .prose td {
  padding: var(--space-2xs) var(--space-xs);
  border-bottom: 1px solid var(--line);
  text-align: left;
}
body .prose th {
  font-weight: 600;
  color: var(--primary-900);
}
body .prose > :is(.wp-block-image, figure, .wp-block-table):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
  grid-column: wide;
}
body .prose > figure img {
  max-width: 100%;
}

body .wp-block-button,
body .btn {
  --btn-bg: var(--primary-800);
  --btn-fg: var(--surface-000);
  --btn-edge: var(--primary-950);
  --btn-lift: 2px;
}
body .wp-block-button .wp-block-button__link,
body .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.62rem 1.15rem;
  min-height: 2.75rem;
  background: var(--btn-bg);
  color: var(--btn-fg);
  border: 0;
  border-radius: var(--radius-s);
  font-family: var(--sfont);
  font-size: var(--step--1);
  font-weight: 500;
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-normal);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgb(var(--white-rgb)/0.13), 0 var(--btn-lift) 0 var(--btn-edge), 0 calc(var(--btn-lift) + 2px) 7px rgb(var(--ink-700-rgb)/0.11);
  transition: transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), background-color var(--dur) var(--ease-out);
}
body .wp-block-button .wp-block-button__link:active,
body .btn:active {
  --btn-lift: 0px;
  transform: translateY(2px);
  box-shadow: inset 0 1px 2px rgb(var(--ink-900-rgb)/0.22), 0 1px 2px rgb(var(--ink-700-rgb)/0.14);
}
body .wp-block-button .wp-block-button__link:focus-visible,
body .btn:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}
body .btn__icon {
  flex: none;
  width: 1.05em;
  height: 1.05em;
}
body .wp-block-button.is-style-podstawowy .wp-block-button__link:hover,
body .btn--podstawowy:hover {
  --btn-bg: var(--primary-700);
}
body .wp-block-button.is-style-drugorzedny,
body .btn--drugorzedny {
  --btn-bg: var(--surface-000);
  --btn-fg: var(--primary-800);
  --btn-edge: var(--surface-500);
}
body .wp-block-button.is-style-drugorzedny .wp-block-button__link,
body .btn--drugorzedny {
  box-shadow: inset 0 0 0 1px var(--line-strong), 0 var(--btn-lift) 0 var(--btn-edge), 0 calc(var(--btn-lift) + 2px) 7px rgb(var(--ink-700-rgb)/0.09);
}
body .wp-block-button.is-style-drugorzedny .wp-block-button__link:hover,
body .btn--drugorzedny:hover {
  --btn-bg: var(--white);
  --btn-fg: var(--primary-900);
  --btn-edge: var(--surface-600);
}
body .wp-block-button.is-style-drugorzedny .wp-block-button__link:active,
body .btn--drugorzedny:active {
  box-shadow: inset 0 0 0 1px var(--line-strong), inset 0 1px 2px rgb(var(--ink-700-rgb)/0.16);
}
body .wp-block-button.is-style-akcent,
body .btn--akcent {
  --btn-bg: var(--accent-700);
  --btn-fg: var(--surface-000);
  --btn-edge: var(--accent-900);
}
body .wp-block-button.is-style-akcent .wp-block-button__link:hover,
body .btn--akcent:hover {
  --btn-bg: var(--accent-800);
}
body .wp-block-button.is-style-jasny,
body .btn--jasny {
  --btn-bg: var(--surface-000);
  --btn-fg: var(--primary-900);
  --btn-edge: var(--surface-600);
}
body .wp-block-button.is-style-jasny .wp-block-button__link:hover,
body .btn--jasny:hover {
  --btn-bg: var(--white);
}
body .wp-block-button.is-style-live,
body .btn--live {
  --btn-bg: transparent;
  --btn-fg: var(--fg);
  --btn-edge: transparent;
  --btn-lift: 0px;
}
body .wp-block-button.is-style-live .wp-block-button__link,
body .btn.btn--live {
  isolation: isolate;
  overflow: hidden;
  gap: var(--space-xs); /* ikona nie dotyka etykiety; dawne --space-m było za luźne */
  min-height: 0;
  padding: var(--space-s) var(--space-l);
  border: 2px solid var(--brand);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--ffont);
  font-size: var(--step--1);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  transition: color var(--transition);
}
body .wp-block-button.is-style-live .wp-block-button__link::before,
body .btn.btn--live::before {
  content: "";
  position: absolute;
  inset: 0 -2px 0 0;
  z-index: -1;
  background: var(--brand);
  border-inline-end: 2px solid var(--accent-300);
  transform: translateX(-100%);
  transition: transform 420ms var(--ease-out);
}
body .wp-block-button.is-style-live .wp-block-button__link:hover, body .wp-block-button.is-style-live .wp-block-button__link:focus-visible,
body .btn.btn--live:hover,
body .btn.btn--live:focus-visible {
  color: var(--white);
}
body .wp-block-button.is-style-live .wp-block-button__link:hover::before, body .wp-block-button.is-style-live .wp-block-button__link:focus-visible::before,
body .btn.btn--live:hover::before,
body .btn.btn--live:focus-visible::before {
  transform: translateX(0);
}
body .wp-block-button.is-style-live .wp-block-button__link:active,
body .btn.btn--live:active {
  transform: none;
  box-shadow: none;
}
body .wp-block-button.is-style-live .wp-block-button__link .btn__icon,
body .btn.btn--live .btn__icon {
  width: 1.05em;
  height: 1.05em;
  padding: 0;
  border: 0;
  opacity: 1;
  color: var(--brand);
  transition: color var(--transition), transform var(--transition);
}
body .wp-block-button.is-style-live .wp-block-button__link:hover .btn__icon, body .wp-block-button.is-style-live .wp-block-button__link:focus-visible .btn__icon,
body .btn.btn--live:hover .btn__icon,
body .btn.btn--live:focus-visible .btn__icon {
  color: var(--white);
  transform: translateX(0.15em);
}
body .wp-block-button.is-style-live.btn--play .wp-block-button__link .btn__icon,
body .btn.btn--live.btn--play .btn__icon {
  width: 0.75em;
  height: 0.85em;
}
body .wp-block-button.is-style-odnosnik,
body .btn--odnosnik {
  --btn-bg: transparent;
  --btn-fg: var(--fg);
  --btn-edge: transparent;
  --btn-lift: 0px;
}
body .wp-block-button.is-style-odnosnik .wp-block-button__link,
body .btn.btn--odnosnik {
  gap: var(--space-xs);
  min-height: 0;
  padding: 0 0 2px;
  border: 0;
  border-block-end: 2px solid var(--brand);
  border-radius: 0;
  box-shadow: none;
  font-family: var(--ffont);
  font-size: var(--step--2);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  transition: color var(--transition);
}
body .wp-block-button.is-style-odnosnik .wp-block-button__link:hover, body .wp-block-button.is-style-odnosnik .wp-block-button__link:focus-visible,
body .btn.btn--odnosnik:hover,
body .btn.btn--odnosnik:focus-visible {
  color: var(--brand);
}
body .wp-block-button.is-style-odnosnik .wp-block-button__link:active,
body .btn.btn--odnosnik:active {
  transform: none;
  box-shadow: none;
}
body .wp-block-button.is-style-odnosnik .wp-block-button__link .btn__icon,
body .wp-block-button.is-style-odnosnik .wp-block-button__link .btn__icon--po,
body .btn.btn--odnosnik .btn__icon,
body .btn.btn--odnosnik .btn__icon--po {
  width: 1.1em;
  height: 1.1em;
  padding: 0;
  border: 0;
  opacity: 1;
}
body .wp-block-button.is-style-odnosnik .wp-block-button__link:hover .btn__icon--po, body .wp-block-button.is-style-odnosnik .wp-block-button__link:focus-visible .btn__icon--po,
body .btn.btn--odnosnik:hover .btn__icon--po,
body .btn.btn--odnosnik:focus-visible .btn__icon--po {
  transform: translateX(0.25rem);
}
@media (max-width: 33.99rem) {
  body .wp-block-button.is-style-live .wp-block-button__link,
  body .btn.btn--live {
    gap: var(--space-s);
    padding: var(--space-xs) var(--space-m);
  }
}
@media (prefers-reduced-motion: reduce) {
  body .wp-block-button.is-style-live .wp-block-button__link::before,
  body .btn.btn--live::before {
    transition-duration: 1ms;
  }
}
body .btn__icon {
  flex: none;
  width: 1.25em;
  height: 1.25em;
  padding-inline-end: 0.7em;
  border-inline-end: 1px solid currentColor;
  box-sizing: content-box;
  opacity: 0.55;
}
body .btn__icon--po {
  padding-inline: 0.7em 0;
  border-inline-start: 1px solid currentColor;
  border-inline-end: 0;
  transition: transform var(--dur) var(--ease-out);
}
body .wp-block-button.btn--phone .wp-block-button__link,
body .btn.btn--phone {
  font-feature-settings: "tnum" 1;
  letter-spacing: var(--tracking-slight);
}
body .wp-block-button.btn--arrow .wp-block-button__link:hover .btn__icon--po,
body .btn.btn--arrow:hover .btn__icon--po {
  transform: translateX(3px);
}
body .wp-block-button.btn--sm .wp-block-button__link,
body .btn.btn--sm {
  min-height: 2.4rem;
  padding: 0.4rem 0.9rem;
  font-size: var(--step--2);
}
body .wp-block-button.btn--lg,
body .btn--lg {
  --btn-lift: 3px;
}
body .wp-block-button.btn--lg .wp-block-button__link,
body .btn.btn--lg {
  min-height: 3.4rem;
  padding: 0.85rem 1.6rem;
  font-size: var(--step-0);
  font-weight: 600;
}

body .container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}
body .container--wide {
  max-width: var(--container-wide);
}
body .wp-block-image.is-style-odbicie img,
body .wp-block-image.odbicie img,
body .wp-block-cover.is-style-odbicie > .wp-block-cover__image-background,
body .wp-block-cover.odbicie > .wp-block-cover__image-background {
  transform: scaleX(-1);
}
body .eyebrow {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-family: var(--ffont);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--fg);
}
body .eyebrow--invert {
  color: var(--fg-invert);
}
body .has-live::before {
  content: "";
  flex: none;
  width: 1.1em;
  height: 1.15em;
  background: var(--icon-live) center/contain no-repeat;
}
body .has-live {
  display: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  body .has-live::before {
    background-image: var(--icon-live-static);
  }
}
body :is(ul, ol).meta-strip {
  --meta-sep: "•";
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--ffont);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--fg-muted);
  font-variant-numeric: tabular-nums;
}
body :is(ul, ol).meta-strip > li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  white-space: nowrap;
}
body :is(ul, ol).meta-strip > li:not(:last-child)::after {
  content: var(--meta-sep);
  margin-inline-start: var(--space-2xs);
  color: var(--brand);
  font-weight: var(--weight-bold);
}
body :is(ul, ol).meta-strip--strong {
  color: var(--fg);
}
body :is(ul, ol).meta-strip--slash {
  --meta-sep: "/";
}
@media (max-width: 33.99rem) {
  body :is(ul, ol).meta-strip {
    flex-wrap: nowrap;
    letter-spacing: var(--tracking-wide);
  }
}
body .tab {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: 1fr auto auto 1fr;
  align-items: center;
  gap: 0 var(--space-m);
  margin: 0;
  padding-block: var(--space-l);
  border-block-end: 1px solid var(--line);
  color: var(--fg);
  cursor: pointer;
  counter-increment: zakladka;
  transition: border-color var(--dur) var(--ease-out);
}
body .tab > * {
  margin-block: 0;
}
body .tab:last-child {
  border-block-end-color: transparent;
}
body .tab::before {
  content: counter(zakladka, decimal-leading-zero);
  grid-row: 1/-1;
  align-self: center;
  padding-inline-end: var(--space-m);
  border-inline-end: 1px solid var(--line);
  font-family: var(--ffont);
  font-size: var(--wp--preset--font-size--heading-1);
  font-weight: var(--weight-black);
  font-stretch: var(--stretch-xnarrow);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-h1);
  font-variant-numeric: tabular-nums;
  color: var(--fg);
  transition: color var(--dur) var(--ease-out);
}
body .tab:hover::before {
  color: var(--brand-strong);
}
body .tab[aria-selected=true] {
  border-block-end-color: var(--brand);
}
body .tab[aria-selected=true]::before {
  color: var(--brand);
}
body .tab:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: -2px;
}
body .tab .tab__title {
  grid-column: 2;
  grid-row: 2;
  font-family: var(--ffont);
  font-weight: var(--weight-heavy);
  font-stretch: var(--stretch-normal);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  line-height: var(--leading-snug);
}
body .tab .tab__time {
  grid-column: 2;
  grid-row: 3;
  margin-top: var(--space-3xs);
  color: var(--fg-muted);
}
body .tab .tab__thumb {
  grid-column: 3;
  grid-row: 1/-1;
  width: clamp(6rem, 11vw, 11.5rem);
  margin: 0;
}
body .tab .tab__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}
body figure.wp-block-image.rama {
  --rama-ratio: 4 / 3;
  --rama-ciecie: clamp(1.5rem, 3vw, 2.5rem);
  --rama-przesuniecie: 0.75rem;
  position: relative;
  isolation: isolate;
  display: block;
  margin: 0 var(--rama-przesuniecie) var(--rama-przesuniecie) 0;
}
body figure.wp-block-image.rama::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 2px solid var(--brand);
  translate: var(--rama-przesuniecie) var(--rama-przesuniecie);
  clip-path: polygon(0 0, calc(100% - var(--rama-ciecie)) 0, 100% var(--rama-ciecie), 100% 100%, 0 100%);
  transition: translate 420ms var(--ease-out);
}
body figure.wp-block-image.rama img {
  display: block;
  width: 100%;
  aspect-ratio: var(--rama-ratio);
  object-fit: cover;
  background: var(--bg-card);
  clip-path: polygon(0 0, calc(100% - var(--rama-ciecie)) 0, 100% var(--rama-ciecie), 100% 100%, 0 100%);
}
body figure.wp-block-image.rama figcaption {
  position: absolute;
  inset-block-end: calc(-1 * var(--space-2xs));
  inset-inline-start: calc(-1 * var(--space-2xs));
  margin: 0;
  padding: var(--space-2xs) var(--space-s) var(--space-2xs) 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--ffont);
  font-size: var(--step--2);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  text-align: left;
}
body figure.wp-block-image.rama figcaption::before {
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}
body figure.wp-block-image.rama:hover::before {
  translate: calc(var(--rama-przesuniecie) * 0.5) calc(var(--rama-przesuniecie) * 0.5);
}
@media (prefers-reduced-motion: reduce) {
  body figure.wp-block-image.rama::before {
    transition: none;
  }
}
body .surface-grain:not(.tear)::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  mix-blend-mode: multiply;
  background-image: var(--texture-grain);
}
body .logo {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  color: var(--fg);
  transition: color var(--dur) var(--ease-out);
}
body .logo:hover {
  color: var(--fg);
}
body .logo__mark {
  display: block;
  width: clamp(8.75rem, 12vw, 11.25rem);
  aspect-ratio: 200/41;
  background-color: currentColor;
  -webkit-mask: var(--logo-src) center/contain no-repeat;
  mask: var(--logo-src) center/contain no-repeat;
  transition: width var(--dur) var(--ease-out);
}
@media (max-width: 33.99rem) {
  body .logo__mark {
    width: 6.5rem;
  }
}
body .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
body .skip-link {
  position: absolute;
  top: var(--space-2xs);
  left: var(--space-2xs);
  z-index: var(--z-modal);
  padding: 0.7rem 1.1rem;
  background: var(--brand);
  color: var(--white);
  font-size: var(--step--1);
  text-decoration: none;
  transform: translateY(-160%);
  transition: transform var(--dur) var(--ease-out);
}
body .skip-link:focus-visible {
  transform: translateY(0);
}

body .wp-lightbox-overlay .scrim {
  background-color: var(--primary-950) !important;
}
body .wp-lightbox-overlay .wp-lightbox-close-button,
body .wp-lightbox-overlay .wp-lightbox-navigation-button-prev,
body .wp-lightbox-overlay .wp-lightbox-navigation-button-next {
  color: var(--white);
  fill: var(--white) !important;
}
body .wp-lightbox-overlay .wp-lightbox-close-button:hover,
body .wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,
body .wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover {
  color: var(--brand-strong);
  fill: var(--brand-strong) !important;
}
body .wp-block-image .lightbox-trigger {
  background: var(--brand);
  border-radius: 0;
  color: var(--white);
}

:root {
  --texture-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");
  --icon-live: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg fill='%23e10079' transform='translate(0 18) scale(1 -1)'%3E%3Crect x='0' width='3' height='18'%3E%3CanimateTransform attributeName='transform' type='scale' values='1 .22;1 1;1 .22' dur='1.1s' begin='-0.2s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='5' width='3' height='18'%3E%3CanimateTransform attributeName='transform' type='scale' values='1 .22;1 1;1 .22' dur='0.72s' begin='-0.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='10' width='3' height='18'%3E%3CanimateTransform attributeName='transform' type='scale' values='1 .22;1 1;1 .22' dur='1.35s' begin='-0.1s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='15' width='3' height='18'%3E%3CanimateTransform attributeName='transform' type='scale' values='1 .22;1 1;1 .22' dur='0.9s' begin='-0.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
  --icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M0 0l12 7-12 7z' fill='%23ffffff'/%3E%3C/svg%3E");
  --icon-live-static: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg fill='%23e10079'%3E%3Crect x='0' y='10' width='3' height='8'/%3E%3Crect x='5' y='0' width='3' height='18'/%3E%3Crect x='10' y='12.6' width='3' height='5.4'/%3E%3Crect x='15' y='4.5' width='3' height='13.5'/%3E%3C/g%3E%3C/svg%3E");
}

body main > * {
  position: relative;
}

body .page-head {
  position: relative;
  isolation: isolate;
  padding-block: calc(var(--header-h) + var(--space-2xl)) var(--space-xl);
  background: var(--bg-raised);
  border-bottom: 1px solid var(--line);
}
body .page-head__grain {
  position: absolute;
  inset: 0;
  z-index: -1;
}
body .page-head__crumbs-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--fg-muted);
}
body .page-head__crumbs-list a:hover {
  color: var(--brand-strong);
}
body .page-head__crumbs-list > li + li::before {
  content: "›";
  margin-right: var(--space-2xs);
  color: var(--line-strong);
}
body .page-head__crumbs-list > li {
  display: flex;
  align-items: center;
}
body .page-head__crumbs-list [aria-current=page] {
  color: var(--fg);
}
body .page-head__body {
  max-width: var(--container-text);
  margin-top: var(--space-m);
}
body .page-head__title {
  margin: 0;
  color: var(--fg);
}
body .page-head__lead {
  margin-top: var(--space-m);
}
body .page-head__lead > :first-child {
  margin-top: 0;
}
body .page-head__lead > :last-child {
  margin-bottom: 0;
}
body .page-head__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
  margin-top: var(--space-m);
  color: var(--fg-muted);
}
body .page-head__meta > * + *::before {
  content: "·";
  margin-right: var(--space-2xs);
}
body .page-head__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  margin-top: var(--space-l);
}

body .hero {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: min(100svh, 56rem);
  padding-block: calc(var(--header-h) + var(--space-2xl)) var(--space-xl);
  overflow: hidden;
  background: var(--bg);
  color: var(--fg);
}
body .hero .hero__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
}
body .hero .hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
}
body .hero .hero__bg--pion {
  display: none;
}
@media (max-width: 47.99rem) {
  body .hero .hero__bg--poziom {
    display: none;
  }
  body .hero .hero__bg--pion {
    display: block;
  }
  body .hero .hero__bg--pion img {
    object-position: 50% 50%;
  }
}
body .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgb(var(--primary-950-rgb)/0.9) 0%, rgb(var(--primary-950-rgb)/0.68) 18%, rgb(var(--primary-950-rgb)/0.36) 34%, rgb(var(--primary-950-rgb)/0.12) 52%, rgb(var(--primary-950-rgb)/0) 70%), linear-gradient(to right, rgb(var(--primary-950-rgb)/0.42) 0%, rgb(var(--primary-950-rgb)/0.04) 32%, rgb(var(--primary-950-rgb)/0) 55%, rgb(var(--primary-950-rgb)/0.3) 100%);
}
body .hero > .hero__inner {
  position: relative;
  z-index: 1;
  align-self: end;
  display: grid;
  gap: var(--space-l);
}
body .hero > .hero__inner > * {
  min-width: 0;
  margin-block: 0;
}
body .hero__title-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-m);
}
body .hero__title-col > * {
  margin-block: 0;
}
body .hero__title {
  max-width: 18ch;
}
body .hero__lead {
  max-width: 46ch;
  color: var(--fg);
}
body .hero__cta-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-m);
}
body .hero__cta-col > * {
  margin-block: 0;
}
body .hero__actions {
  margin: 0;
}
@media (min-width: 62rem) {
  body .hero > .hero__inner {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    align-items: end;
    column-gap: var(--space-2xl);
  }
  body .hero__cta-col {
    align-items: flex-end;
    text-align: right;
    padding-block-end: var(--space-s);
  }
  body .hero__actions {
    justify-content: flex-end;
  }
}
@media (height < 42rem) and (width >= 62rem) {
  body .hero {
    min-height: 44rem;
  }
}

body .on-light {
  --bg: var(--surface-100);
  --bg-raised: var(--surface-050);
  --bg-sunken: var(--surface-200);
  --bg-card: var(--surface-200);
  --bg-hover: rgb(var(--primary-950-rgb) / 0.05);
  --fg: var(--black);
  --fg-muted: var(--ink-500);
  --fg-subtle: var(--ink-500);
  --fg-quiet: var(--ink-400);
  --line: var(--line-invert);
  --line-strong: var(--line-invert-strong);
  background: var(--bg);
  color: var(--fg);
}

:root {
  --tear-shape: polygon(0 0, 100% 0, 100.00% 65.6%, 99.72% 63.7%, 98.14% 61.9%, 96.86% 58.3%, 95.41% 56.4%, 94.24% 52.7%, 92.73% 47.7%, 91.72% 43.1%, 90.39% 48.8%, 89.14% 47.7%, 88.08% 43.4%, 86.58% 36.4%, 85.59% 35.8%, 84.54% 59.5%, 83.42% 80.2%, 82.82% 82.5%, 82.21% 84.4%, 80.81% 84.4%, 79.33% 77.8%, 77.78% 75.8%, 76.43% 53.6%, 75.63% 52.2%, 74.88% 48.4%, 74.04% 45.5%, 72.99% 46.4%, 72.33% 47.2%, 70.79% 40.2%, 69.63% 46.9%, 68.54% 45.8%, 67.01% 50.9%, 65.80% 55.5%, 65.00% 60.9%, 63.76% 54.7%, 63.04% 48.0%, 61.99% 41.4%, 61.24% 48.3%, 60.04% 51.4%, 58.80% 48.6%, 57.94% 52.5%, 56.77% 47.0%, 55.88% 49.7%, 54.59% 53.3%, 53.65% 52.7%, 52.90% 41.6%, 51.44% 48.1%, 50.20% 41.4%, 49.36% 34.8%, 48.05% 15.6%, 46.59% 15.6%, 45.46% 18.9%, 44.50% 17.7%, 43.36% 15.6%, 42.69% 15.6%, 41.79% 15.6%, 40.58% 15.6%, 39.31% 38.6%, 38.32% 49.5%, 37.58% 54.8%, 36.94% 53.1%, 36.25% 48.3%, 34.96% 51.9%, 34.04% 56.4%, 33.27% 55.5%, 31.69% 49.8%, 30.53% 55.0%, 29.77% 61.3%, 28.76% 63.0%, 28.14% 64.8%, 27.35% 71.9%, 26.17% 67.8%, 25.50% 64.2%, 24.91% 63.7%, 23.88% 70.3%, 23.18% 64.2%, 21.91% 61.4%, 20.89% 66.7%, 20.11% 65.2%, 19.09% 60.6%, 17.91% 63.1%, 16.73% 63.0%, 15.67% 57.7%, 14.77% 60.5%, 13.96% 67.0%, 13.03% 71.7%, 11.91% 67.2%, 11.09% 63.6%, 9.63% 59.8%, 8.04% 54.8%, 7.29% 58.3%, 5.77% 69.4%, 4.92% 58.0%, 4.12% 55.0%, 3.12% 49.7%, 2.05% 42.8%, 0.82% 49.7%, 0.00% 55.0%);
  --tear-h: 3.5rem;
}

body .tear {
  position: relative;
  isolation: isolate;
}
body .tear::before,
body .tear::after {
  content: "";
  position: absolute;
  inset-block-start: -1px;
  inset-inline: 0;
  height: var(--tear-h);
  pointer-events: none;
  clip-path: var(--tear-shape);
}
body .tear::after {
  z-index: 1;
  background: var(--brand);
  translate: 0 3px;
}
body .tear::before {
  z-index: 2;
  background: var(--tear-plate, var(--primary-950));
}

body .wideo {
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-xl)) var(--section-y);
  --tear-plate: var(--primary-950);
}
body .wideo__head {
  display: grid;
  gap: var(--space-m);
  margin-block-end: var(--space-xl);
}
body .wideo__head > * {
  margin-block: 0;
}
body .wideo__title {
  max-width: 20ch;
}
@media (min-width: 62rem) {
  body .wideo__head {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: end;
    column-gap: var(--space-2xl);
  }
  body .wideo__head > .eyebrow {
    grid-column: 1;
    justify-self: start;
  }
  body .wideo__title {
    grid-column: 1;
  }
  body .wideo__lead {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: end;
    padding-block-end: var(--space-2xs);
  }
}
body .wideo__body {
  display: grid;
  gap: var(--space-l);
}
body .wideo__body > * {
  margin-block: 0;
}
body .wideo__stage {
  position: relative;
  width: 100%;
  justify-self: stretch;
  aspect-ratio: 16/9;
  background: var(--ink-900);
}
body .wideo .wideo__panel {
  position: absolute;
  inset: 0;
  margin: 0;
}
body .wideo .wideo__panel > * {
  margin-block: 0;
}
body .wideo .wideo__panel[hidden] {
  display: none;
}
body .wideo__body:not(.is-ready) .wideo__panel + .wideo__panel {
  display: none;
}
body :is(.wideo, .problem) .wideo__player {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
body :is(.wideo, .problem) .wideo__player > a {
  display: block;
  width: 100%;
  height: 100%;
}
body :is(.wideo, .problem) .wideo__player img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.82);
  transition: filter var(--dur) var(--ease-out), transform 480ms var(--ease-out);
}
body :is(.wideo, .problem) .wideo__player:hover img {
  filter: brightness(0.95);
  transform: scale(1.02);
}
body :is(.wideo, .problem) .wideo__player figcaption {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: flex;
  align-items: center;
  gap: var(--space-m);
  margin: 0;
  padding: var(--space-l);
  font-family: var(--ffont);
  font-weight: var(--weight-heavy);
  font-stretch: var(--stretch-normal);
  letter-spacing: var(--tracking-num);
  text-transform: uppercase;
  text-align: left;
  color: var(--white);
  pointer-events: none;
}
body :is(.wideo, .problem) .wideo__player figcaption::before {
  content: "";
  flex: none;
  width: var(--play-size, clamp(3.25rem, 5vw, 4.5rem));
  aspect-ratio: 1;
  border-radius: var(--radius-pill);
  background: var(--brand) var(--icon-play) 56% 50%/34% no-repeat;
  transition: transform var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);
}
body :is(.wideo, .problem) .wideo__player:hover figcaption::before {
  transform: scale(1.06);
  background-color: var(--brand-strong);
}
body :is(.wideo, .problem) .wideo__player.is-playing {
  cursor: default;
}
body .wideo .wideo__foto {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
body .wideo .wideo__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .wideo__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 47.99rem) {
  body :is(.wideo, .problem) .wideo__player figcaption {
    gap: var(--space-s);
    padding: var(--space-m);
    --play-size: 2.75rem;
  }
}
body .wideo__tabs {
  display: grid;
  gap: 0;
  counter-reset: zakladka;
}
body .wideo__tabs > * {
  margin-block: 0;
}
@media (min-width: 62rem) {
  body .wideo__body {
    grid-template-columns: minmax(0, 1.72fr) minmax(0, 1fr);
    column-gap: var(--space-xl);
    align-items: stretch;
  }
  body .wideo__tabs {
    grid-auto-rows: 1fr;
  }
}
body .wideo .wp-block-gallery.wideo__gallery:not(#_) {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 3px;
  margin: 0;
  padding: 0;
  background: var(--bg-invert);
}
body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image:not(#_) {
  position: relative;
  width: auto;
  height: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image:not(#_) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image:nth-child(n+7):not(#_) {
  display: none;
}
body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image[data-wiecej]:not(#_) {
  cursor: pointer;
}
body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image[data-wiecej]:not(#_)::after {
  content: attr(data-wiecej);
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background: rgb(var(--primary-950-rgb)/0.6);
  color: var(--white);
  font-family: var(--ffont);
  font-size: var(--wp--preset--font-size--heading-3);
  font-weight: var(--weight-black);
  font-stretch: var(--stretch-narrow);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  pointer-events: none;
  transition: background-color var(--dur) var(--ease-out);
}
body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image[data-wiecej]:not(#_):hover::after {
  background: rgb(var(--accent-600-rgb)/0.6);
}
@media (max-width: 61.99rem) {
  body .wideo .wp-block-gallery.wideo__gallery figure.wp-block-image[data-wiecej]:not(#_)::after {
    font-size: var(--wp--preset--font-size--text-lg);
    text-align: center;
  }
}
body .wideo__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-m);
  margin-block-start: var(--space-xl);
  padding-block-start: var(--space-m);
  border-block-start: 1px solid var(--line-strong);
}
body .wideo__foot > * {
  margin-block: 0;
}
body .wideo__actions {
  margin: 0;
}

:root {
  --atuty-fala: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 200' preserveAspectRatio='none'%3E%3Cpath d='M0,160 C125,160 125,60 250,60 C375,60 375,160 500,160' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
}

body .atuty {
  --atuty-art-h: clamp(13rem, 20vw, 20.5rem);
  --atuty-kolumn: 3;
  --atuty-top: calc(var(--tear-h) + var(--space-2xl));
  --tear-plate: var(--bg-invert);
  --tear-shape: polygon(0 0, 100% 0, 100.00% 44.7%, 99.74% 44.7%, 99.06% 44.8%, 97.91% 47.5%, 96.53% 41.7%, 95.66% 44.4%, 95.02% 48.3%, 94.11% 51.1%, 92.69% 56.7%, 91.12% 51.7%, 89.67% 49.8%, 88.14% 51.4%, 87.42% 21.4%, 86.43% 20.9%, 85.51% 21.9%, 84.12% 22.2%, 83.47% 21.9%, 81.86% 42.5%, 80.83% 41.6%, 80.05% 40.6%, 79.04% 45.5%, 78.09% 42.8%, 77.30% 49.7%, 76.04% 51.4%, 75.38% 58.4%, 74.54% 58.9%, 73.45% 65.9%, 72.49% 59.7%, 71.42% 55.8%, 70.46% 54.2%, 69.42% 57.0%, 68.28% 54.4%, 67.68% 56.4%, 66.12% 61.9%, 65.33% 55.0%, 63.92% 61.7%, 62.90% 15.0%, 62.11% 16.9%, 61.26% 15.2%, 59.84% 15.9%, 58.87% 16.2%, 58.02% 14.8%, 57.34% 14.5%, 55.79% 39.7%, 55.09% 40.5%, 54.04% 37.7%, 53.32% 39.2%, 52.28% 45.5%, 50.99% 40.5%, 49.45% 40.8%, 48.08% 42.0%, 46.73% 42.2%, 45.79% 41.9%, 44.62% 38.0%, 43.84% 41.2%, 43.08% 46.7%, 42.42% 47.5%, 40.83% 47.3%, 39.86% 50.8%, 38.37% 57.8%, 37.09% 60.3%, 36.36% 55.3%, 35.79% 48.4%, 35.01% 53.8%, 33.69% 57.3%, 32.09% 55.9%, 31.02% 59.4%, 29.76% 63.1%, 28.62% 57.3%, 27.87% 51.7%, 26.38% 55.9%, 25.52% 53.8%, 24.90% 57.7%, 23.64% 59.5%, 22.62% 58.9%, 21.12% 16.4%, 19.73% 18.0%, 18.18% 17.7%, 17.57% 17.8%, 16.19% 17.3%, 14.98% 51.1%, 13.46% 51.7%, 12.20% 58.1%, 11.07% 62.3%, 10.01% 56.7%, 9.19% 56.7%, 7.68% 57.5%, 6.66% 64.5%, 5.79% 61.1%, 4.74% 65.5%, 3.56% 61.7%, 2.74% 56.7%, 1.88% 53.8%, 0.73% 54.1%, 0.00% 47.2%);
  overflow: hidden;
  padding-block: var(--atuty-top) var(--section-y);
  background: var(--bg);
}
body .atuty .atuty__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-m);
}
body .atuty .atuty__inner > * {
  margin-block: 0;
}
body .atuty .atuty__inner::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--space-xl) - var(--atuty-top));
  inset-inline-start: 45%;
  inset-inline-end: calc(50% - 50vw);
  height: 2px;
  background: var(--brand);
  transform: rotate(-1.4deg);
  transform-origin: right center;
  pointer-events: none;
}
body .atuty .atuty__eyebrow {
  justify-self: start;
}
@media (min-width: 62rem) {
  body .atuty .atuty__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    column-gap: var(--space-2xl);
    align-items: end;
  }
  body .atuty .atuty__eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body .atuty .atuty__title {
    grid-column: 1;
    grid-row: 2;
  }
  body .atuty .atuty__lead {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: end;
    padding-block-end: var(--space-2xs);
  }
  body .atuty .atuty__lista {
    grid-row: 3;
  }
}
body .atuty .atuty__lista {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  grid-column: 1/-1;
  counter-reset: atut;
  margin-block-start: var(--space-xl);
}
body .atuty .atuty__lista > * {
  margin-block: 0;
}
body .atuty .atuty__lista:has(> :nth-child(2):last-child) {
  --atuty-kolumn: 2;
}
body .atuty .atuty__lista:has(> :nth-child(4):last-child) {
  --atuty-kolumn: 4;
}
body .atuty .atuty__lista:has(> :nth-child(5):last-child) {
  --atuty-kolumn: 5;
}
body .atuty .atuty__lista::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: calc(50% - 50vw);
  z-index: -1;
  padding-inline: calc(50vw - 50%);
  background: var(--brand);
  -webkit-mask-image: var(--atuty-fala);
  mask-image: var(--atuty-fala);
  -webkit-mask-origin: content-box;
  mask-origin: content-box;
  -webkit-mask-clip: border-box;
  mask-clip: border-box;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-position: 0 calc(var(--atuty-art-h) * 0.77);
  mask-position: 0 calc(var(--atuty-art-h) * 0.77);
  -webkit-mask-size: calc(100% / var(--atuty-kolumn)) calc(var(--atuty-art-h) * 0.6);
  mask-size: calc(100% / var(--atuty-kolumn)) calc(var(--atuty-art-h) * 0.6);
  pointer-events: none;
}
body .atuty .atut {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  counter-increment: atut;
  margin: 0;
  padding-inline-end: var(--space-l);
}
body .atuty .atut > * {
  margin-block: 0;
}
body .atuty .atut + .atut {
  padding-inline-start: var(--space-l);
  border-inline-start: 1px solid var(--line-strong);
}
body .atuty .atut::before {
  content: counter(atut, decimal-leading-zero);
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: -1;
  pointer-events: none;
}
body .atuty .atut .atut__rysunek {
  align-self: start;
  justify-self: center;
  max-width: 100%;
  margin: 0 0 calc(var(--atuty-art-h) * 0.5);
}
body .atuty .atut .atut__rysunek img {
  width: auto;
  max-width: 100%;
  height: var(--atuty-art-h);
  object-fit: contain;
  object-position: bottom center;
}
body .atuty .atut:first-child .atut__rysunek {
  margin-inline-start: calc(var(--space-l) / 2);
}
body .atuty .atut .atut__tytul {
  margin-block-end: var(--space-s);
}
body .atuty .atut .atut__opis {
  max-width: 28ch;
}
@media (max-width: 61.99rem) {
  body .atuty {
    --atuty-art-h: 11rem;
  }
  body .atuty .atuty__inner::before,
  body .atuty .atuty__lista::before {
    display: none;
  }
  body .atuty .atuty__lista {
    grid-auto-flow: row;
    grid-template-rows: none;
    gap: var(--space-xl);
  }
  body .atuty .atut,
  body .atuty .atut + .atut {
    display: block;
    grid-row: auto;
    padding-inline: 0;
    border-inline-start: 0;
  }
  body .atuty .atut + .atut {
    padding-block-start: var(--space-xl);
    border-block-start: 1px solid var(--line-strong);
  }
  body .atuty .atut .atut__rysunek,
  body .atuty .atut:first-child .atut__rysunek {
    justify-self: start;
    margin-inline-start: 0;
    margin-block-end: var(--space-l);
  }
  body .atuty .atut .atut__opis {
    max-width: 46ch;
  }
}

body .oferty {
  --tear-plate: var(--primary-950);
  --tear-shape: polygon(0 0, 100% 0, 100.00% 52.2%, 99.43% 52.2%, 97.88% 50.3%, 96.33% 56.9%, 95.14% 58.8%, 93.86% 52.7%, 92.70% 49.2%, 91.50% 51.9%, 90.59% 49.5%, 89.98% 53.1%, 88.84% 50.6%, 87.50% 51.9%, 86.78% 52.7%, 85.17% 57.8%, 83.82% 54.1%, 82.41% 53.1%, 80.98% 59.5%, 80.06% 53.4%, 78.48% 46.1%, 77.66% 51.6%, 76.13% 49.4%, 75.12% 23.3%, 73.81% 22.2%, 72.66% 24.2%, 71.64% 56.4%, 70.21% 52.3%, 69.64% 56.2%, 68.95% 50.6%, 68.07% 43.6%, 66.57% 38.8%, 64.98% 45.0%, 63.51% 40.0%, 62.66% 42.0%, 61.92% 48.0%, 60.99% 42.2%, 59.58% 37.8%, 58.92% 40.8%, 58.35% 41.9%, 57.59% 39.8%, 56.24% 41.6%, 54.79% 43.0%, 53.58% 40.5%, 52.11% 45.9%, 50.92% 48.1%, 50.24% 52.0%, 48.72% 52.2%, 47.76% 56.4%, 46.81% 15.2%, 45.30% 16.4%, 43.74% 16.4%, 42.63% 15.3%, 41.89% 17.5%, 40.39% 16.2%, 38.96% 42.5%, 37.73% 41.9%, 36.90% 44.4%, 36.04% 51.2%, 34.69% 48.3%, 33.89% 53.8%, 32.29% 56.4%, 31.25% 50.9%, 29.74% 48.1%, 28.30% 52.0%, 27.13% 56.1%, 25.76% 55.9%, 24.32% 51.7%, 23.05% 58.8%, 21.55% 54.2%, 20.34% 48.4%, 19.27% 45.8%, 18.36% 39.1%, 17.31% 39.1%, 15.69% 43.3%, 14.41% 46.9%, 13.84% 48.8%, 12.65% 19.1%, 11.91% 18.9%, 10.69% 19.8%, 9.42% 19.5%, 8.39% 18.1%, 7.53% 17.8%, 6.71% 64.8%, 6.04% 61.3%, 4.64% 63.3%, 3.94% 60.3%, 3.28% 65.0%, 2.11% 60.2%, 0.83% 56.9%, 0.00% 62.0%);
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-2xl)) var(--section-y);
}
body .oferty .oferty__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-m);
}
body .oferty .oferty__inner > * {
  margin-block: 0;
}
body .oferty .oferty__eyebrow {
  justify-self: start;
}
@media (min-width: 62rem) {
  body .oferty .oferty__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    column-gap: var(--space-2xl);
    align-items: end;
  }
  body .oferty .oferty__eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body .oferty .oferty__title {
    grid-column: 1;
    grid-row: 2;
  }
  body .oferty .oferty__lead {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: end;
    padding-block-end: var(--space-2xs);
  }
}
body .oferty .oferty__tabs {
  grid-column: 1/-1;
  display: grid;
  gap: 0;
  margin-block-start: var(--space-xl);
  border-block-start: 1px solid var(--line-strong);
  counter-reset: zakladka;
}
body .oferty .oferty__tabs > * {
  margin-block: 0;
}
body .oferty .oferty__tabs .tab {
  padding-block: var(--space-m);
  border-block-end-color: var(--line);
}
body .oferty .oferty__tabs .tab[aria-selected=true] {
  border-block-end-color: var(--brand);
}
@media (min-width: 62rem) {
  body .oferty .oferty__tabs {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    column-gap: var(--space-l);
  }
  body .oferty .oferty__tabs .tab + .tab {
    padding-inline-start: var(--space-l);
    border-inline-start: 1px solid var(--line);
  }
}
body .oferty .oferty__panele {
  grid-column: 1/-1;
  margin-block-start: var(--space-xl);
}
body .oferty .oferty__panele > * {
  margin-block: 0;
}
body .oferty .oferta {
  display: grid;
  gap: var(--space-xl);
  align-items: start;
  margin: 0;
}
body .oferty .oferta > * {
  margin-block: 0;
}
body .oferty .oferta[hidden] {
  display: none;
}
body .oferty:not(.is-ready) .oferta + .oferta {
  display: none;
}
body .oferty .oferta__body {
  display: grid;
  gap: var(--space-m);
}
body .oferty .oferta__body > * {
  margin-block: 0;
}
body .oferty .oferta:nth-child(1) :is(.oferta__kicker, .rama figcaption)::before {
  content: "01 / ";
}
body .oferty .oferta:nth-child(2) :is(.oferta__kicker, .rama figcaption)::before {
  content: "02 / ";
}
body .oferty .oferta:nth-child(3) :is(.oferta__kicker, .rama figcaption)::before {
  content: "03 / ";
}
body .oferty .oferta:nth-child(4) :is(.oferta__kicker, .rama figcaption)::before {
  content: "04 / ";
}
body .oferty .oferta:nth-child(5) :is(.oferta__kicker, .rama figcaption)::before {
  content: "05 / ";
}
body .oferty .oferta:nth-child(6) :is(.oferta__kicker, .rama figcaption)::before {
  content: "06 / ";
}
body .oferty .oferta__przebieg {
  flex-wrap: wrap;
  margin-block-start: calc(-1 * var(--space-2xs));
}
body .oferty .oferta__opis {
  max-width: 62ch;
}
body .oferty .oferta__liczby {
  display: flex;
  margin: 0;
  padding: 0;
  border-block: 1px solid var(--line-strong);
}
body .oferty .oferta__liczby > * {
  margin-block: 0;
}
body .oferty .oferta__liczba {
  display: grid;
  gap: var(--space-3xs);
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding-block: var(--space-s);
}
body .oferty .oferta__liczba > * {
  margin-block: 0;
}
body .oferty .oferta__liczba + .oferta__liczba {
  padding-inline-start: var(--space-m);
  border-inline-start: 1px solid var(--line);
}
body .oferty .oferta__stopka {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-s) var(--space-l);
  margin-block-start: var(--space-2xs);
}
body .oferty .oferta__stopka > * {
  margin: 0;
}
@media (min-width: 62rem) {
  body .oferty .oferta {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    column-gap: var(--space-2xl);
  }
  body .oferty .oferta__rama {
    align-self: stretch;
  }
  body .oferty .oferta__rama img {
    min-height: 100%;
  }
}
@media (min-width: 75rem) {
  body .oferty .oferta {
    column-gap: var(--space-3xl);
  }
}
@media (max-width: 61.99rem) {
  body .oferty .oferty__tabs .tab {
    padding-block: var(--space-s);
  }
  body .oferty .oferta {
    gap: var(--space-l);
  }
  body .oferty .oferta__rama {
    width: min(100%, 26rem);
    margin-block-end: var(--space-m);
  }
  body .oferty .oferta__kicker {
    display: none;
  }
}

body .zespol {
  --zespol-aktywna: 2.4;
  --zespol-klatek: 6;
  --zespol-h: clamp(32rem, 74vh, 50rem);
  --zespol-czas: 620ms;
  --tear-plate: var(--bg-invert);
  --tear-shape: polygon(0 0, 100% 0, 100.00% 51.4%, 98.96% 51.4%, 98.07% 50.6%, 97.41% 50.8%, 96.12% 44.5%, 95.18% 43.3%, 93.79% 39.4%, 93.16% 14.8%, 91.81% 14.8%, 90.45% 15.0%, 89.12% 15.3%, 88.25% 58.1%, 86.67% 54.4%, 85.19% 56.9%, 83.72% 60.9%, 83.04% 61.1%, 81.74% 56.9%, 81.06% 54.7%, 80.31% 54.7%, 78.72% 53.1%, 77.26% 47.5%, 76.05% 53.9%, 75.34% 47.7%, 74.23% 50.0%, 73.59% 55.3%, 72.05% 62.7%, 71.07% 63.1%, 70.04% 63.3%, 69.09% 82.5%, 68.19% 82.3%, 67.52% 81.2%, 66.61% 82.0%, 65.47% 80.3%, 64.52% 82.2%, 63.30% 80.6%, 61.91% 39.4%, 60.64% 40.6%, 59.02% 39.4%, 57.72% 39.4%, 57.12% 39.4%, 55.76% 39.4%, 54.84% 39.4%, 53.37% 39.5%, 52.74% 42.8%, 51.61% 47.5%, 50.84% 44.5%, 49.39% 49.7%, 48.81% 46.1%, 47.31% 47.8%, 45.81% 43.0%, 44.71% 41.7%, 43.13% 43.6%, 41.72% 39.4%, 41.00% 18.9%, 39.95% 18.9%, 38.34% 19.1%, 37.16% 19.5%, 36.58% 18.0%, 35.20% 18.3%, 34.19% 51.4%, 33.10% 50.9%, 32.19% 54.7%, 30.89% 49.8%, 29.41% 45.6%, 28.11% 48.8%, 27.17% 47.5%, 25.79% 44.5%, 24.53% 48.0%, 23.39% 45.0%, 22.32% 43.3%, 21.17% 40.0%, 19.79% 40.3%, 18.63% 43.1%, 18.01% 45.6%, 16.74% 39.4%, 15.56% 16.2%, 14.01% 16.4%, 12.59% 17.8%, 11.01% 17.0%, 9.80% 17.8%, 8.57% 52.2%, 7.01% 52.7%, 5.81% 51.1%, 5.16% 53.0%, 3.79% 50.0%, 2.71% 55.0%, 1.61% 57.2%, 0.95% 52.5%, 0.00% 53.8%);
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-2xl)) var(--section-y);
  background: var(--bg);
}
body .zespol .zespol__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-m);
}
body .zespol .zespol__inner > * {
  margin-block: 0;
}
body .zespol .zespol__eyebrow {
  justify-self: start;
}
@media (min-width: 62rem) {
  body .zespol .zespol__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    column-gap: var(--space-2xl);
    align-items: end;
  }
  body .zespol .zespol__eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body .zespol .zespol__title {
    grid-column: 1;
    grid-row: 2;
  }
  body .zespol .zespol__lead {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: end;
    padding-block-end: var(--space-2xs);
  }
}
body .zespol .zespol__tasma {
  position: relative;
  grid-column: 1/-1;
  margin-block-start: var(--space-xl);
}
body .zespol .zespol__tasma > * {
  margin-block: 0;
}
body .zespol .zespol__tasma::after {
  content: "";
  position: absolute;
  inset-block-end: calc(-1 * var(--space-2xs));
  inset-inline: 0 calc(50% - 50vw);
  height: 3px;
  background: var(--brand);
  pointer-events: none;
}
body .zespol .zespol__lista {
  display: flex;
  gap: var(--space-3xs);
  height: var(--zespol-h);
  counter-reset: muzyk;
  container-type: inline-size;
}
body .zespol .zespol__lista > * {
  margin-block: 0;
}
body .zespol .muzyk {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  margin: 0;
  background: var(--bg-raised);
  counter-increment: muzyk;
  transition: flex var(--zespol-czas) var(--ease-out);
}
body .zespol .muzyk > * {
  margin-block: 0;
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) {
  flex: var(--zespol-aktywna) 1 0;
}
body .zespol .muzyk .muzyk__foto {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: calc(100cqw * var(--zespol-aktywna) / (var(--zespol-aktywna) + var(--zespol-klatek) - 1));
  max-width: none;
  height: 100%;
  margin: 0;
}
body .zespol .muzyk .muzyk__foto img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1) contrast(1.05) brightness(0.9);
  transition: filter var(--zespol-czas) var(--ease-out);
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__foto img {
  filter: none;
}
body .zespol .muzyk::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgb(var(--primary-950-rgb)/0.92) 0%, rgb(var(--primary-950-rgb)/0.7) 28%, rgb(var(--primary-950-rgb)/0.2) 55%, rgb(var(--primary-950-rgb)/0) 75%);
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child)::after {
  background: radial-gradient(70% 55% at 18% 22%, rgb(var(--accent-600-rgb)/0.42) 0%, rgb(var(--accent-600-rgb)/0) 70%), linear-gradient(to right, rgb(var(--primary-950-rgb)/0.7) 0%, rgb(var(--primary-950-rgb)/0.25) 45%, rgb(var(--primary-950-rgb)/0) 70%), linear-gradient(to top, rgb(var(--primary-950-rgb)/0.9) 0%, rgb(var(--primary-950-rgb)/0.5) 35%, rgb(var(--primary-950-rgb)/0) 65%);
}
body .zespol .muzyk .muzyk__body {
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  z-index: 2;
  display: grid;
  grid-template-rows: auto auto 0fr;
  gap: var(--space-3xs);
  padding: var(--space-m);
  pointer-events: none;
  transition: grid-template-rows var(--zespol-czas) var(--ease-out);
}
body .zespol .muzyk .muzyk__body > * {
  margin-block: 0;
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__body {
  grid-template-rows: auto auto 1fr;
}
body .zespol .muzyk .muzyk__imie {
  display: grid;
  gap: var(--space-3xs);
  transform: scale(0.58);
  transform-origin: left bottom;
  transition: transform var(--zespol-czas) var(--ease-out);
}
body .zespol .muzyk .muzyk__imie::before {
  content: counter(muzyk, decimal-leading-zero);
  display: block;
  font-size: var(--wp--preset--font-size--heading-1);
  letter-spacing: var(--tracking-num);
  font-variant-numeric: tabular-nums;
  transition: color var(--dur) var(--ease-out);
}
body .zespol .muzyk .muzyk__rola {
  transition: color var(--dur) var(--ease-out);
}
body .zespol .muzyk .muzyk__opis {
  min-height: 0;
  overflow: hidden;
  max-width: 24ch;
  opacity: 0;
  transition: opacity calc(var(--zespol-czas) * 0.6) var(--ease-out), margin var(--zespol-czas) var(--ease-out);
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__imie {
  transform: scale(1);
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__imie::before,
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__rola {
  color: var(--brand-strong);
}
body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__opis {
  margin-block-start: var(--space-xs);
  opacity: 1;
  transition-delay: calc(var(--zespol-czas) * 0.35), 0ms;
}
body .zespol .muzyk .muzyk__btn {
  position: absolute;
  inset: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}
body .zespol .muzyk .muzyk__btn:focus-visible {
  outline-offset: -3px;
}
@media (max-width: 61.99rem) {
  body .zespol {
    --zespol-czas: 480ms;
    --zespol-h: min(112cqw, 80svh, 36rem);
  }
  body .zespol .zespol__tasma {
    width: 100%;
    container-type: inline-size;
  }
  body .zespol .zespol__tasma::after {
    inset-inline: 0;
  }
  body .zespol .zespol__lista {
    gap: var(--space-2xs);
    container-type: normal;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  body .zespol .zespol__lista::-webkit-scrollbar {
    display: none;
  }
  body .zespol .muzyk,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) {
    --muzyk-p: 0;
    flex: 0 0 75%;
    height: var(--zespol-h);
    scroll-snap-align: start;
    background: var(--bg);
  }
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) {
    --muzyk-p: 1;
  }
  body .zespol .muzyk::after,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child)::after {
    background: linear-gradient(to top, rgb(var(--primary-950-rgb)/0.92) 0%, rgb(var(--primary-950-rgb)/0.7) 28%, rgb(var(--primary-950-rgb)/0.2) 55%, rgb(var(--primary-950-rgb)/0) 75%);
  }
  body .zespol .muzyk .muzyk__foto {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  body .zespol .muzyk .muzyk__foto img,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__foto img {
    transform: translateX(calc(-50% * (1 - var(--muzyk-p))));
    filter: grayscale(calc(1 - var(--muzyk-p))) contrast(calc(1.05 - 0.05 * var(--muzyk-p))) brightness(calc(0.9 + 0.1 * var(--muzyk-p)));
    transition: filter var(--zespol-czas) var(--ease-out), transform var(--zespol-czas) var(--ease-out);
  }
  body .zespol .muzyk .muzyk__imie,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__imie {
    transform: scale(calc(0.45 + 0.27 * var(--muzyk-p)));
  }
  body .zespol .muzyk .muzyk__imie::before,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__imie::before {
    color: color-mix(in srgb, var(--brand-strong) calc(var(--muzyk-p) * 100%), var(--fg));
    transition: color var(--zespol-czas) var(--ease-out);
  }
  body .zespol .muzyk .muzyk__rola,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__rola {
    color: color-mix(in srgb, var(--brand-strong) calc(var(--muzyk-p) * 100%), var(--fg-muted));
    transition: color var(--zespol-czas) var(--ease-out);
  }
  body .zespol .muzyk .muzyk__body,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__body {
    grid-template-rows: auto auto 1fr;
  }
  body .zespol .muzyk .muzyk__opis,
  body .zespol :is(.muzyk.is-active, .zespol__lista:not(.is-ready) .muzyk:first-child) .muzyk__opis {
    margin-block-start: var(--space-xs);
    max-width: 32ch;
    opacity: var(--muzyk-p);
    transition: opacity var(--zespol-czas) var(--ease-out);
    transition-delay: 0ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  body .zespol {
    --zespol-czas: 1ms;
  }
}

:root {
  --icon-gwiazda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.7l-6.1 3.4 1.4-6.8L2.2 9.6l6.9-.8z'/%3E%3C/svg%3E");
}

body .opinie {
  --tear-plate: var(--primary-950);
  --tear-shape: polygon(0 0, 100% 0, 100.00% 57.5%, 99.42% 57.5%, 97.83% 61.7%, 97.20% 60.0%, 95.69% 59.5%, 94.57% 59.2%, 93.58% 62.0%, 92.60% 58.6%, 91.14% 56.4%, 89.92% 58.6%, 88.79% 63.4%, 88.19% 63.4%, 86.69% 63.4%, 85.39% 76.1%, 84.54% 77.8%, 83.58% 77.0%, 81.97% 76.2%, 81.00% 42.7%, 80.13% 47.7%, 79.24% 48.1%, 78.44% 47.0%, 77.11% 47.0%, 76.47% 47.8%, 75.22% 49.7%, 73.79% 51.2%, 73.19% 54.4%, 71.82% 51.2%, 70.94% 48.3%, 69.59% 45.6%, 68.41% 50.5%, 67.60% 44.8%, 66.42% 40.3%, 65.69% 39.7%, 64.47% 40.3%, 63.60% 43.0%, 62.12% 39.7%, 60.86% 17.2%, 59.92% 16.6%, 58.65% 16.9%, 57.03% 18.0%, 55.45% 17.7%, 54.64% 17.2%, 54.02% 17.7%, 52.58% 48.6%, 51.84% 53.9%, 50.79% 58.4%, 50.02% 57.8%, 48.62% 56.9%, 47.96% 62.3%, 46.42% 58.8%, 45.52% 60.3%, 44.82% 56.7%, 43.84% 53.0%, 42.81% 51.7%, 41.25% 52.0%, 40.62% 55.8%, 39.43% 61.6%, 37.81% 60.9%, 36.34% 63.4%, 34.88% 78.1%, 33.62% 77.8%, 32.34% 78.8%, 31.51% 78.1%, 30.72% 78.4%, 29.33% 46.9%, 27.73% 45.0%, 27.11% 40.5%, 26.33% 39.7%, 25.38% 42.8%, 24.73% 45.6%, 23.45% 45.8%, 22.07% 50.6%, 21.34% 44.4%, 20.53% 43.8%, 19.62% 39.7%, 18.77% 40.8%, 17.23% 39.7%, 16.49% 39.7%, 15.78% 39.7%, 15.05% 39.7%, 14.38% 39.7%, 13.65% 40.6%, 12.59% 39.7%, 11.06% 20.0%, 10.44% 18.8%, 8.83% 19.5%, 8.20% 19.2%, 7.04% 18.9%, 5.96% 19.2%, 5.31% 53.3%, 3.86% 48.3%, 2.24% 46.2%, 1.02% 42.5%, 0.00% 46.4%);
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-2xl)) var(--section-y);
}
body .opinie .opinie__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-m);
}
body .opinie .opinie__inner > * {
  margin-block: 0;
}
body .opinie .opinie__eyebrow {
  justify-self: start;
}
@media (min-width: 62rem) {
  body .opinie .opinie__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    column-gap: var(--space-2xl);
    align-items: end;
  }
  body .opinie .opinie__eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body .opinie .opinie__title {
    grid-column: 1;
    grid-row: 2;
  }
  body .opinie .opinie__lead {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: end;
    padding-block-end: var(--space-2xs);
  }
}
body .opinie .opinie__nota-opis::before,
body .opinie .opinia__glowka::after {
  content: "";
  flex: none;
  width: calc(var(--gwiazda) * 5);
  height: var(--gwiazda);
  background: var(--brand);
  -webkit-mask: var(--icon-gwiazda) left center/var(--gwiazda) var(--gwiazda) repeat-x;
  mask: var(--icon-gwiazda) left center/var(--gwiazda) var(--gwiazda) repeat-x;
}
body .opinie .opinie__ocena {
  --gwiazda: 1.35rem;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-s) var(--space-m);
  margin-block-start: var(--space-xl);
  padding-block: var(--space-m);
  border-block: 1px solid var(--line-strong);
}
body .opinie .opinie__ocena > * {
  margin-block: 0;
}
body .opinie .opinie__nota-opis {
  display: grid;
  gap: var(--space-2xs);
  max-width: 26ch;
}
body .opinie .opinie__link {
  margin: 0 0 0 auto;
}
body .opinie .opinie__lista {
  grid-column: 1/-1;
  display: grid;
  gap: var(--space-m);
  margin-block-start: var(--space-l);
  counter-reset: opinia;
}
body .opinie .opinie__lista > * {
  margin-block: 0;
}
@media (min-width: 62rem) {
  body .opinie .opinie__lista {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .opinie .opinia--glowna {
    grid-column: span 2;
  }
}
body .opinie .opinia {
  --gwiazda: 1rem;
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: var(--space-m);
  margin: 0;
  padding: var(--space-l);
  border: 1px solid var(--line-strong);
  counter-increment: opinia;
}
body .opinie .opinia > * {
  margin-block: 0;
}
body .opinie .opinia--glowna {
  border-inline-start: 3px solid var(--brand);
}
body .opinie .opinia__glowka {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-s);
}
body .opinie .opinia__glowka > * {
  margin-block: 0;
}
body .opinie .opinia__kicker::before {
  content: counter(opinia, decimal-leading-zero) " / ";
}
body .opinie .opinia .wp-block-quote {
  margin: 0;
  padding: 0;
  border: 0;
}
body .opinie .opinia .wp-block-quote > * {
  margin-block: 0;
}
body .opinie .opinia .wp-block-quote p {
  max-width: none;
  text-wrap: pretty;
}
body .opinie .opinia__autor {
  padding-block-start: var(--space-s);
  border-block-start: 1px solid var(--line);
}
body .opinie .opinia__uwaga {
  margin-block-start: calc(-1 * var(--space-s));
}
@media (max-width: 61.99rem) {
  body .opinie .opinie__ocena {
    margin-block-start: var(--space-l);
  }
  body .opinie .opinie__link {
    margin-inline-start: 0;
    flex-basis: 100%;
  }
  body .opinie .opinia {
    padding: var(--space-m);
  }
}

body .galeria {
  --galeria-h: clamp(14rem, 28vw, 26rem);
  --tear-plate: var(--bg-invert);
  --tear-shape: polygon(0 0, 100% 0, 100.00% 53.4%, 98.90% 53.4%, 98.25% 55.3%, 96.69% 61.3%, 95.23% 65.8%, 94.03% 59.4%, 92.58% 52.5%, 91.16% 46.2%, 89.78% 41.1%, 88.54% 38.8%, 87.82% 35.9%, 86.44% 36.6%, 85.00% 39.7%, 83.49% 39.4%, 82.64% 43.4%, 81.11% 40.3%, 79.51% 35.9%, 78.25% 41.4%, 77.11% 40.9%, 76.37% 38.8%, 75.36% 35.9%, 74.22% 35.9%, 73.19% 39.7%, 72.21% 36.4%, 71.33% 42.5%, 70.37% 40.5%, 69.51% 35.9%, 68.14% 41.4%, 66.83% 37.7%, 65.59% 40.5%, 64.94% 37.2%, 63.43% 35.9%, 62.08% 39.5%, 61.08% 38.4%, 60.22% 43.3%, 59.46% 41.7%, 57.95% 45.3%, 57.07% 45.3%, 55.98% 51.4%, 55.11% 57.0%, 53.59% 52.2%, 52.32% 49.4%, 50.79% 44.1%, 49.19% 39.1%, 48.01% 35.9%, 46.82% 35.9%, 45.62% 41.2%, 44.23% 47.8%, 43.57% 52.3%, 42.03% 46.7%, 41.13% 47.0%, 40.42% 42.0%, 39.45% 37.3%, 38.41% 35.9%, 36.86% 35.9%, 36.22% 38.3%, 35.04% 43.3%, 33.42% 41.1%, 31.94% 41.9%, 31.02% 43.6%, 30.35% 49.1%, 29.17% 42.8%, 27.77% 41.1%, 26.26% 35.9%, 24.96% 40.6%, 23.36% 40.2%, 22.62% 35.9%, 21.12% 35.9%, 20.10% 35.9%, 19.38% 38.1%, 18.56% 38.6%, 17.66% 35.9%, 16.80% 35.9%, 15.26% 35.9%, 14.52% 35.9%, 13.81% 37.3%, 13.08% 39.8%, 12.41% 43.4%, 11.68% 48.8%, 10.62% 49.5%, 9.09% 49.4%, 8.47% 42.5%, 6.86% 42.5%, 6.23% 38.1%, 5.07% 35.9%, 4.42% 16.2%, 3.36% 23.8%, 1.77% 21.4%, 0.59% 24.7%, 0.00% 16.4%);
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-2xl)) var(--section-y);
  background: var(--bg);
}
body .galeria .galeria__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-m);
}
body .galeria .galeria__inner > * {
  margin-block: 0;
}
body .galeria .galeria__eyebrow {
  justify-self: start;
}
@media (min-width: 62rem) {
  body .galeria .galeria__inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    column-gap: var(--space-2xl);
    align-items: end;
  }
  body .galeria .galeria__eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  body .galeria .galeria__title {
    grid-column: 1;
    grid-row: 2;
  }
  body .galeria .galeria__lead {
    grid-column: 2;
    grid-row: 1/span 2;
    align-self: end;
    padding-block-end: var(--space-2xs);
  }
}
body .galeria .galeria__tasma {
  position: relative;
  width: 100%;
  margin-block-start: var(--space-xl);
}
body .galeria .galeria__tasma > * {
  margin-block: 0;
}
body .galeria .wp-block-gallery.galeria__lista:not(#_) {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  height: var(--galeria-h);
  margin: 0;
  padding: 0 var(--gutter);
  overflow-x: auto;
  scrollbar-width: none;
}
body .galeria .wp-block-gallery.galeria__lista:not(#_)::-webkit-scrollbar {
  display: none;
}
body .galeria .wp-block-gallery.galeria__lista.is-ready:not(#_) {
  width: max-content;
  padding: 0;
  overflow: visible;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  will-change: transform;
}
body .galeria .wp-block-gallery.galeria__lista.is-dragging:not(#_) {
  cursor: grabbing;
}
body .galeria .wp-block-gallery.galeria__lista figure.wp-block-image:not(#_) {
  flex: none;
  width: auto;
  height: 100%;
  margin: 0 var(--space-2xs) 0 0;
}
body .galeria .wp-block-gallery.galeria__lista figure.wp-block-image:not(#_) img {
  display: block;
  width: auto;
  max-width: none;
  height: var(--galeria-h);
  background: var(--bg-card);
  -webkit-user-drag: none;
}
body .galeria .galeria__kadr {
  flex: none;
  width: auto;
  height: 100%;
  margin: 0 var(--space-2xs) 0 0;
}
body .galeria .galeria__kadr img {
  display: block;
  width: auto;
  max-width: none;
  height: var(--galeria-h);
  background: var(--bg-card);
}

:root {
  --icon-phone-ui: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Cpath%20d=%22M4.2%203h3l1.4%203.5-1.8%201.3a10%2010%200%200%200%204.4%204.4l1.3-1.8L16%2011.8v3a1.6%201.6%200%200%201-1.8%201.6C8.5%2015.8%204.2%2011.5%203.6%205.8A1.6%201.6%200%200%201%204.2%203Z%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%221.5%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E");
  --icon-tick-ui: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m4.5%2010.3%203.6%203.6%207.4-8.4%22/%3E%3C/svg%3E");
  --icon-mail-ui: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%3E%3Crect%20x=%222.6%22%20y=%224.8%22%20width=%2214.8%22%20height=%2210.4%22%20rx=%221.6%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%221.3%22/%3E%3Cpath%20d=%22m3.4%206%206.6%204.6L16.6%206%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%221.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E");
}

body .kontakt {
  --tear-plate: var(--primary-950);
  --tear-shape: polygon(0 0, 100% 0, 100.00% 60.5%, 99.61% 60.5%, 98.91% 62.5%, 97.37% 67.2%, 96.78% 64.4%, 95.50% 62.0%, 94.31% 55.5%, 93.70% 53.8%, 92.64% 50.9%, 91.59% 45.8%, 90.79% 46.6%, 89.51% 51.6%, 88.01% 50.9%, 87.11% 50.0%, 86.46% 50.0%, 85.51% 43.6%, 84.12% 40.9%, 83.49% 35.9%, 82.14% 39.1%, 80.78% 43.3%, 79.45% 47.2%, 78.58% 48.8%, 77.01% 43.4%, 75.52% 45.2%, 74.05% 48.1%, 73.37% 46.2%, 72.07% 40.2%, 71.39% 36.7%, 70.64% 35.9%, 69.99% 18.1%, 68.83% 21.1%, 67.63% 23.6%, 66.92% 14.8%, 65.38% 50.6%, 64.41% 48.8%, 63.38% 46.6%, 62.42% 52.8%, 61.52% 46.1%, 60.85% 40.2%, 59.94% 40.3%, 58.81% 35.9%, 57.85% 41.2%, 56.63% 35.9%, 55.25% 35.9%, 53.64% 35.9%, 52.33% 35.9%, 51.73% 35.9%, 50.38% 35.9%, 49.46% 35.9%, 47.98% 35.9%, 47.35% 40.2%, 46.23% 46.1%, 45.45% 43.4%, 44.01% 49.7%, 43.42% 46.1%, 41.92% 48.4%, 40.42% 44.1%, 39.32% 44.1%, 37.86% 47.3%, 36.71% 52.3%, 35.56% 52.8%, 34.30% 46.1%, 32.90% 45.0%, 32.16% 51.7%, 31.25% 47.8%, 30.11% 49.1%, 29.29% 49.1%, 27.76% 51.6%, 26.36% 48.8%, 24.77% 43.8%, 23.24% 39.8%, 21.78% 45.3%, 20.72% 43.0%, 19.46% 40.6%, 17.93% 45.2%, 17.30% 49.2%, 16.72% 47.5%, 15.36% 52.2%, 14.50% 51.2%, 13.03% 53.0%, 12.02% 46.7%, 10.78% 43.0%, 10.16% 44.2%, 8.82% 46.7%, 7.54% 46.1%, 6.12% 45.9%, 5.43% 45.5%, 4.33% 46.4%, 3.16% 49.5%, 2.26% 53.1%, 1.51% 48.6%, 0.00% 46.2%);
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-2xl)) var(--space-l);
  background: var(--bg);
}
body .kontakt .kontakt__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
}
body .kontakt .kontakt__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 50%;
}
body .kontakt .kontakt__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to right, rgb(var(--primary-950-rgb)/0.92) 0%, rgb(var(--primary-950-rgb)/0.74) 38%, rgb(var(--primary-950-rgb)/0.66) 62%, rgb(var(--primary-950-rgb)/0.5) 100%), linear-gradient(to top, rgb(var(--primary-950-rgb)/0.9) 0%, rgb(var(--primary-950-rgb)/0.35) 30%, rgb(var(--primary-950-rgb)/0) 60%);
}
body .kontakt .kontakt__inner {
  position: relative;
  z-index: 1;
  display: grid;
  gap: var(--space-2xl);
}
body .kontakt .kontakt__inner > * {
  margin-block: 0;
}
body .kontakt .kontakt__info {
  display: grid;
  gap: var(--space-m);
  align-content: start;
}
body .kontakt .kontakt__info > * {
  margin-block: 0;
}
body .kontakt .kontakt__eyebrow {
  flex-wrap: nowrap;
  color: var(--brand-strong);
}
body .kontakt .kontakt__eyebrow::after {
  content: "";
  flex: 1 1 auto;
  max-width: 14rem;
  height: 1px;
  margin-inline-start: var(--space-xs);
  background: var(--line-strong);
}
body .kontakt .kontakt__title {
  max-width: 14ch;
}
body .kontakt .kontakt__lead {
  max-width: 40ch;
}
body .kontakt .kontakt__kanaly {
  display: grid;
  gap: var(--space-m);
  margin-block-start: var(--space-xs);
}
body .kontakt .kontakt__kanaly > * {
  margin-block: 0;
}
body .kontakt .kontakt__kanal {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: var(--space-m);
  align-items: center;
}
body .kontakt .kontakt__kanal > * {
  margin-block: 0;
}
body .kontakt .kontakt__kanal::before {
  content: "";
  grid-column: 1;
  grid-row: 1/span 2;
  width: 2.25rem;
  height: 2.25rem;
  padding-inline-end: var(--space-m);
  box-sizing: content-box;
  background: var(--fg);
  -webkit-mask: var(--icon-phone-ui) left center/2.25rem 2.25rem no-repeat;
  mask: var(--icon-phone-ui) left center/2.25rem 2.25rem no-repeat;
}
body .kontakt .kontakt__kanal::after {
  content: "";
  grid-column: 1;
  grid-row: 1/span 2;
  justify-self: end;
  width: 1px;
  height: 100%;
  background: var(--line-strong);
}
body .kontakt .kontakt__kanal--mail::before {
  -webkit-mask-image: var(--icon-mail-ui);
  mask-image: var(--icon-mail-ui);
}
body .kontakt .kontakt__kanal-etykieta {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
body .kontakt .kontakt__kanal-wartosc {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}
body .kontakt .kontakt__kanal-wartosc a {
  color: inherit;
  text-decoration: none;
  transition: color var(--dur) var(--ease-out);
}
body .kontakt .kontakt__kanal-wartosc a:hover {
  color: var(--brand-strong);
}
body .kontakt .kontakt__kanal-wartosc--mail {
  text-transform: none;
  letter-spacing: var(--tracking-tight);
  overflow-wrap: anywhere;
}
body .kontakt .kontakt__uwaga {
  max-width: 48ch;
  margin-block-start: var(--space-s);
  padding-block-start: var(--space-m);
  border-block-start: 1px solid var(--line);
}
body .kontakt .kontakt__form {
  display: grid;
  gap: var(--space-m);
  align-content: start;
}
body .kontakt .kontakt__form > * {
  margin-block: 0;
}
body .kontakt .kontakt__kicker {
  padding-block-end: var(--space-s);
  border-block-end: 1px solid var(--line-strong);
}
body .kontakt .kontakt__kicker::before {
  content: "01 / ";
}
body .kontakt .wpcf7-form {
  display: grid;
  gap: var(--space-m);
}
body .kontakt .wpcf7-form-control-wrap {
  display: block;
  min-width: 0;
}
body .kontakt .wpcf7-not-valid-tip {
  display: block;
  margin-top: var(--space-3xs);
  font-size: var(--step--2);
  color: var(--danger-300);
}
body .kontakt .wpcf7-response-output {
  margin: 0;
  padding: var(--space-xs) var(--space-s);
  border: 1px solid var(--line-strong);
  font-size: var(--step--1);
}
body .kontakt .wpcf7-form.sent .wpcf7-response-output {
  border-color: var(--success-500);
}
body .kontakt .wpcf7-form.invalid .wpcf7-response-output,
body .kontakt .wpcf7-form.failed .wpcf7-response-output {
  border-color: var(--danger-500);
}
@media (min-width: 34rem) {
  body .kontakt .wpcf7-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .kontakt .pole--szerokie,
  body .kontakt .kontakt__submit,
  body .kontakt .wpcf7-response-output {
    grid-column: 1/-1;
  }
}
body .kontakt .pole {
  display: grid;
  gap: var(--space-2xs);
  min-width: 0;
}
body .kontakt .pole__etykieta {
  font-family: var(--ffont);
  font-weight: var(--weight-bold);
  color: var(--fg);
}
body .kontakt .pole__wejscie {
  width: 100%;
  min-height: 3.25rem;
  margin: 0;
  padding: var(--space-xs) var(--space-s);
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: rgb(var(--primary-950-rgb)/0.55);
  color: var(--fg);
  font: inherit;
  transition: border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);
}
body .kontakt .pole__wejscie::placeholder {
  color: var(--fg-quiet);
}
body .kontakt .pole__wejscie:hover {
  border-color: var(--line-field);
}
body .kontakt .pole__wejscie:focus {
  outline: none;
  border-color: var(--brand);
  background: rgb(var(--primary-950-rgb)/0.7);
}
body .kontakt .pole__wejscie:focus-visible {
  box-shadow: var(--shadow-ring);
}
body .kontakt textarea.pole__wejscie {
  resize: vertical;
  min-height: 8rem;
  line-height: var(--leading-copy);
}
body .kontakt input[type=date].pole__wejscie {
  color-scheme: dark;
}
body .kontakt .pole__select {
  position: relative;
  display: block;
}
body .kontakt .pole__select select {
  appearance: none;
  padding-inline-end: var(--space-2xl);
  cursor: pointer;
}
body .kontakt .pole__select::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: var(--space-s);
  width: 0.6rem;
  height: 0.6rem;
  border-inline-end: 1.75px solid var(--fg);
  border-block-end: 1.75px solid var(--fg);
  translate: 0 -70%;
  rotate: 45deg;
  pointer-events: none;
}
body .kontakt .pole--zgoda .wpcf7-acceptance label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-xs);
  align-items: start;
  font-size: var(--step--2);
  line-height: var(--leading-copy);
  color: var(--fg-muted);
  cursor: pointer;
}
body .kontakt .pole--zgoda .wpcf7-acceptance label input[type=checkbox] {
  appearance: none;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.1rem 0 0;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: rgb(var(--primary-950-rgb)/0.55);
  cursor: pointer;
  transition: background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}
body .kontakt .pole--zgoda .wpcf7-acceptance label input[type=checkbox]:hover {
  border-color: var(--line-field);
}
body .kontakt .pole--zgoda .wpcf7-acceptance label input[type=checkbox]:checked {
  border-color: var(--brand);
  background: var(--brand) var(--icon-tick-ui) center/70% no-repeat;
}
body .kontakt .pole--zgoda .wpcf7-acceptance label input[type=checkbox]:focus-visible {
  outline: none;
  border-color: var(--brand);
  box-shadow: var(--shadow-ring);
}
body .kontakt .pole--zgoda .wpcf7-acceptance label a {
  color: var(--fg);
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-underline-offset: 0.2em;
}
body .kontakt .pole--zgoda .wpcf7-acceptance label a:hover {
  color: var(--brand-strong);
}
body .kontakt .pole--zgoda .wpcf7-not-valid-tip {
  grid-column: 1/-1;
}
body .kontakt input.kontakt__submit {
  width: 100%;
  margin-block-start: var(--space-2xs);
  padding: var(--space-s) var(--space-l);
  border: 2px solid var(--brand);
  border-radius: 0;
  background: var(--brand);
  color: var(--white);
  font-family: var(--ffont);
  font-size: var(--step--1);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);
}
body .kontakt input.kontakt__submit:hover, body .kontakt input.kontakt__submit:focus-visible {
  background: var(--brand-strong);
  border-color: var(--brand-strong);
}
@media (min-width: 62rem) {
  body .kontakt .kontakt__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    column-gap: var(--space-3xl);
    row-gap: var(--space-3xl);
  }
}

body .problem {
  overflow: hidden;
  padding-block: calc(var(--tear-h) + var(--space-xl)) var(--section-y);
  --tear-plate: var(--primary-950);
}
body .problem > .problem__inner {
  display: grid;
  gap: var(--space-xl);
  align-items: center;
}
body .problem > .problem__inner > * {
  min-width: 0;
  margin-block: 0;
}
@media (min-width: 62rem) {
  body .problem > .problem__inner {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    column-gap: var(--space-2xl);
  }
}
body .problem .problem__wideo {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--ink-900);
}
body .problem__tresc {
  display: grid;
  gap: var(--space-m);
}
body .problem__tresc > * {
  margin-block: 0;
}
body .problem__kicker::before {
  content: "/ ";
}
body .problem__tytul {
  max-width: 26ch;
}
body .problem__kolumny {
  display: grid;
  gap: var(--space-l);
  margin-top: var(--space-2xs);
}
body .problem__kolumny > * {
  margin-block: 0;
}
@media (min-width: 48rem) {
  body .problem__kolumny {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
body .problem__blok {
  display: grid;
  gap: var(--space-xs);
  align-content: start;
  padding-inline-start: var(--space-s);
  border-inline-start: 2px solid var(--line-strong);
}
body .problem__blok > * {
  margin-block: 0;
}
body .problem__blok .problem__kicker::before {
  content: none;
}
body .problem .problem__blok:nth-child(1) .problem__kicker::before {
  content: "01 / ";
}
body .problem .problem__blok:nth-child(2) .problem__kicker::before {
  content: "02 / ";
}
body .problem__tekst {
  line-height: var(--leading-normal);
  color: var(--fg-muted);
}
body .problem__blok--odpowiedz {
  border-inline-start-color: var(--brand);
}
body .problem__blok--odpowiedz .problem__tekst {
  color: var(--fg);
}
body .problem__akcje {
  margin-top: var(--space-s);
}

body .wedding-vibe {
  padding-block: calc(var(--tear-h) + var(--space-xl)) var(--section-y);
}
body .wedding-vibe__inner {
  display: grid;
  gap: var(--space-xl);
}
body .wedding-vibe__inner > * {
  margin-block: 0;
  min-width: 0;
}
body .wedding-vibe__stage {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
body .wedding-vibe__stage > * {
  margin-block: 0;
  min-width: 0;
}
body .wedding-vibe__title {
  position: relative;
  z-index: 2;
  grid-column: 1/10;
  grid-row: 1;
  align-self: start;
  pointer-events: none;
}
body .wedding-vibe__title em {
  display: table;
  padding: var(--space-2xs) var(--space-s) var(--space-xs) 0;
  background: var(--bg);
}
body .wedding-vibe__film {
  grid-column: 3/-1;
  grid-row: 1;
  margin-top: var(--space-2xl);
  position: relative;
  border-bottom: var(--space-2xs) solid var(--brand);
}
body .wedding-vibe__film > * {
  margin-block: 0;
}
body .wedding-vibe .wideo__player {
  height: auto;
}
body .wedding-vibe .wideo__player img {
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  filter: none;
}
body .wedding-vibe .wideo__player:hover img {
  transform: none;
  filter: brightness(1.08);
}
body .wedding-vibe .wideo__player figcaption {
  width: 100%;
  justify-content: flex-end;
  padding: var(--space-l);
  background: linear-gradient(transparent, rgb(var(--primary-950-rgb)/0.85));
}
body .wedding-vibe__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-xl);
}
body .wedding-vibe__summary > * {
  margin-block: 0;
  min-width: 0;
}
body .wedding-vibe__summary .lead {
  max-width: var(--container-text);
}
body .wedding-vibe__summary .wp-block-buttons {
  flex: none;
}
body .wedding-vibe__summary .wp-block-button__link {
  white-space: nowrap;
}
body .wedding-vibe__timeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body .wedding-vibe__timeline > * {
  margin-block: 0;
  min-width: 0;
}
body .wedding-vibe__moment {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-xs);
  padding: var(--space-l) var(--space-l) 0 0;
  border-top: 1px solid var(--line-strong);
}
body .wedding-vibe__moment > * {
  margin-block: 0;
}
body .wedding-vibe__moment::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--space-3xs));
  left: 0;
  width: var(--space-2xs);
  height: var(--space-2xs);
  background: var(--brand);
}
body .wedding-vibe__number {
  color: var(--fg-muted);
}
body .wedding-video {
  width: min(var(--container), 100vw - var(--space-xl));
  max-width: none;
  max-height: calc(100dvh - var(--space-l));
  margin: auto;
  padding: var(--space-s);
  border: 1px solid var(--line-strong);
  background: var(--primary-950);
  color: var(--white);
  overflow: auto;
}
body .wedding-video::backdrop {
  background: rgb(var(--primary-950-rgb)/0.92);
}
body .wedding-video__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-s);
  padding-bottom: var(--space-s);
}
body .wedding-video__bar > * {
  margin: 0;
}
body .wedding-video__close {
  font: inherit;
  color: inherit;
  background: transparent;
  border: 1px solid var(--line-strong);
  padding: var(--space-xs) var(--space-s);
  cursor: pointer;
}
body .wedding-video__close:hover {
  background: var(--brand-quiet);
}
body .wedding-video__screen {
  position: relative;
  width: min(100%, (100dvh - var(--space-4xl)) * 16 / 9);
  aspect-ratio: 16/9;
  margin-inline: auto;
}
@media (max-width: 61.99rem) {
  body .wedding-vibe__title {
    grid-column: 1/-1;
  }
  body .wedding-vibe__film {
    grid-column: 2/-1;
  }
  body .wedding-vibe__summary {
    align-items: start;
    flex-direction: column;
    gap: var(--space-m);
  }
}
@media (max-width: 47.99rem) {
  body .wedding-vibe__inner {
    gap: var(--space-l);
  }
  body .wedding-vibe__stage {
    display: block;
  }
  body .wedding-vibe__title em {
    padding: 0;
  }
  body .wedding-vibe__film {
    margin-top: var(--space-m);
  }
  body .wedding-vibe .wideo__player figcaption {
    padding: var(--space-s);
    gap: var(--space-xs);
    --play-size: var(--space-xl);
  }
  body .wedding-vibe__timeline {
    grid-template-columns: 1fr;
  }
  body .wedding-vibe__moment {
    border-top: 0;
    border-left: 1px solid var(--line-strong);
    padding: 0 0 var(--space-l) var(--space-m);
  }
  body .wedding-vibe__moment::before {
    top: var(--space-2xs);
    left: calc(-1 * var(--space-3xs));
  }
  body .wedding-vibe__moment:last-child {
    padding-bottom: 0;
  }
  body .wedding-video {
    width: calc(100vw - var(--space-s));
    padding: var(--space-2xs);
  }
}

body .wspolpraca {
  --tear-plate: var(--primary-950);
  padding-block: calc(var(--tear-h) + var(--space-xl)) var(--section-y);
  overflow: hidden;
}
body .wspolpraca__inner {
  position: relative;
  display: grid;
  gap: var(--space-l);
}
body .wspolpraca__inner > * {
  min-width: 0;
  margin-block: 0;
}
body .wspolpraca__eyebrow::after {
  content: "";
  height: 1px;
  flex: 1;
  background: var(--line-strong);
  margin-left: var(--space-s);
}
body .wspolpraca__head {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: var(--space-xl);
  align-items: center;
}
body .wspolpraca__head > * {
  margin-block: 0;
  min-width: 0;
}
body .wspolpraca__title em {
  margin-top: var(--space-2xs);
}
body .wspolpraca__intro {
  display: grid;
  gap: var(--space-m);
}
body .wspolpraca__intro > * {
  margin-block: 0;
}
body .wspolpraca__intro .wp-block-button__link {
  white-space: nowrap;
}
body .wspolpraca__steps {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-l);
  counter-reset: etap;
  padding-block: var(--space-m) var(--space-l);
  border-bottom: 1px solid var(--line-strong);
}
body .wspolpraca__steps > * {
  margin-block: 0;
  min-width: 0;
}
body .wspolpraca__steps::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(-1 * var(--gutter));
  right: calc(-1 * var(--gutter));
  top: var(--space-m);
  height: min(26vw, 25rem);
  background: var(--brand);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 340' preserveAspectRatio='none'%3E%3Cpath d='M-20 180 C90 310 210 200 390 226 S480 335 640 283 S790 175 935 252 S1040 300 1030 264 S980 223 1020 285 S1200 239 1520 334' fill='none' stroke='black' stroke-width='7'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter: drop-shadow(0 var(--space-3xs) var(--space-3xs) var(--line-strong));
  pointer-events: none;
}
body .wspolpraca__step {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: var(--space-s);
  counter-increment: etap;
}
body .wspolpraca__step > * {
  margin-block: 0;
  min-width: 0;
}
body .wspolpraca__art {
  position: relative;
  display: grid;
  align-items: center;
  min-height: min(26vw, 25rem);
  padding: var(--space-m) var(--space-xs) var(--space-m) 25%;
}
body .wspolpraca__art > * {
  margin-block: 0;
  min-width: 0;
}
body .wspolpraca__art::before {
  content: counter(etap, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-text-stroke-color: var(--fg-invert-muted);
}
body .wspolpraca__photo {
  width: 100%;
  padding: var(--space-2xs) var(--space-2xs) var(--space-s);
  background: var(--bg-raised);
  box-shadow: var(--shadow-s);
  transform: rotate(-5deg);
}
body .wspolpraca__photo img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
}
body .wspolpraca__photo::after {
  content: "";
  position: absolute;
  width: var(--space-m);
  height: var(--space-xl);
  top: calc(-1 * var(--space-s));
  left: var(--space-m);
  background: var(--brand);
  opacity: 0.9;
  transform: rotate(8deg);
}
body .wspolpraca__photo--mono img {
  filter: grayscale(1);
}
body .wspolpraca__step:last-child .wspolpraca__photo {
  transform: rotate(5deg);
}
body .wspolpraca__calendar {
  position: relative;
  width: 100%;
  padding: var(--space-s);
  background: var(--bg);
  box-shadow: var(--shadow-s);
  transform: rotate(-4deg);
  border-top: var(--space-2xs) solid var(--brand);
}
body .wspolpraca__calendar > * {
  margin-block: 0;
}
body .wspolpraca__calendar .claim {
  margin-bottom: var(--space-s);
}
body .wspolpraca__dates {
  width: 100%;
}
body .wspolpraca__dates table {
  width: 100%;
  border-collapse: collapse;
}
body .wspolpraca__dates th, body .wspolpraca__dates td {
  padding: var(--space-2xs) 0;
  text-align: center;
  border: 1px solid var(--line-strong);
}
body .wspolpraca__dates strong {
  display: block;
  color: var(--white);
  background: var(--brand-quiet);
  border-radius: var(--radius-pill);
}
body .wspolpraca__dates figcaption {
  margin-top: var(--space-xs);
  color: var(--fg-muted);
}
@media (max-width: 61.99rem) {
  body .wspolpraca__head {
    grid-template-columns: 1fr;
    gap: var(--space-m);
  }
  body .wspolpraca__intro {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  body .wspolpraca__steps {
    gap: var(--space-m);
  }
  body .wspolpraca__art {
    padding-left: var(--space-m);
    min-height: 20rem;
  }
  body .wspolpraca__art::before {
    opacity: 0.45;
  }
  body .wspolpraca__steps::before {
    height: 20rem;
  }
  body .wspolpraca__calendar {
    padding: var(--space-xs);
  }
}
@media (max-width: 47.99rem) {
  body .wspolpraca__eyebrow::after {
    display: none;
  }
  body .wspolpraca__intro {
    grid-template-columns: 1fr;
  }
  body .wspolpraca__steps {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }
  body .wspolpraca__steps::before {
    display: none;
  }
  body .wspolpraca__step {
    display: grid;
    grid-row: auto;
    grid-template-rows: auto auto auto;
  }
  body .wspolpraca__art {
    min-height: 0;
    padding: var(--space-m) var(--space-m) var(--space-m) 25%;
  }
  body .wspolpraca__art::before {
    opacity: 1;
  }
  body .wspolpraca__art::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 50% 0 var(--space-m);
    border-bottom: var(--space-3xs) solid var(--brand);
    border-radius: 0 0 50% 45%;
  }
}

body .opinia-bilet {
  --tear-plate: var(--bg-invert);
  padding-block: calc(var(--tear-h) + var(--space-xl)) var(--section-y);
  overflow: hidden;
  background: var(--bg);
}
body .opinia-bilet__inner {
  display: grid;
  gap: var(--space-l);
}
body .opinia-bilet__inner > * {
  margin-block: 0;
  min-width: 0;
}
body .opinia-bilet__inner > .eyebrow {
  justify-content: center;
}
body .opinia-bilet__title {
  text-align: center;
}
body .opinia-bilet__title em {
  display: inline;
}
body .opinia-bilet__ticket {
  position: relative;
  isolation: isolate;
  margin-block: var(--space-l);
}
body .opinia-bilet__ticket > * {
  margin-block: 0;
}
body .opinia-bilet__ticket::before {
  content: "";
  position: absolute;
  inset: var(--space-xs) var(--space-2xs) calc(-1 * var(--space-xs));
  z-index: -1;
  background: var(--brand);
  transform: rotate(-2deg);
}
body .opinia-bilet__paper {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.65fr) minmax(0, 2.35fr);
  background: var(--bg);
  color: var(--fg);
  box-shadow: var(--shadow-s);
}
body .opinia-bilet__paper > * {
  min-width: 0;
  margin-block: 0;
}
body .opinia-bilet__paper::before, body .opinia-bilet__paper::after {
  content: "";
  position: absolute;
  width: var(--space-m);
  height: var(--space-m);
  top: calc(50% - var(--space-xs));
  background: var(--primary-950);
  border-radius: var(--radius-pill);
}
body .opinia-bilet__paper::before {
  left: calc(-1 * var(--space-xs));
}
body .opinia-bilet__paper::after {
  right: calc(-1 * var(--space-xs));
}
body .opinia-bilet__stub {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-l);
  padding: var(--space-xl) var(--space-l);
  border-right: var(--space-3xs) dotted var(--primary-950);
}
body .opinia-bilet__stub > * {
  margin: 0;
}
body .opinia-bilet__stub .claim {
  color: var(--brand-quiet);
}
body .opinia-bilet__stub::before {
  content: "";
  width: 100%;
  aspect-ratio: 1.3;
  background: var(--fg);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath d='M0 0H43V37C43 62 30 76 5 80V60C17 57 22 50 22 40H0ZM57 0H100V37C100 62 87 76 62 80V60C74 57 79 50 79 40H57Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
body .opinia-bilet__content {
  display: grid;
  gap: var(--space-l);
  padding: var(--space-xl);
}
body .opinia-bilet__content > * {
  margin-block: 0;
}
body .opinia-bilet .opinia-bilet__quote {
  border: 0;
  padding: 0;
  background: transparent;
}
body .opinia-bilet .opinia-bilet__quote > * {
  margin-block: 0;
}
body .opinia-bilet__author {
  display: grid;
  gap: var(--space-2xs);
}
body .opinia-bilet__author > * {
  margin-block: 0;
}
body .opinia-bilet__footer {
  display: flex;
  justify-content: center;
}
body .opinia-bilet__footer > * {
  margin-block: 0;
}
body .opinia-bilet__footer .wp-block-button__link {
  white-space: normal;
}
@media (max-width: 61.99rem) {
  body .opinia-bilet__stub {
    padding: var(--space-l) var(--space-m);
  }
  body .opinia-bilet__content {
    padding: var(--space-l);
  }
}
@media (max-width: 47.99rem) {
  body .opinia-bilet__inner {
    gap: var(--space-m);
  }
  body .opinia-bilet__inner > .eyebrow {
    justify-content: flex-start;
  }
  body .opinia-bilet__title {
    text-align: left;
  }
  body .opinia-bilet__title em {
    display: block;
  }
  body .opinia-bilet__paper {
    grid-template-columns: 1fr;
  }
  body .opinia-bilet__stub {
    flex-direction: row;
    align-items: center;
    justify-content: start;
    padding: var(--space-m);
    gap: var(--space-m);
    border-right: 0;
    border-bottom: var(--space-3xs) dotted var(--primary-950);
  }
  body .opinia-bilet__stub::before {
    width: var(--space-2xl);
    flex: none;
  }
  body .opinia-bilet__content {
    padding: var(--space-l) var(--space-m);
  }
  body .opinia-bilet__quote .claim {
    overflow-wrap: anywhere;
  }
  body .opinia-bilet__footer {
    justify-content: flex-start;
  }
}

body .opinia-bilet > .opinia-bilet__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
}
body .opinia-bilet > .opinia-bilet__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .opinia-bilet > .opinia-bilet__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--primary-950), transparent var(--space-4xl), transparent calc(100% - var(--space-4xl)), var(--primary-950));
}
body .opinia-bilet__inner {
  position: relative;
  z-index: 1;
}
body .opinia-bilet__more {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-l);
}
body .opinia-bilet__more > * {
  min-width: 0;
  margin-block: 0;
}
body .opinia-bilet__review {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-l);
  padding: var(--space-l);
  border-top: var(--space-3xs) solid var(--brand);
}
body .opinia-bilet__review > * {
  margin-block: 0;
}
body .opinia-bilet .opinia-bilet__review-quote {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
body .opinia-bilet .opinia-bilet__review-quote > * {
  margin-block: 0;
  color: var(--fg);
}
body .opinia-bilet__review-author {
  display: grid;
  gap: var(--space-xs);
  padding-top: var(--space-m);
  border-top: 2px dotted var(--line-strong);
}
body .opinia-bilet__review-author > * {
  margin-block: 0;
}
body .opinia-bilet__review-author .opinia__glowka > * {
  margin-block: 0;
  color: var(--fg-muted);
}
body .opinia-bilet__review-author .kicker::before {
  content: none;
}
body .opinia-bilet__footer {
  margin-top: var(--space-m);
}
@media (max-width: 47.99rem) {
  body .opinia-bilet__more {
    grid-template-columns: 1fr;
    gap: var(--space-m);
  }
  body .opinia-bilet__review {
    padding: var(--space-m);
  }
}

body .faq-set {
  --tear-plate: var(--primary-950);
  background: var(--bg);
  padding-block: calc(var(--tear-h) + var(--space-xl)) var(--section-y);
}
body .faq-set__inner {
  display: grid;
  gap: var(--space-xl);
}
body .faq-set__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: var(--space-xl);
}
body .faq-set__heading, body .faq-set__contact {
  display: grid;
  gap: var(--space-m);
}
body .faq-set__heading > *, body .faq-set__contact > * {
  margin-block: 0;
}
body .faq-set__contact {
  flex-shrink: 0;
  padding-bottom: var(--space-xs);
}
body .faq-set__list {
  border-top: 1px solid var(--fg);
}
body .faq-set__item {
  position: relative;
  margin: 0;
  border-bottom: 1px solid var(--line-strong);
  padding: var(--space-m) var(--space-l);
}
body .faq-set__item > summary {
  display: grid;
  grid-template-columns: var(--space-4xl) minmax(0, 1fr) var(--space-xl);
  align-items: center;
  gap: var(--space-l);
  list-style: none;
  cursor: pointer;
}
body .faq-set__item > summary::-webkit-details-marker {
  display: none;
}
body .faq-set__item > summary::after {
  content: "";
  width: var(--space-xl);
  height: var(--space-xl);
  border: 1px solid currentColor;
  border-radius: var(--radius-pill);
  background: linear-gradient(currentColor, currentColor) center/var(--space-s) 2px no-repeat, linear-gradient(currentColor, currentColor) center/2px var(--space-s) no-repeat;
}
body .faq-set__item > summary:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: var(--space-2xs);
}
body .faq-set__item > summary:hover {
  color: var(--brand);
}
body .faq-set__item[open] {
  background: var(--primary-950);
  color: var(--surface-100);
  border-left: var(--space-3xs) solid var(--brand);
}
body .faq-set__item[open] > summary::after {
  color: var(--surface-100);
  border-color: var(--brand);
  background: linear-gradient(currentColor, currentColor) center/var(--space-s) 2px no-repeat, var(--brand);
}
body .faq-set__number {
  color: transparent;
  -webkit-text-stroke: 1px var(--primary-950);
}
body .faq-set__item[open] .faq-set__number {
  -webkit-text-stroke-color: var(--surface-100);
}
body .faq-set__answer {
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  max-width: 65ch;
  color: inherit;
  margin: var(--space-s) calc(var(--space-xl) + var(--space-l)) var(--space-m) calc(var(--space-4xl) + var(--space-l));
}
body .faq-set + .kontakt {
  --tear-plate: var(--surface-100);
}
@media (max-width: 61.99rem) {
  body .faq-set__header {
    align-items: start;
    flex-direction: column;
    gap: var(--space-l);
  }
}
@media (max-width: 47.99rem) {
  body .faq-set__inner {
    gap: var(--space-l);
  }
  body .faq-set__item {
    padding: var(--space-m) var(--space-xs);
  }
  body .faq-set__item > summary {
    grid-template-columns: var(--space-xl) minmax(0, 1fr) var(--space-l);
    gap: var(--space-xs);
  }
  body .faq-set__item > summary::after {
    width: var(--space-l);
    height: var(--space-l);
  }
  body .faq-set__answer {
    margin: var(--space-m) 0 var(--space-s);
  }
}

body .wspolpraca + .faq-set {
  padding-block-start: var(--space-xl);
}
body .wspolpraca + .faq-set .faq-set__inner {
  padding-top: var(--space-xl);
  border-top: 1px solid var(--line-strong);
}

body .site-header .nav .wp-block-navigation__submenu-container {
  min-width: calc(var(--space-4xl) * 2.5);
  padding: var(--space-s);
  background: var(--bg);
  border: 1px solid var(--line-strong);
  border-bottom: var(--space-3xs) solid var(--brand);
  box-shadow: var(--shadow-m);
}
body .site-header .nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: var(--space-s);
  line-height: var(--leading-mid);
}
body .site-header .nav .wp-block-navigation__submenu-icon {
  margin-left: var(--space-2xs);
}
body .site-header .nav .is-menu-open .wp-block-navigation__submenu-container {
  min-width: 0;
  width: 100%;
  padding: 0 0 var(--space-s) var(--space-l);
  border: 0;
  box-shadow: none;
}
body .site-header .nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
  border: 0;
  counter-increment: none;
  animation: none;
}
body .site-header .nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: var(--space-s) 0;
}

@media (max-width: 47.99rem) {
  body:is(.page-id-151, .page-id-152, .page-id-153) .kontakt .kontakt__bg {
    opacity: 0.5;
  }
  body:is(.page-id-151, .page-id-152, .page-id-153) .kontakt .kontakt__bg img {
    object-fit: contain;
    object-position: right top;
  }
}

body .privacy-content.prose {
  padding-block: var(--space-2xl) var(--space-3xl);
  background: var(--bg);
  color: var(--fg);
}
body .privacy-content.prose > * {
  min-width: 0;
  margin-block: 0;
}
body .privacy-content.prose > .wp-block-heading {
  color: var(--fg);
  padding-top: var(--space-l);
  border-top: 1px solid var(--line-strong);
  margin-top: var(--space-xl);
  line-height: var(--leading-mid);
}
body .privacy-content.prose > .wp-block-heading:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
body .privacy-content.prose > p {
  margin-top: var(--space-s);
  line-height: var(--leading-copy);
}
body .privacy-content.prose a {
  color: var(--brand-strong);
  overflow-wrap: anywhere;
  text-underline-offset: var(--space-3xs);
}
body .privacy-content.prose a:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: var(--space-3xs);
}
body .privacy-content.prose > .wp-block-spacer {
  display: none;
}
body:has(.privacy-content) .page-head > .container {
  max-width: calc(var(--layout-narrow) + var(--gutter) * 2);
}
body:has(.privacy-content) .page-head__title {
  max-width: none;
}
body:has(.privacy-content) .page-head__lead {
  max-width: none;
  color: var(--fg-muted);
}
@media (max-width: 47.99rem) {
  body .privacy-content.prose {
    padding-block: var(--space-xl) var(--space-2xl);
  }
  body .privacy-content.prose > .wp-block-heading {
    margin-top: var(--space-l);
    padding-top: var(--space-m);
  }
  body .privacy-content.prose > .wp-block-heading:first-child {
    margin-top: 0;
    padding-top: 0;
  }
}

body .site-header .nav .nav__mobile-toggle {
  display: none;
}
body .site-header .nav .is-menu-open .wp-block-navigation-item.has-child {
  position: relative;
}
body .site-header .nav .is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-submenu__toggle {
  display: none;
}
body .site-header .nav .is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
  padding-right: var(--space-2xl);
}
body .site-header .nav .is-menu-open .nav__mobile-toggle {
  position: absolute;
  right: 0;
  top: var(--space-s);
  display: grid;
  place-items: center;
  width: var(--space-xl);
  height: var(--space-xl);
  padding: var(--space-s);
  border: 1px solid var(--line-strong);
  background: transparent;
  color: var(--fg);
  cursor: pointer;
}
body .site-header .nav .is-menu-open .nav__mobile-toggle svg {
  display: none;
}
body .site-header .nav .is-menu-open .nav__mobile-toggle::after {
  content: "";
  width: var(--space-2xs);
  height: var(--space-2xs);
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
body .site-header .nav .is-menu-open .nav__mobile-toggle[aria-expanded=true]::after {
  transform: rotate(225deg);
}
body .site-header .nav .is-menu-open .nav__mobile-toggle:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: var(--space-3xs);
}
body .site-header .nav .is-menu-open .wp-block-navigation-item.has-child:not(.is-mobile-submenu-open) > .wp-block-navigation__submenu-container {
  display: none;
}
body .site-header .nav .is-menu-open .wp-block-navigation-item.has-child.is-mobile-submenu-open > .wp-block-navigation__submenu-container {
  display: flex;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
  color: var(--fg);
  font-family: var(--sfont);
  font-size: var(--step-0);
  line-height: var(--leading-normal);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
body img,
body picture,
body svg,
body video,
body canvas {
  display: block;
  max-width: 100%;
}
body img,
body video {
  height: auto;
}
body a {
  color: inherit;
  text-decoration: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}
body p,
body li,
body figcaption {
  text-wrap: pretty;
}
body ol {
  list-style-type: auto;
  padding-left: 15px;
  margin: 15px 0;
}
body ul {
  padding-left: 15px;
  list-style-type: disc;
  margin: 15px 0;
}
body ul[role=list],
body ol[role=list] {
  list-style: none;
  padding: 0;
}
body table {
  width: 100%;
}
body strong,
body b {
  font-weight: 700;
}
body ::selection {
  background: var(--accent-300);
  color: var(--primary-950);
}
body :focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
  border-radius: var(--radius-xs);
}
body .on-dark :focus-visible {
  outline-color: var(--accent-300);
}

body > main {
  flex: 1 0 auto;
  padding-top: calc(var(--header-h) + var(--space-2xl));
  padding-bottom: var(--space-3xl);
}

body > main:has(> .tb-block:first-child),
body > main:has(> .page-head:first-child),
body > main.main:has(> section:first-child) {
  padding-block: 0;
}

body > .site-footer {
  flex: 0 0 auto;
}