@font-face { font-family: "Sora"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("fonty/sora-latin-ext.woff2") format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("fonty/sora-latin.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
--biel: #fff; --krem: #fffbf7; --krem-2: #f8efe8;
--sliwka: #170b14; --sliwka-2: #231019; --sliwka-3: #33182a;
--tekst: #1b1117; --tekst-2: #594c55; --tekst-3: #736670; --tekst-jasny: #fff7f3; --tekst-jasny-2: #e2d3da;
--czerwien: #e1263c; --czerwien-ciemna: #b81b30; --pomarancz: #ff7a1a; --fiolet: #6e2bc4; --fiolet-ciemny: #5a22a3;
--gradient: linear-gradient(90deg, #ff8a00, #e1263c 50%, #6e2bc4);
--gradient-tekst: linear-gradient(90deg, #c2410c, #e1263c 48%, #6e2bc4);
--gradient-jasny: linear-gradient(90deg, #ffb46b, #ff8d9b 50%, #cdb0ff);
--linia: rgba(27, 17, 23, .12); --linia-mocna: rgba(27, 17, 23, .32); --linia-jasna: rgba(255, 247, 243, .2);
--font: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-display: var(--font);
--bok: clamp(16px, 3.2vw, 56px); --szer: min(1760px, 100% - 2 * var(--bok)); --odstep: clamp(16px, 2vw, 32px);
--max: 1760px; --max-szeroki: 1760px;
--sekcja: clamp(72px, 8.5vw, 128px); --sekcja-ciasna: clamp(48px, 6vw, 84px);
--display: clamp(2.6rem, 6.75vw, 7.5rem);
--h1: clamp(2.25rem, .9rem + 4.8vw, 6.4rem); --h2: clamp(1.95rem, .9rem + 3.6vw, 5.25rem);
--h3: clamp(1.45rem, 1.05rem + 1.4vw, 2.45rem); --h4: clamp(1.15rem, 1.06rem + .4vw, 1.4rem);
--naglowek-h: 72px;
--wyjscie: cubic-bezier(.16, 1, .3, 1); --sprezyna: cubic-bezier(.34, 1.36, .64, 1);
color-scheme: light;
}
@media (min-width: 1200px) { :root { --naglowek-h: 84px; } }
*, *::before, *::after { box-sizing: border-box; border-radius: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--naglowek-h) + 16px); }
body { margin: 0; background: var(--biel); color: var(--tekst); font: 400 18px/1.6 var(--font); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg, video { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; font-weight: 600; line-height: 1.1; text-wrap: balance; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--fiolet); outline-offset: 3px; }
.hero :focus-visible, .pasmo :focus-visible, .pas-cta :focus-visible, .stopka :focus-visible, .profil-hero :focus-visible, .blad :focus-visible,
.naglowek:not(.naglowek--tlo) :focus-visible { outline-color: #fff; }
::selection { background: var(--czerwien); color: #fff; }
main:focus { outline: none; }
.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.ikona { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: miter; }
.ikona--lewo { transform: scaleX(-1); }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pomin { position: fixed; top: 10px; left: 10px; z-index: 200; padding: 12px 18px; background: var(--biel); color: var(--tekst); font: 600 16px/1 var(--font); transform: translateY(-160%); transition: transform .3s; }
.pomin:focus { transform: none; }
.h1, .h2, .h3, .display { font-family: var(--font); font-weight: 800; letter-spacing: -.045em; }
.h1, .h2, .h3 { overflow-wrap: break-word; }
.display { font-size: var(--display); line-height: .9; letter-spacing: -.055em; }
.h1 { font-size: var(--h1); line-height: .92; }
.h2 { font-size: var(--h2); line-height: .95; letter-spacing: -.05em; }
.h3 { font-size: var(--h3); line-height: 1.02; letter-spacing: -.035em; }
.h4 { font: 700 var(--h4)/1.3 var(--font); letter-spacing: -.015em; }
.h1 em, .h2 em, .h3 em, .display em, .akcent { font-style: normal; font-weight: 400; background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent;
-webkit-box-decoration-break: clone; box-decoration-break: clone; padding-right: .04em; }
.pasmo em, .hero em, .pas-cta em, .profil-hero em, .blad em, .stopka em { background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.tekst-duzy { max-width: 60ch; font-size: clamp(1.1rem, 1.02rem + .35vw, 1.35rem); line-height: 1.6; color: var(--tekst-2); }
.pas-cta .tekst-duzy, .pasmo .tekst-duzy { color: var(--tekst-jasny-2); }
mark.placeholder, .placeholder { background: rgba(225, 38, 60, .08); color: var(--czerwien-ciemna); font-weight: 600; padding: 0 .3em; }
.kontener, .kontener--szeroki { width: var(--szer); margin-inline: auto; }
.kontener--waski { max-width: 820px; }
.siatka-12 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--odstep); row-gap: clamp(28px, 4vw, 56px); }
.siatka-12 > * { grid-column: 1 / -1; min-width: 0; }
@media (min-width: 960px) {
.k-1-4 { grid-column: 1 / span 4 !important; } .k-1-5 { grid-column: 1 / span 5 !important; } .k-1-6 { grid-column: 1 / span 6 !important; }
.k-1-7 { grid-column: 1 / span 7 !important; } .k-1-8 { grid-column: 1 / span 8 !important; } .k-2-10 { grid-column: 2 / span 10 !important; }
.k-5-8 { grid-column: 5 / span 8 !important; } .k-6-7 { grid-column: 6 / span 7 !important; } .k-7-6 { grid-column: 7 / span 6 !important; }
.k-8-5 { grid-column: 8 / span 5 !important; } .k-9-4 { grid-column: 9 / span 4 !important; }
}
.sekcja { position: relative; padding-block: var(--sekcja); background: var(--biel); }
.sekcja--krem { background: var(--krem); }
.sekcja--ciasna { padding-block: var(--sekcja-ciasna); }
.sekcja + .sekcja:not(.sekcja--krem):not(.pas-cta) { border-top: 1px solid var(--linia); }
.sekcja__gora { display: grid; gap: 20px; margin-bottom: clamp(32px, 4vw, 56px); }
.sekcja__gora > :last-child:not(:first-child) { align-self: end; }
.sekcja__gora > .link-strzalka { justify-self: start; }
.sekcja__lead { max-width: 56ch; margin: 26px 0 0; font-size: clamp(1.05rem, 1rem + .35vw, 1.3rem); color: var(--tekst-2); }
@media (min-width: 900px) { .sekcja__gora { grid-template-columns: 1fr auto; align-items: end; column-gap: 48px; } .sekcja__gora > .link-strzalka { justify-self: end; } }
.dwie-kolumny { display: grid; gap: clamp(40px, 6vw, 96px); align-items: start; }
.dwie-kolumny--srodek { align-items: center; }
.dwie-kolumny > * { min-width: 0; }
@media (min-width: 960px) { .dwie-kolumny { grid-template-columns: 1fr 1fr; } .dwie-kolumny--5-7 { grid-template-columns: 5fr 7fr; } }
.wiersz { display: grid; gap: clamp(28px, 5vw, 80px); align-items: center; }
.wiersz + .wiersz { margin-top: clamp(48px, 6vw, 96px); }
.wiersz > * { min-width: 0; }
.wiersz__foto { margin: 0; }
.wiersz__foto img, .wiersz__foto .wideo { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: var(--krem-2); }
.wiersz__foto--pion img { aspect-ratio: 4 / 5; }
.wiersz__tekst > .h3, .wiersz__tekst > .h2 { margin-bottom: 18px; }
.wiersz__tekst > .h2 { font-size: clamp(1.6rem, 1.1rem + 1.5vw, 2.4rem); }
.wiersz__tekst p { max-width: 52ch; color: var(--tekst-2); }
@media (min-width: 900px) {
.wiersz { grid-template-columns: 7fr 5fr; }
.wiersz--odwrocony { grid-template-columns: 5fr 7fr; }
.wiersz--odwrocony > .wiersz__foto { order: 2; }
}
figcaption, .podpis { margin-top: 12px; font: 400 14px/1.45 var(--font); color: var(--tekst-3); }
.pelne-foto { margin: 0; }
.pelne-foto img { width: 100%; height: clamp(300px, 52vw, 720px); object-fit: cover; }
.pelne-foto figcaption { width: min(var(--max), 100% - 2 * var(--bok)); margin-inline: auto; }
.przycisk { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 26px;
border: 1.5px solid currentColor; background: none; font: 600 16px/1.2 var(--font); letter-spacing: 0; white-space: nowrap; cursor: pointer;
transition: background-color .25s, color .25s, border-color .25s; }
.przycisk .ikona { transition: transform .35s var(--wyjscie); }
.przycisk:hover .ikona { transform: translateX(4px); }
.przycisk--pelny { border-color: var(--czerwien); background: var(--czerwien); color: #fff; }
.przycisk--pelny:hover { border-color: var(--czerwien-ciemna); background: var(--czerwien-ciemna); }
.przycisk--obrys { border-color: var(--tekst); color: var(--tekst); }
.przycisk--obrys:hover { background: var(--tekst); color: #fff; }
.przycisk--jasny { border-color: #fff; color: #fff; }
.przycisk--jasny:hover { background: #fff; color: var(--sliwka); }
.przycisk--bialy { border-color: #fff; background: #fff; color: var(--czerwien-ciemna); }
.przycisk--bialy:hover { border-color: var(--sliwka); background: var(--sliwka); color: #fff; }
.przycisk--szklo { border-color: rgba(255, 255, 255, .6); background: rgba(23, 11, 20, .3); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.przycisk--szklo:hover { background: #fff; border-color: #fff; color: var(--sliwka); }
.przycisk--duzy { min-height: 60px; padding: 18px 32px; font-size: 17px; }
.przycisk--maly { min-height: 44px; padding: 10px 18px; font-size: 15px; }
.przyciski { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
@media (max-width: 400px) { .przycisk { white-space: normal; text-align: center; } .przycisk--duzy { padding-inline: 20px; font-size: 16px; } }
.link-strzalka { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 0 0 5px; border: 0; background: var(--gradient) no-repeat 0 100% / 100% 2px;
font: 600 16px/1.3 var(--font); color: var(--fiolet); cursor: pointer; transition: background-size .3s var(--wyjscie); }
.link-strzalka .ikona { transition: transform .35s var(--wyjscie); }
.link-strzalka:hover { background-size: 100% 3px; }
.link-strzalka:hover .ikona { transform: translateX(4px); }
.pas-cta .link-strzalka, .pasmo .link-strzalka { color: #fff; }
.ikona-przycisk { display: inline-grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1.5px solid currentColor; background: none; color: inherit; }
.ikona-przycisk .ikona { width: 22px; height: 22px; }
.przypis { margin: 28px 0 0; max-width: 60ch; font-size: 15px; color: var(--tekst-3); }
.pusto { max-width: 60ch; padding: 24px 0; border-top: 1px solid var(--linia); border-bottom: 1px solid var(--linia); color: var(--tekst-2); }
.uwaga-robocza { max-width: 60ch; margin: 0 0 32px; padding-left: 18px; border-left: 3px solid var(--pomarancz); color: var(--tekst-2); font-size: 16px; }
.liczba-duza { display: inline-block; max-width: 100%; padding-right: .06em; font: 800 clamp(2rem, .75rem + 3.45vw, 4.9rem)/.95 var(--font); letter-spacing: -.055em; font-variant-numeric: tabular-nums;
background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lista-linie { list-style: none; border-top: 1px solid var(--linia); }
.lista-linie > li { padding: 20px 0; border-bottom: 1px solid var(--linia); }
.lista-linie b, .lista-linie strong { display: block; font-weight: 600; color: var(--tekst); }
.lista-linie span { color: var(--tekst-2); }
.naglowek { position: fixed; inset: 0 0 auto; z-index: 90; height: var(--naglowek-h); color: #fff; background: transparent; transition: background-color .3s, color .3s, box-shadow .3s; }
.naglowek--tlo { background: var(--biel); color: var(--tekst); box-shadow: 0 1px 0 var(--linia); }
.naglowek__w { display: flex; align-items: center; gap: 20px; height: 100%; width: min(var(--max-szeroki), 100% - 2 * var(--bok)); margin-inline: auto; }
.logo { display: inline-flex; flex-direction: column; gap: 3px; flex: none; }
.logo img { width: clamp(128px, 11vw, 160px); height: auto; transition: filter .3s; }
.naglowek--tlo .logo img, .menu-mobilne .logo img { filter: brightness(0); }
.logo__cmo { font: 700 10px/1 var(--font); letter-spacing: .3em; color: inherit; }
.naglowek--tlo .logo__cmo, .menu-mobilne .logo__cmo { color: var(--czerwien-ciemna); }
.menu { display: none; margin-left: auto; }
.menu > ul { display: flex; gap: 6px; list-style: none; }
.menu__el { position: relative; }
.menu__el > a, .menu__el > button { position: relative; display: inline-flex; align-items: center; gap: 7px; padding: 14px 14px; border: 0; background: none;
font: 500 16px/1 var(--font); color: inherit; }
.menu__el > a::after, .menu__el > button::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 2px; background: var(--gradient);
transform: scaleX(0); transform-origin: left; transition: transform .3s var(--wyjscie); }
.menu__el > a:hover::after, .menu__el > button:hover::after, .menu__el > a[aria-current]::after, .menu__el--aktywny > button::after,
.menu__el > button[aria-expanded="true"]::after { transform: none; }
.menu__daszek { width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .3s; }
.menu__pod { position: absolute; top: calc(100% + 6px); left: 0; min-width: 250px; padding: 8px 0; list-style: none; border: 1px solid var(--linia); background: var(--biel);
color: var(--tekst); box-shadow: 0 24px 48px -28px rgba(23, 11, 20, .35); opacity: 0; visibility: hidden; transform: translateY(-4px);
transition: opacity .2s, transform .25s var(--wyjscie), visibility .2s; }
.menu__pod a { display: block; padding: 12px 20px; font: 500 16px/1.3 var(--font); }
.menu__pod a:hover, .menu__pod a:focus-visible { background: var(--krem); color: var(--czerwien-ciemna); }
.menu__el--grupa > [aria-expanded="true"] + .menu__pod, .menu__el--grupa:focus-within > .menu__pod { opacity: 1; visibility: visible; transform: none; }
.menu__el--grupa > [aria-expanded="true"] .menu__daszek { transform: rotate(225deg); margin-top: 3px; }
@media (hover: hover) { .menu__el--grupa:hover > .menu__pod { opacity: 1; visibility: visible; transform: none; } }
.naglowek__prawa { display: flex; align-items: center; gap: 18px; margin-left: auto; }
.menu + .naglowek__prawa { margin-left: 10px; }
.jezyki { display: flex; gap: 12px; font: 600 15px/1 var(--font); }
.jezyki a { padding: 6px 0; opacity: .72; border-bottom: 2px solid transparent; }
.jezyki a:hover { opacity: 1; }
.jezyki a[aria-current] { opacity: 1; border-bottom-color: currentColor; }
.naglowek__konto { display: none; align-items: center; gap: 8px; font: 500 16px/1 var(--font); }
.naglowek__cta { display: none; min-height: 48px; padding: 12px 22px; font-size: 16px; }
@media (min-width: 560px) { .naglowek__cta { display: inline-flex; } }
@media (min-width: 1200px) {
.menu { display: block; }
.naglowek__burger { display: none; }
.naglowek__konto { display: inline-flex; }
}
@media (min-width: 1200px) and (max-width: 1439px) { .naglowek__konto span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .menu__el > a, .menu__el > button { padding-inline: 11px; } .menu__el > a::after, .menu__el > button::after { left: 11px; right: 11px; } }
.menu-mobilne { position: fixed; inset: 0; z-index: 120; display: flex; flex-direction: column; gap: 28px; padding: 16px var(--bok) 28px; overflow-y: auto; background: var(--biel); color: var(--tekst);
opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
.menu-mobilne[data-otwarte] { opacity: 1; visibility: visible; }
.menu-mobilne__gora { display: flex; align-items: center; justify-content: space-between; min-height: 48px; }
.menu-mobilne__lista { display: grid; gap: 22px; list-style: none; }
.menu-mobilne__lista ul { list-style: none; display: grid; margin-top: 8px; border-top: 1px solid var(--linia); }
.menu-mobilne__lista ul a { display: block; padding: 12px 0; border-bottom: 1px solid var(--linia); font: 500 18px/1.3 var(--font); }
.menu-mobilne__grupa { margin: 0; font: 600 14px/1.2 var(--font); color: var(--tekst-3); }
.menu-mobilne__glowny { display: block; font: 600 22px/1.25 var(--font); }
.menu-mobilne__dol { display: grid; gap: 10px; margin-top: auto; }
.menu-mobilne__dol .przycisk { width: 100%; }
.zaslona { position: fixed; inset: 0; z-index: 110; background: rgba(23, 11, 20, .5); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.zaslona.jest { opacity: 1; visibility: visible; }
.zablokuj-przewijanie { overflow: hidden; }
.stopka { position: relative; overflow: hidden; isolation: isolate; color: #fff; border-top: 1px solid rgba(255, 255, 255, .45);
background: radial-gradient(30% 22% at 100% 100%, rgba(255, 122, 26, .92), rgba(255, 122, 26, 0) 72%),
radial-gradient(34% 46% at 0% 0%, rgba(110, 43, 196, .4), rgba(110, 43, 196, 0) 72%),
linear-gradient(115deg, #3b0612 0%, #6f0d20 34%, #a2182c 70%, #c21f34 100%); }
.stopka::before { content: "EXS"; position: absolute; right: -.04em; bottom: -.16em; z-index: -1; font: 800 clamp(8rem, 22vw, 22rem)/1 var(--font); letter-spacing: -.06em;
color: #fff; opacity: .08; pointer-events: none; }
.stopka::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: rgba(255, 255, 255, .45); }
.stopka a:not(.przycisk) { color: #fff; }
.stopka .przycisk--bialy { color: var(--czerwien-ciemna); }
.stopka .przycisk--bialy:hover { color: #fff; }
.stopka__claim { padding-top: clamp(64px, 8vw, 120px); }
.stopka__gora { display: grid; gap: 44px; padding-block: clamp(48px, 6vw, 88px) clamp(40px, 5vw, 64px); }
.stopka__marka { display: grid; align-content: start; gap: 18px; }
.stopka__marka .logo img { width: clamp(150px, 14vw, 190px); }
.stopka__kiedy { margin: 0; font: 600 17px/1.5 var(--font); }
.stopka__kiedy span { display: block; font-weight: 400; }
.stopka__cta { justify-self: start; }
.stopka__tag { margin: 0; font: 700 17px/1 var(--font); letter-spacing: .02em; }
.stopka__kolumny { display: grid; column-gap: 32px; }
.stopka__kol summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0 14px; border-bottom: 1px solid rgba(255, 255, 255, .5);
font: 600 14px/1.2 var(--font); letter-spacing: .08em; text-transform: uppercase; list-style: none; cursor: pointer; }
.stopka__kol summary::-webkit-details-marker { display: none; }
.stopka__kol summary::after { content: ""; width: 12px; height: 12px; flex: none;
background: linear-gradient(#fff, #fff) center / 100% 1.5px no-repeat, linear-gradient(#fff, #fff) center / 1.5px 100% no-repeat; }
.stopka__kol[open] summary::after { background-size: 100% 1.5px, 1.5px 0; }
.stopka__kol ul { display: grid; gap: 11px; padding: 18px 0 26px; list-style: none; }
.stopka__kol a, .stopka__kol span { font: 400 15.5px/1.4 var(--font); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: text-decoration-color .2s; }
.stopka__kol a:hover { text-decoration-color: #fff; }
.stopka__kol small { display: block; font-size: 13.5px; opacity: .92; }
.stopka__newsletter { display: grid; gap: 18px 48px; align-items: center; padding-block: 34px 44px; border-top: 1px solid rgba(255, 255, 255, .45); }
.stopka__newsletter h2 { font: 600 clamp(1.25rem, 1.1rem + .6vw, 1.6rem)/1.25 var(--font); }
.stopka__newsletter p { margin: 6px 0 0; font-size: 16px; }
.stopka__dol { position: relative; border-top: 1px solid rgba(255, 255, 255, .45); background: rgba(23, 11, 20, .5); }
.stopka__dol .kontener { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; padding-block: 18px; font-size: 14.5px; }
.stopka__dol p { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; }
.stopka__zgody { padding: 0; border: 0; background: none; color: #fff; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.stopka__social { display: flex; gap: 8px; }
.stopka__social a { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, .6); transition: background-color .2s, color .2s; }
.stopka__social a:hover { background: #fff; color: var(--czerwien-ciemna); }
.stopka__social .ikona { width: 18px; height: 18px; }
@media (max-width: 559px) { .stopka__cta { justify-self: stretch; } }
@media (min-width: 700px) { .stopka__kolumny { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) {
.stopka__gora { grid-template-columns: 4fr 8fr; column-gap: 56px; }
.stopka__kolumny { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); column-gap: 24px; }
.stopka__kol summary { cursor: default; pointer-events: none; }
.stopka__kol summary::after { display: none; }
.stopka__newsletter { grid-template-columns: 5fr 7fr; }
}
@media (max-width: 999px) { .stopka { background: radial-gradient(90% 16% at 100% 100%, rgba(255, 122, 26, .9), rgba(255, 122, 26, 0) 75%),
radial-gradient(60% 20% at 0% 0%, rgba(110, 43, 196, .4), rgba(110, 43, 196, 0) 72%), linear-gradient(170deg, #3b0612 0%, #6f0d20 40%, #a2182c 80%, #b81d32 100%); } }
.do-gory { position: fixed; right: 16px; bottom: 16px; z-index: 80; display: grid; place-items: center; width: 48px; height: 48px; border: 0; background: var(--sliwka); color: #fff;
opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.do-gory .ikona { transform: rotate(-90deg); }
.do-gory.jest { opacity: 1; visibility: visible; }
.do-gory:hover { background: var(--czerwien); }
.zgody { position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; padding-bottom: env(safe-area-inset-bottom); background: var(--sliwka); color: var(--tekst-jasny); border-top: 1px solid var(--linia-jasna); }
.zgody .zgody__w { width: min(var(--max-szeroki), 100% - 24px); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; padding-block: 10px; margin-inline: auto; }
.zgody__tekst { flex: 1 1 100%; margin: 0; font-size: 13px; line-height: 1.45; color: var(--tekst-jasny-2); }
.zgody__tekst a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.zgody__wybor { display: flex; flex-wrap: wrap; gap: 16px; font: 500 14px/1.3 var(--font); }
.zgody__wybor[hidden] { display: none; }
.zgody__wybor input { accent-color: var(--czerwien); margin-right: 6px; }
.zgody__przyciski { display: flex; flex-wrap: nowrap; gap: 6px; width: 100%; }
.zgody__btn { flex: 1 1 auto; min-width: 0; min-height: 38px; padding: 0 10px; border: 1px solid rgba(255, 247, 243, .45); background: none; color: #fff; font: 500 13px/1 var(--font);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zgody__btn:hover { border-color: #fff; }
.zgody__btn--glowny { background: var(--czerwien); border-color: var(--czerwien); }
.zgody__btn--glowny:hover { background: var(--czerwien-ciemna); border-color: var(--czerwien-ciemna); }
@media (max-width: 360px) { .zgody__przyciski { gap: 5px; } .zgody__btn { padding: 0 7px; font-size: 12px; } }
@media (min-width: 700px) {
.zgody .zgody__w { width: min(var(--max-szeroki), 100% - 2 * var(--bok)); flex-wrap: nowrap; gap: 24px; padding-block: 10px; }
.zgody__tekst { flex: 1 1 auto; font-size: 13.5px; }
.zgody__przyciski { flex: none; width: auto; }
.zgody__btn { flex: none; padding: 0 16px; font-size: 14px; }
}
.stopka__kol-tytul { margin: 0; font: inherit; letter-spacing: inherit; text-transform: inherit; }
.menu-mobilne .jezyki { justify-content: center; padding-top: 8px; }
.hero { position: relative; display: flex; align-items: flex-end; min-height: 100vh; min-height: 100svh; padding: calc(var(--naglowek-h) + 40px) 0 clamp(36px, 6vh, 72px);
color: #fff; overflow: hidden; isolation: isolate; background: var(--sliwka); }
.hero__media { position: absolute; inset: 0; z-index: -2; }
.hero__media .wideo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: var(--sliwka); }
.hero__cien { position: absolute; inset: 0; z-index: -1; pointer-events: none;
background: linear-gradient(180deg, rgba(23, 11, 20, .42) 0%, rgba(23, 11, 20, 0) 20%, rgba(23, 11, 20, 0) 46%, rgba(23, 11, 20, .82) 100%),
linear-gradient(90deg, rgba(23, 11, 20, .68) 0%, rgba(23, 11, 20, .28) 42%, rgba(23, 11, 20, 0) 64%); }
@media (max-width: 999px) { .hero__cien { background: linear-gradient(180deg, rgba(23, 11, 20, .45) 0%, rgba(23, 11, 20, 0) 18%, rgba(23, 11, 20, .12) 38%, rgba(23, 11, 20, .88) 100%),
linear-gradient(90deg, rgba(23, 11, 20, .45), rgba(23, 11, 20, 0) 80%); } }
.hero__w { width: var(--szer); margin-inline: auto; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--odstep); row-gap: 20px; align-items: end; }
.hero__w > * { grid-column: 1 / -1; min-width: 0; }
.hero__tytul { margin: 0; font: 800 var(--display)/.88 var(--font); letter-spacing: -.055em; text-shadow: 0 2px 30px rgba(23, 11, 20, .35); }
.hero__tytul span { display: block; }
.hero__tytul, .claim { word-spacing: .08em; }
.hero__tytul em { font-style: normal; font-weight: 400; background: var(--gradient-jasny); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .05em;
text-shadow: none; filter: drop-shadow(0 2px 22px rgba(23, 11, 20, .55)); }
.hero__lead { max-width: 46ch; margin: 0; font-size: clamp(1.05rem, .95rem + .45vw, 1.3rem); line-height: 1.55; color: rgba(255, 255, 255, .92); }
.hero__przyciski { display: flex; flex-wrap: wrap; gap: 12px; }
.hero__dalej { position: absolute; left: 50%; bottom: 22px; display: none; width: 26px; height: 42px; border: 1.5px solid rgba(255, 255, 255, .6); transform: translateX(-50%); }
.hero__dalej span { position: absolute; left: 50%; top: 8px; width: 3px; height: 9px; margin-left: -1.5px; background: #fff; }
.hero .etykiety { align-self: end; }
@media (min-width: 1000px) {
.hero__tytul { grid-column: 1 / span 9; grid-row: 2; }
.hero .etykiety { grid-column: 10 / span 3; grid-row: 2; justify-self: end; }
.hero__lead { grid-column: 1 / span 5; grid-row: 3; }
.hero__przyciski { grid-column: 7 / span 6; grid-row: 3; justify-content: flex-end; align-self: end; }
.hero__dalej { display: block; }
}
@media (max-width: 999px) { .hero .etykiety { grid-row: 1; } }
.etykiety { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0; list-style: none; }
.etykiety span { display: block; padding: .62em 1em .58em; background: var(--czerwien); color: #fff; font: 800 clamp(12px, .68rem + .28vw, 15px)/1 var(--font);
letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.etykiety--prawo { align-items: flex-end; }
.etykiety--duze span { font-size: clamp(13px, .72rem + .45vw, 18px); padding: .7em 1.15em .66em; }
@media (max-width: 559px) { .hero__przyciski .przycisk { width: 100%; } }
.claim-sekcja { padding-block: clamp(72px, 10vw, 150px); overflow: hidden; }
.claim-sekcja + .sekcja { border-top: 0; }
.claim { --miejsce: calc(100vw - 2 * var(--bok) - 8px); margin: 0; font: 800 min(var(--display), var(--miejsce) / var(--slowo, 6))/.9 var(--font); letter-spacing: -.055em;
text-transform: uppercase; color: var(--tekst); overflow-wrap: normal; }
.claim--sredni { font-size: min(clamp(1.95rem, .75rem + 4.95vw, 6rem), var(--miejsce) / var(--slowo, 6)); }
.claim--zwykle { text-transform: none; letter-spacing: -.06em; }
.claim__linia { display: block; }
.claim__linia + .claim__linia { margin-top: .14em; }
.claim__linia--lekka { font-weight: 400; }
.claim__linia--akcent { color: var(--czerwien-ciemna); }
.claim__slowo { display: inline-block; white-space: nowrap; }
.claim__lit { display: inline-block; height: .9em; clip-path: inset(-.17em -.08em -.15em -.08em); vertical-align: top; }
.claim__rola { display: flex; flex-direction: column; gap: .4em; transition: transform .7s var(--wyjscie); transition-delay: calc(var(--n, 0) * 18ms); }
.claim__rola > span { display: block; height: .9em; line-height: .9; }
.claim__rola > span + span { color: var(--czerwien); }
.claim.gra .claim__rola { transform: translateY(-1.3em); }
.claim__meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 32px; margin-top: clamp(24px, 3vw, 40px); padding-top: 18px; border-top: 1px solid var(--linia-mocna);
font: 600 15px/1.4 var(--font); color: var(--tekst-2); }
.claim__meta .link-strzalka { margin-top: 0; }
.pas-cta .claim, .stopka .claim { color: #fff; }
.pas-cta .claim__rola > span + span, .stopka .claim__rola > span + span { color: var(--pomarancz); }
.manifest { padding-block: clamp(80px, 10vw, 150px); }
.manifest--aktywny { padding-block: 0; }
.manifest--aktywny .manifest__tor { height: 230vh; }
.manifest--aktywny .manifest__przyklejony { position: sticky; top: calc(var(--naglowek-h) + 7vh); padding-block: 4vh; }
.manifest__tekst { margin: 0; font: 700 clamp(1.5rem, .7rem + 2.5vw, 3.45rem)/1.14 var(--font); letter-spacing: -.035em; color: var(--tekst); }
.manifest__stopka { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; margin-top: clamp(28px, 4vw, 48px); font: 600 15px/1.4 var(--font); color: var(--tekst-2); }
.slowo { position: relative; display: inline-block; }
.manifest--aktywny .slowo { color: transparent; transition: color .35s ease; }
.manifest--aktywny .slowo::before { content: ""; position: absolute; left: -.03em; right: -.03em; top: .14em; bottom: .08em; background: var(--klocek, #ece3e7);
transform-origin: 100% 50%; transition: transform .5s var(--wyjscie), background-color .3s ease; }
.manifest--aktywny .slowo.odkryte { color: var(--tekst); }
.manifest--aktywny .slowo--akcent.odkryte { color: var(--czerwien-ciemna); }
.manifest--aktywny .slowo.odkryte::before { transform: scaleX(0); }
.slowo--akcent { color: var(--czerwien-ciemna); }
.sceny-nazwy { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0 0 clamp(40px, 5vw, 64px); list-style: none; font: 700 17px/1.4 var(--font); }
.sceny-nazwy li { display: inline-flex; align-items: center; gap: 10px; }
.sceny-nazwy li::before { content: ""; width: 10px; height: 10px; background: var(--kolor, var(--czerwien)); }
.dwa-swiaty { margin-top: clamp(56px, 7vw, 112px); }
.akcent-slowa { color: var(--czerwien-ciemna); }
.liczby__siatka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--linia); }
.liczba { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 14px; padding: clamp(24px, 3vw, 44px) clamp(12px, 2vw, 32px) clamp(24px, 3vw, 44px) 0; border-bottom: 1px solid var(--linia); }
.liczba:nth-child(even) { padding-left: clamp(16px, 3vw, 44px); border-left: 1px solid var(--linia); }
.liczba dd { margin: 0; }
.liczba dt { max-width: 26ch; font-size: clamp(15px, .9rem + .2vw, 17px); line-height: 1.45; color: var(--tekst-2); }
@media (min-width: 1100px) { .liczby__siatka { grid-template-columns: repeat(4, minmax(0, 1fr)); } .liczba:nth-child(n) { padding-left: clamp(16px, 2vw, 32px); border-left: 1px solid var(--linia); } .liczba:first-child { padding-left: 0; border-left: 0; } }
.talia__lista { display: grid; gap: clamp(24px, 3vw, 40px); list-style: none; }
.talia__karta { position: sticky; top: calc(var(--naglowek-h) + 20px + var(--i, 0) * 16px); }
.talia__w { display: grid; min-height: min(70vh, 660px); border: 1px solid var(--linia-mocna); background: var(--biel); transform-origin: 50% 0; will-change: transform; }
.talia__foto { margin: 0; overflow: hidden; min-height: 38vh; background: var(--krem-2); }
.talia__foto img { width: 100%; height: 100%; object-fit: cover; }
.talia__tekst { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: clamp(22px, 3.5vw, 56px); }
.talia__nr { font: 800 clamp(2rem, 1.05rem + 3vw, 4.5rem)/.9 var(--font); letter-spacing: -.05em; background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; }
.talia__nazwa { margin: 10px 0 14px; font: 800 clamp(1.5rem, .85rem + 1.8vw, 2.7rem)/.98 var(--font); letter-spacing: -.045em; }
.talia__tekst p { max-width: 44ch; margin: 0; color: var(--tekst-2); }
.talia__tekst .link-strzalka { align-self: flex-start; }
@media (min-width: 900px) { .talia__w { grid-template-columns: 7fr 5fr; } }
.kolaz { overflow: hidden; padding-block: clamp(32px, 5vw, 72px); }
.kolaz__siatka { --g: clamp(8px, 1vw, 16px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--g); width: calc(100% - 2 * var(--g)); margin-inline: auto; }
.kolaz__kol { display: grid; gap: var(--g); align-content: start; will-change: transform; }
.kolaz__kol:nth-child(even) { margin-top: 14vh; }
.kolaz figure { margin: 0; overflow: hidden; background: var(--krem-2); }
.kolaz img { width: 100%; aspect-ratio: var(--ar, 4 / 5); object-fit: cover; }
.kolaz figcaption { margin: 0; padding: 8px 2px 0; font-size: 13px; }
@media (min-width: 900px) { .kolaz__siatka { grid-template-columns: repeat(4, minmax(0, 1fr)); } .kolaz__kol:nth-child(even) { margin-top: 20vh; } }
.prelegenci { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; list-style: none; }
.prelegent { margin: 0; min-width: 0; }
.prelegent__foto { overflow: hidden; background: var(--krem-2); aspect-ratio: 1; }
.prelegent__foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.15); transition: filter .4s; }
.prelegent:hover .prelegent__foto img { filter: none; }
.prelegent__imie { margin-top: 14px; font: 700 17px/1.3 var(--font); }
.prelegent__firma { margin: 2px 0 0; font-size: 15px; color: var(--tekst-2); }
.prelegenci__wydarzenie { grid-column: 1 / -1; margin: 0; }
.prelegenci__wydarzenie figure { display: flex; flex-direction: column; height: 100%; margin: 0; }
.prelegenci__wydarzenie img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (min-width: 700px) { .prelegenci { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
.prelegenci { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 36px 24px; }
.prelegenci__wydarzenie { grid-column: span 2; grid-row: span 2; }
.prelegenci__wydarzenie img { flex: 1 1 auto; height: 0; min-height: 320px; aspect-ratio: auto; }
}
.cta-linia { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; margin-top: clamp(48px, 6vw, 80px); padding-top: 32px; border-top: 1px solid var(--linia); }
.cta-linia p { margin: 0; max-width: 48ch; font: 700 clamp(1.2rem, 1.05rem + .6vw, 1.6rem)/1.3 var(--font); letter-spacing: -.02em; }
.newsy-start { display: grid; gap: 40px; }
.news { position: relative; display: grid; align-content: start; gap: 12px; margin: 0; }
.news img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; background: var(--krem-2); }
.news__meta { margin: 6px 0 0; font-size: 14px; color: var(--tekst-3); }
.news__tytul { font: 700 clamp(1.1rem, 1.02rem + .35vw, 1.3rem)/1.3 var(--font); letter-spacing: -.015em; }
.news__tytul a::after { content: ""; position: absolute; inset: 0; }
.news:hover .news__tytul { color: var(--czerwien-ciemna); }
.news__zajawka { margin: 0; max-width: 56ch; font-size: 16px; color: var(--tekst-2); }
.news--glowny .news__tytul { font: 800 clamp(1.5rem, 1.1rem + 1.4vw, 2.4rem)/1.08 var(--font); letter-spacing: -.035em; }
.newsy-start__boczne { display: grid; gap: 32px; align-content: start; }
.newsy-start__boczne .news { grid-template-columns: 38% 1fr; gap: 0 20px; align-items: start; }
.newsy-start__boczne .news img { grid-row: span 3; }
@media (min-width: 900px) { .newsy-start { grid-template-columns: 7fr 5fr; gap: 56px; } }
.na-scenie { margin-top: 28px; max-width: 42em; font-size: 16px; line-height: 1.8; color: var(--tekst-2); }
.na-scenie b { display: block; margin-bottom: 4px; font-weight: 700; color: var(--tekst); }
.na-scenie span:not(:last-child)::after { content: " / "; color: var(--czerwien); }
.pary-foto { display: grid; gap: 24px; margin-top: clamp(48px, 6vw, 80px); }
.pary-foto figure { margin: 0; min-width: 0; }
.pary-foto img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
@media (min-width: 760px) { .pary-foto { grid-template-columns: 1fr 1fr; } }
.kroki { list-style: none; margin: 28px 0 36px; border-top: 1px solid var(--linia); }
.kroki li { display: grid; grid-template-columns: 2.6ch 1fr; gap: 2px 16px; padding: 18px 0; border-bottom: 1px solid var(--linia); }
.kroki h3 { font: 700 17px/1.35 var(--font); }
.kroki p { grid-column: 2; margin: 0; font-size: 16px; color: var(--tekst-2); }
.krok__nr { grid-row: span 2; font: 800 1.25rem/1.2 var(--font); background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; }
.odbiorcy { list-style: none; margin-top: 28px; border-top: 1px solid var(--linia); }
.odbiorcy li { display: grid; gap: 4px; padding: 18px 0; border-bottom: 1px solid var(--linia); }
.pakiety { list-style: none; border-top: 1px solid var(--linia-mocna); }
.pakiet { display: grid; gap: 14px 32px; align-items: center; padding: 30px 0; border-bottom: 1px solid var(--linia-mocna); }
.pakiet__nazwa { font: 800 clamp(1.4rem, 1.1rem + 1vw, 2.2rem)/1.1 var(--font); letter-spacing: -.035em; }
.pakiet__opis { margin: 6px 0 0; max-width: 56ch; font-size: 16px; color: var(--tekst-2); }
.pakiet__dla { margin: 6px 0 0; font-size: 15px; font-weight: 600; color: var(--tekst); }
.pakiet__cena { margin: 0; font: 700 18px/1.45 var(--font); }
.pakiet__cena small { display: block; font-weight: 400; font-size: 14px; color: var(--tekst-3); }
.pakiet .przycisk { justify-self: start; }
@media (min-width: 900px) { .pakiet { grid-template-columns: 6fr 3fr auto; } .pakiet .przycisk { justify-self: end; } }
.tabela-w { position: relative; margin-top: 48px; overflow-x: auto; border-top: 1px solid var(--linia-mocna); }
.tabela { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 16px; }
.tabela caption { padding: 20px 0 8px; text-align: left; font: 700 18px/1.3 var(--font); }
.tabela th, .tabela td { padding: 14px 16px; border-bottom: 1px solid var(--linia); text-align: center; }
.tabela thead th { font: 600 14px/1.3 var(--font); color: var(--tekst-2); }
.tabela tbody th { padding-left: 0; text-align: left; font-weight: 500; }
.tabela .tak { width: 22px; height: 22px; margin-inline: auto; color: var(--czerwien-ciemna); stroke-width: 2.4; }
.tabela .nie { width: 18px; height: 18px; margin-inline: auto; color: var(--tekst-3); }
.tabela .do-potw { font-size: 14px; color: var(--tekst-3); }
.pas-cta { position: relative; padding-block: var(--sekcja); background: var(--sliwka); color: #fff; overflow: hidden; }
.pas-cta__przyciski { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(36px, 4vw, 56px); }
@media (max-width: 559px) { .pas-cta__przyciski .przycisk { width: 100%; } }
.faq__lista { border-top: 1px solid var(--linia-mocna); }
.faq__el { border-bottom: 1px solid var(--linia-mocna); }
.faq__el summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 0; font: 700 clamp(17px, 1rem + .3vw, 20px)/1.4 var(--font); letter-spacing: -.01em; list-style: none; cursor: pointer; }
.faq__el summary::-webkit-details-marker { display: none; }
.faq__el summary::after { content: ""; width: 14px; height: 14px; flex: none; margin-top: 7px;
background: linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat, linear-gradient(currentColor, currentColor) center / 2px 100% no-repeat; transition: background-size .25s; }
.faq__el[open] summary::after { background-size: 100% 2px, 2px 0; }
.faq__el summary:hover { color: var(--czerwien-ciemna); }
.faq__el p { max-width: 62ch; margin: 0; padding: 0 0 26px; font-size: 17px; color: var(--tekst-2); }
.kafle-grupa + .kafle-grupa { margin-top: clamp(40px, 5vw, 64px); }
.kafle-grupa__tytul { margin-bottom: 16px; font: 600 16px/1.3 var(--font); color: var(--tekst-2); }
.kafle { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; list-style: none; }
.kafel { display: grid; place-items: center; align-content: center; gap: 8px; min-height: 132px; height: 100%; padding: 20px 16px; border: 1px solid var(--linia-mocna); background: var(--biel);
text-align: center; color: var(--tekst-2); transition: border-color .25s, color .25s; }
a.kafel:hover, a.kafel:focus-visible { border-color: var(--tekst); color: var(--tekst); }
.kafel img { width: auto; height: auto; max-width: 72%; max-height: 68px; object-fit: contain; filter: grayscale(1); opacity: .75; transition: filter .3s, opacity .3s; }
a.kafel:hover img, a.kafel:focus-visible img { filter: none; opacity: 1; }
.kafel__poziom { font: 500 13px/1.3 var(--font); color: var(--tekst-3); }
.kafel__nazwa { max-width: 100%; font: 700 clamp(16px, 4.4vw, 20px)/1.2 var(--font); letter-spacing: -.02em; color: var(--tekst-2); overflow-wrap: anywhere; transition: color .3s; }
a.kafel:hover .kafel__nazwa { color: var(--czerwien-ciemna); }
.kafel--pusty .kafel__nazwa { font: 600 16px/1.35 var(--font); }
@media (min-width: 900px) { .kafle { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .kafle { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.pasmo { position: relative; display: flex; align-items: flex-end; min-height: clamp(420px, 58vh, 620px); padding: calc(var(--naglowek-h) + 56px) 0 clamp(48px, 6vw, 88px);
background: var(--sliwka); color: #fff; overflow: hidden; isolation: isolate; }
.pasmo__tlo { position: absolute; inset: 0; z-index: -2; }
.pasmo__foto { width: 100%; height: 100%; object-fit: cover; opacity: .42; }
.pasmo--foto .pasmo__tlo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23, 11, 20, .72), rgba(23, 11, 20, .42) 45%, rgba(23, 11, 20, .94)); }
.pasmo__w { display: grid; gap: 20px; }
.pasmo__tytul { max-width: 16ch; }
.pasmo__lead { max-width: 60ch; margin: 0; font-size: clamp(1.05rem, .98rem + .35vw, 1.25rem); color: var(--tekst-jasny-2); }
.okruchy ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; font-size: 14px; color: var(--tekst-jasny-2); }
.okruchy li:not(:last-child)::after { content: "/"; margin-left: 6px; opacity: .6; }
.okruchy a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.okruchy [aria-current] { color: #fff; }
.filtry { display: grid; gap: 12px; margin-bottom: 24px; }
.filtry__grupa, .filtry--galeria { display: flex; flex-wrap: wrap; gap: 8px; }
.filtry button, .filtry--galeria button { --kolor: var(--tekst); display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px 16px; border: 1px solid var(--linia-mocna);
background: var(--biel); font: 500 15px/1 var(--font); color: var(--tekst); transition: background-color .2s, color .2s, border-color .2s; }
.filtry button[style]::before { content: ""; width: 9px; height: 9px; background: var(--kolor); }
.filtry button:hover, .filtry--galeria button:hover { border-color: var(--tekst); }
.filtry button[aria-pressed="true"], .filtry--galeria button[aria-pressed="true"] { border-color: var(--tekst); background: var(--tekst); color: #fff; }
.filtry button[aria-pressed="true"]::before { background: #fff; }
.filtry__opis { margin: 0 0 10px; font-size: 14px; color: var(--tekst-3); }
.agenda__licznik { margin: 0 0 18px; font-size: 14px; color: var(--tekst-3); }
.sesje { list-style: none; border-top: 1px solid var(--linia-mocna); }
.sesja { display: grid; grid-template-columns: 64px 1fr; gap: 16px; padding: 26px 0; border-bottom: 1px solid var(--linia); }
.sesja[hidden] { display: none; }
.sesja__czas { font: 600 1.1rem/1.3 var(--font); font-variant-numeric: tabular-nums; }
.sesja__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; margin: 0 0 6px; font-size: 14px; color: var(--tekst-2); }
.sesja__scena { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--kolor); }
.sesja__scena::before { content: ""; width: 9px; height: 9px; background: var(--kolor); }
.sesja__tytul { font: 600 clamp(1.08rem, 1rem + .35vw, 1.28rem)/1.35 var(--font); }
.sesja__opis { margin: 6px 0 0; max-width: 62ch; font-size: 16px; color: var(--tekst-2); }
.sesja__pytania { margin-top: 12px; font-size: 15px; }
.sesja__pytania summary { cursor: pointer; font-weight: 600; color: var(--fiolet); }
.sesja__pytania ol { display: grid; gap: 6px; margin-top: 10px; padding-left: 20px; color: var(--tekst-2); }
.agenda__pusto { padding: 18px 0; color: var(--tekst-2); }
@media (min-width: 700px) { .sesja { grid-template-columns: 96px 1fr; } .sesja__czas { font-size: 1.3rem; } }
.scena__tematy { list-style: none; margin-top: 18px; border-top: 1px solid var(--linia); }
.scena__tematy li { padding: 12px 0; border-bottom: 1px solid var(--linia); font-size: 16px; color: var(--tekst-2); }
.scena__nazwa { display: flex; align-items: center; gap: 12px; }
.scena__nazwa::before { content: ""; width: 12px; height: 12px; flex: none; background: var(--kolor); }
.sceny-lista { list-style: none; border-top: 1px solid var(--linia-mocna); }
.sceny-lista li { display: grid; gap: 4px; padding: 20px 0; border-bottom: 1px solid var(--linia); }
.sceny-lista b { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
.sceny-lista b::before { content: ""; width: 10px; height: 10px; background: var(--kolor); }
.sceny-lista span { color: var(--tekst-2); font-size: 16px; }
.profil-hero { position: relative; padding: calc(var(--naglowek-h) + 48px) 0 clamp(48px, 6vw, 88px); background: var(--sliwka); color: #fff; overflow: hidden; isolation: isolate; }
.profil-hero__tlo { position: absolute; inset: 0; z-index: -1; }
.profil-hero__foto { width: 100%; height: 100%; object-fit: cover; opacity: .32; }
.profil-hero__tlo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23, 11, 20, .95) 20%, rgba(23, 11, 20, .6)), linear-gradient(180deg, transparent 60%, var(--sliwka)); }
.profil-hero__w { display: grid; gap: 28px; }
.profil-hero__karta { display: grid; gap: 28px; align-items: center; }
.profil-hero__logo { display: grid; place-items: center; width: min(240px, 60vw); aspect-ratio: 1; padding: 28px; background: #fff; }
.profil-hero__logo img { max-height: 110px; width: auto; object-fit: contain; }
.profil-hero__rola { margin: 0 0 12px; font: 600 15px/1.3 var(--font); color: var(--tekst-jasny-2); }
.profil-hero__nazwa { margin-bottom: 14px; }
.profil-hero__lead { max-width: 60ch; margin: 0; color: var(--tekst-jasny-2); font-size: 1.08rem; }
@media (min-width: 800px) { .profil-hero__karta { grid-template-columns: auto 1fr; gap: 44px; } }
.fakty { display: grid; margin: 0; border-top: 1px solid var(--linia-mocna); }
.fakty div { display: grid; grid-template-columns: minmax(110px, 36%) minmax(0, 1fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--linia); }
.fakty dt { color: var(--tekst-2); font-size: 16px; }
.fakty dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
@media (min-width: 900px) { .fakty--dwie { grid-template-columns: 1fr 1fr; column-gap: 48px; } }
.newsy { display: grid; gap: 48px 40px; }
@media (min-width: 760px) { .newsy { grid-template-columns: 1fr 1fr; } }
.galeria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; list-style: none; }
.galeria__el[hidden] { display: none; }
.galeria__el a { display: block; overflow: hidden; background: var(--krem-2); }
.galeria__el img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: opacity .3s; }
.galeria__el a:hover img { opacity: .88; }
.galeria__el a[aria-current] { outline: 3px solid var(--czerwien); outline-offset: 2px; }
@media (min-width: 700px) { .galeria { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
.galeria__licznik { margin: 0 0 18px; font-size: 14px; color: var(--tekst-3); }
.podglad-galerii { position: relative; margin: 0 0 28px; background: var(--sliwka); }
.podglad-galerii img { width: 100%; max-height: 78vh; object-fit: contain; }
.podglad-galerii figcaption { margin: 0; padding: 14px 18px; color: var(--tekst-jasny-2); font-size: 15px; }
.podglad-galerii__przyciski { position: absolute; top: 12px; right: 12px; display: flex; gap: 8px; }
.podglad-galerii__przyciski button { display: grid; place-items: center; width: 46px; height: 46px; border: 0; background: rgba(23, 11, 20, .78); color: #fff; }
.podglad-galerii__przyciski button:hover { background: var(--czerwien); }
.kadr-wideo, .ramka-foto { margin: 0; overflow: hidden; }
.kadr-wideo .wideo { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #000; }
.ramka-foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.press { display: grid; gap: 32px; }
.press__pliki { display: grid; gap: 12px; list-style: none; }
.press__pliki li { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; padding: 24px; border: 1px solid var(--linia-mocna); background: var(--biel); }
.press__pliki li img { width: 170px; }
.press__pliki .press__ciemne { background: var(--sliwka); border-color: var(--sliwka); color: #fff; }
.press__pliki .link-strzalka { margin: 0; }
.press__ciemne .link-strzalka { color: #fff; }
@media (min-width: 1000px) { .press { grid-template-columns: 5fr 7fr; } }
.lista-zasad { display: grid; gap: 10px; margin: 0; padding-left: 20px; color: var(--tekst-2); }
.lista-num { list-style: none; counter-reset: n; border-top: 1px solid var(--linia-mocna); }
.lista-num li { display: grid; grid-template-columns: 2.6ch 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--linia); counter-increment: n; font-weight: 500; }
.lista-num li::before { content: counter(n, decimal-leading-zero); font: 700 1.05rem/1.5 var(--font); background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bloki { display: grid; gap: 40px 28px; }
.blok { margin: 0; min-width: 0; }
.blok img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.blok figcaption { margin-top: 14px; font-size: 15px; color: var(--tekst-2); }
.blok figcaption b { display: block; margin-bottom: 2px; font-weight: 600; color: var(--tekst); }
@media (min-width: 760px) { .bloki { grid-template-columns: 1fr 1fr; } }
.prospekt { display: grid; gap: 20px 40px; align-items: center; padding-block: 36px; border-top: 1px solid var(--linia-mocna); border-bottom: 1px solid var(--linia-mocna); }
.prospekt p { margin: 8px 0 0; max-width: 56ch; color: var(--tekst-2); }
@media (min-width: 800px) { .prospekt { grid-template-columns: 1fr auto; } }
.kontakt-linki { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 20px 0; }
.kontakt-linki a, .kontakt-linki span { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; overflow-wrap: anywhere; }
.kontakt-linki .ikona { color: var(--czerwien); }
.kontakt-linki--duze { font-size: clamp(1.1rem, 1rem + .6vw, 1.5rem); }
.social-linki { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.social { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--linia-mocna); font-size: 15px; font-weight: 500; transition: background-color .2s, color .2s; }
.social:hover { background: var(--tekst); color: #fff; }
.social .ikona { width: 16px; height: 16px; }
.terminy { list-style: none; border-top: 1px solid var(--linia-mocna); }
.terminy li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; padding: 14px 0; border-bottom: 1px solid var(--linia); font-size: 16px; }
.terminy span { color: var(--tekst-2); }
.laureaci__siatka { display: grid; gap: 48px 56px; }
.laureaci__grupa .h4 { margin-bottom: 12px; }
.laureaci__lista { list-style: none; border-top: 1px solid var(--linia-mocna); }
.laureaci__lista li { display: grid; gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--linia); }
.laureat__osoba { font-weight: 600; }
.laureat__firma { font-size: 16px; }
.laureat__kat { font-size: 14px; color: var(--tekst-3); }
@media (min-width: 900px) { .laureaci__siatka { grid-template-columns: 1fr 1fr; } .laureaci__grupa--gp { grid-column: 1 / -1; } .laureaci__grupa--gp .laureaci__lista { display: grid; grid-template-columns: 1fr 1fr; column-gap: 56px; } }
.edycje { list-style: none; }
.edycja { display: grid; gap: 20px 48px; align-items: center; padding-block: 32px; border-top: 1px solid var(--linia); }
.edycja__rok { margin: 0 0 8px; font: 700 clamp(1.8rem, 1.2rem + 2.25vw, 3rem)/1 var(--font); letter-spacing: -.04em; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.edycja__foto { margin: 0; aspect-ratio: 16 / 10; background: var(--krem-2); }
.edycja__foto img { width: 100%; height: 100%; object-fit: cover; }
.edycja p { margin: 6px 0 0; color: var(--tekst-2); }
@media (min-width: 900px) { .edycja { grid-template-columns: 6fr 6fr; } }
.hotel-foto { display: grid; gap: 24px; margin-top: clamp(48px, 6vw, 80px); }
.hotel-foto figure { margin: 0; min-width: 0; }
.hotel-foto img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 760px) { .hotel-foto { grid-template-columns: 1fr 1fr; } }
.dok__sekcja { padding-block: 22px; border-bottom: 1px solid var(--linia); }
.dok__sekcja .h4 { margin-bottom: 12px; }
.dok__sekcja p { color: var(--tekst-2); }
.dok a { color: var(--fiolet); text-decoration: underline; }
.blad { position: relative; display: flex; align-items: center; min-height: 100vh; padding: calc(var(--naglowek-h) + 40px) 0 60px; background: var(--sliwka); color: #fff; overflow: hidden; isolation: isolate; }
.blad__kod { margin: 0; font: 800 clamp(4.5rem, 2.25rem + 10.5vw, 10.5rem)/.9 var(--font); background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }
.blad .tekst-duzy { color: var(--tekst-jasny-2); }
.dwie-kolumny > *, .pakiet > *, .wiersz > * { min-width: 0; }
@media (max-width: 400px) { .pakiet .przycisk, .formularz .przycisk, .cta-linia .przycisk { white-space: normal; text-align: center; } .kontakt-linki--duze { font-size: 1.05rem; } }
.formularz { display: grid; gap: 18px; padding: clamp(24px, 3vw, 40px); border: 1px solid var(--linia-mocna); background: var(--biel); }
.formularz[hidden] { display: none; }
.formularz[aria-busy="true"] { opacity: .75; }
.formularz__tytul { font: 600 clamp(1.25rem, 1.1rem + .6vw, 1.6rem)/1.25 var(--font); letter-spacing: -.01em; }
.formularz__pola { display: grid; gap: 14px; }
@media (min-width: 640px) { .formularz__pola { grid-template-columns: 1fr 1fr; } .formularz__pola .pole--pelne { grid-column: 1 / -1; } }
.pole { position: relative; }
.pole input, .pole textarea, .pole select { width: 100%; min-height: 58px; padding: 24px 14px 8px; border: 1px solid var(--linia-mocna); background: var(--biel); font: 400 16px/1.4 var(--font);
color: var(--tekst); transition: border-color .2s, box-shadow .2s; }
.pole textarea { resize: vertical; min-height: 128px; }
.pole select { padding-top: 26px; appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
background-position: calc(100% - 20px) 58%, calc(100% - 15px) 58%; background-size: 5px 5px; background-repeat: no-repeat; }
.pole input:focus, .pole textarea:focus, .pole select:focus { outline: none; border-color: var(--fiolet); box-shadow: 0 0 0 3px rgba(110, 43, 196, .18); }
.pole label { position: absolute; left: 15px; top: 18px; font: 400 16px/1.3 var(--font); color: var(--tekst-2); pointer-events: none; transform-origin: left; transition: transform .25s var(--wyjscie), color .2s; }
.pole input:focus + label, .pole input:not(:placeholder-shown) + label, .pole textarea:focus + label, .pole textarea:not(:placeholder-shown) + label { transform: translateY(-12px) scale(.78); color: var(--fiolet); }
.pole .pole__stala { top: 9px; transform: scale(.78); color: var(--fiolet); }
.pole--blad input, .pole--blad textarea, .pole--blad select { border-color: var(--czerwien); background: rgba(225, 38, 60, .03); }
.pole--blad label { color: var(--czerwien-ciemna) !important; }
.pole-pulapka { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.zgoda { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; }
.zgoda input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--czerwien); cursor: pointer; }
.zgoda label { font-size: 14px; line-height: 1.55; color: var(--tekst-2); cursor: pointer; }
.zgoda a { color: var(--fiolet); text-decoration: underline; text-underline-offset: 3px; }
.zgoda.pole--blad label { color: var(--czerwien-ciemna); }
.formularz__uwaga { margin: 0; font-size: 14px; color: var(--tekst-3); }
.formularz__blad { padding: 12px 14px; border-left: 3px solid var(--czerwien); background: rgba(225, 38, 60, .06); color: var(--czerwien-ciemna); font: 600 15px/1.45 var(--font); }
.formularz__blad[hidden] { display: none; }
.formularz__blad a { color: inherit; text-decoration: underline; }
.formularz .przycisk { justify-self: start; }
.formularz .przycisk:disabled { cursor: progress; opacity: .7; }
.formularz--sukces { align-content: start; }
.formularz--sukces:focus { outline: none; }
.formularz--sukces:focus-visible { outline: 3px solid var(--fiolet); outline-offset: 3px; }
.formularz--sukces p { margin: 0; color: var(--tekst-2); }
.formularz__ok { width: 44px; height: 44px; padding: 9px; background: var(--czerwien); color: #fff; stroke-width: 2.4; }
.formularz__numer { font: 600 14px/1.4 var(--font); color: var(--fiolet) !important; }
.formularz--sukces .link-strzalka { justify-self: start; }
.formularz-w--newsletter .formularz { padding: 0; border: 0; background: none; gap: 12px; color: #fff; }
.formularz-w--newsletter .formularz__pola { display: flex; gap: 0; }
.formularz-w--newsletter .pole { flex: 1 1 auto; }
.formularz-w--newsletter .pole input { border-color: #fff; }
.formularz-w--newsletter .przycisk { justify-self: stretch; border-color: var(--sliwka); background: var(--sliwka); color: #fff; }
.formularz-w--newsletter .przycisk:hover { border-color: #fff; background: #fff; color: var(--sliwka); }
.formularz-w--newsletter .zgoda label, .formularz-w--newsletter .formularz__uwaga { color: #fff; }
.formularz-w--newsletter .zgoda a { color: #fff; }
.formularz-w--newsletter .zgoda input { accent-color: var(--sliwka); }
.formularz-w--newsletter .formularz__blad { background: #fff; }
.formularz-w--newsletter .formularz--sukces { padding: 22px; border: 1px solid rgba(255, 255, 255, .6); background: rgba(23, 11, 20, .35); color: #fff; }
.formularz-w--newsletter .formularz--sukces p { color: #fff; }
.formularz-w--newsletter .formularz__ok { background: #fff; color: var(--czerwien-ciemna); }
.formularz-w--newsletter .formularz__uwaga { display: none; }
@media (min-width: 560px) { .formularz-w--newsletter .formularz { grid-template-columns: 1fr auto; column-gap: 0; align-items: stretch; } .formularz-w--newsletter .formularz > * { grid-column: 1 / -1; }
.formularz-w--newsletter .formularz > .formularz__pola { grid-column: 1; grid-row: 1; } .formularz-w--newsletter .formularz > .przycisk { grid-column: 2; grid-row: 1; min-height: 58px; } }
@keyframes pojaw { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
[data-ruch].pojaw { animation: pojaw .75s var(--wyjscie) both; animation-delay: calc(var(--i, 0) * 70ms); }
.js .hero__w > * { animation: pojaw .9s var(--wyjscie) both; }
.js .hero__w > :nth-child(2) { animation-delay: .1s; }
.js .hero__w > :nth-child(3) { animation-delay: .2s; }
.js .hero__w > :nth-child(4) { animation-delay: .28s; }
.js .hero__w > :nth-child(5) { animation-delay: .36s; }
.hero__media .wideo { transition: opacity 1s ease; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation: none !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
}
.karty-sekcja { overflow: hidden; }
.karty-sekcja--krem { background: var(--krem); }
.karty__tor { --wciecie: calc((100% - var(--szer)) / 2); --karta-w: clamp(260px, 23vw, 400px); display: flex; align-items: flex-start; gap: clamp(12px, 1.4vw, 22px);
padding: 8px var(--wciecie) 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--wciecie);
scrollbar-width: none; list-style: none; }
.karty__tor::-webkit-scrollbar { display: none; }
.karty__el { flex: 0 0 auto; width: var(--karta-w); scroll-snap-align: start; transition: width .6s var(--wyjscie); }
.karta { position: relative; display: grid; grid-template-columns: 100%; background: var(--sliwka); color: #fff; }
.karta__front { position: relative; display: block; aspect-ratio: 4 / 5.2; overflow: hidden; color: #fff; }
.karta__front img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--wyjscie); }
.karta__front:hover img, .karta__front:focus-visible img { transform: scale(1.045); }
.karta__front::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(23, 11, 20, .8) 0%, rgba(23, 11, 20, .12) 42%, rgba(23, 11, 20, 0) 62%, rgba(23, 11, 20, .5) 100%); }
.karta__tekst { position: absolute; z-index: 1; inset: clamp(18px, 1.8vw, 26px) clamp(18px, 1.8vw, 26px) auto; }
.karta__kat { display: block; margin: 0; font: 600 13.5px/1.3 var(--font); color: rgba(255, 255, 255, .9); }
.karta__tytul { display: block; margin-top: 8px; font: 800 clamp(1.4rem, .9rem + 1.15vw, 2.05rem)/1 var(--font); letter-spacing: -.04em; }
.karta__plus { position: absolute; z-index: 1; right: 16px; bottom: 16px; display: grid; place-items: center; width: 46px; height: 46px; background: #fff; color: var(--sliwka);
transition: background-color .25s, color .25s, transform .45s var(--wyjscie); }
.karta__plus .ikona { width: 20px; height: 20px; }
.karta__front:hover .karta__plus { background: var(--czerwien); color: #fff; }
.karty__el--otwarta .karta__plus { transform: rotate(180deg); background: var(--czerwien); color: #fff; }
.karta__tresc { position: relative; padding: clamp(22px, 2.2vw, 34px); background: #fff; color: var(--tekst); opacity: 0; transform: translateX(-18px);
transition: opacity .45s ease .15s, transform .6s var(--wyjscie) .1s; overflow-y: auto; }
.karty__el--otwarta .karta__tresc { opacity: 1; transform: none; }
.karta__zamknij { position: sticky; top: 0; float: right; z-index: 2; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; margin: 0 0 12px 12px; padding: 0 14px;
border: 1.5px solid var(--tekst); background: #fff; color: var(--tekst); font: 600 14px/1 var(--font); transition: background-color .2s, color .2s; }
.karta__zamknij:hover { background: var(--tekst); color: #fff; }
.karta__zamknij .ikona { width: 16px; height: 16px; }
.karta__tresc-kat { margin: 0 0 8px; font: 600 14px/1.3 var(--font); color: var(--tekst-3); }
.karta__tresc-tytul { margin: 0 0 16px; font: 800 clamp(1.6rem, 1rem + 1.6vw, 2.5rem)/1 var(--font); letter-spacing: -.045em; }
.karta__tresc-tekst { display: grid; gap: 12px; font-size: 16px; line-height: 1.55; color: var(--tekst-2); }
.karta__tresc-tekst p { margin: 0; }
.karta__tresc-tekst ul { list-style: none; border-top: 1px solid var(--linia); }
.karta__tresc-tekst li { padding: 9px 0; border-bottom: 1px solid var(--linia); color: var(--tekst); }
.karta__tresc-tekst .link-strzalka { justify-self: start; margin-top: 4px; }
.karta__tresc-tekst .przycisk { justify-self: start; }
.karta__haslo { font: 700 15px/1.35 var(--font); color: var(--czerwien-ciemna) !important; }
.karta__lista-tytul { font: 700 14px/1.3 var(--font); color: var(--tekst) !important; }
.karta__cena b { font: 800 clamp(1.6rem, 1.2rem + 1vw, 2.2rem)/1 var(--font); letter-spacing: -.03em; color: var(--tekst); }
.karta__foty { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.karta__foty img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.karta__foty + .podpis { margin-top: 8px; font-size: 13px; }
@media (min-width: 700px) {
.karty__el--otwarta { width: calc(var(--karta-w) * 2.55 + clamp(12px, 1.4vw, 22px) * 1.5); }
.karty__el--otwarta .karta { grid-template-columns: var(--karta-w) minmax(0, 1fr); }
.karty__el--otwarta .karta__tresc { position: absolute; inset: 0 0 0 var(--karta-w); }
}
@media (max-width: 699px) {
.karty__tor { --karta-w: min(78vw, 330px); }
.karty__el--otwarta { width: min(90vw, 440px); }
.karty__el--otwarta .karta__front { aspect-ratio: 4 / 3; }
.karta__tresc { transform: translateY(-12px); }
}
.karty__sterowanie { display: flex; justify-content: flex-end; gap: 8px; margin-top: 22px; }
.karty__btn, .karty__pauza { display: grid; place-items: center; width: 54px; height: 54px; border: 1.5px solid var(--tekst); background: var(--biel); color: var(--tekst);
transition: background-color .2s, color .2s, opacity .2s; }
.karty__btn:hover:not(:disabled), .karty__pauza:hover { background: var(--tekst); color: #fff; }
.karty__btn .ikona, .karty__pauza .ikona { width: 22px; height: 22px; }
.karty__pauza { margin-right: auto; }
.karty__pauza[hidden] { display: none; }
.karty__pauza .ikona--graj, .karty__pauza--wstrzymana .ikona--pauza { display: none; }
.karty__pauza--wstrzymana .ikona--graj { display: block; }
.karty-sekcja--krem .karty__btn, .karty-sekcja--krem .karty__pauza { background: var(--krem); }
@media (prefers-reduced-motion: reduce) { .karty__el, .karta__tresc, .karta__front img { transition: none; } }
.kasa { padding-block: clamp(40px, 5vw, 72px); }
.kasa__wczytuje { color: var(--tekst-3); }
.kasa__h2 { font: 800 clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem)/1.05 var(--font); letter-spacing: -.035em; margin: 0 0 12px; }
.kasa__h2:focus { outline: none; }
.kasa__h3 { font: 700 clamp(1.1rem, 1.02rem + .35vw, 1.3rem)/1.3 var(--font); letter-spacing: -.015em; margin: 0 0 8px; }
.kasa__lead { max-width: 62ch; margin: 0 0 28px; color: var(--tekst-2); font-size: clamp(1rem, .96rem + .25vw, 1.15rem); }
.kasa__opis { margin: 0 0 12px; color: var(--tekst-2); font-size: 16px; }
.kasa__drobny { margin: 6px 0 0; font-size: 14px; line-height: 1.5; color: var(--tekst-3); }
.kasa__info { max-width: 70ch; margin-top: 24px; }
.kasa__blad-pola { margin: 6px 0 0; font: 600 14px/1.4 var(--font); color: var(--czerwien-ciemna); }
.kasa__komunikat { margin: 0 0 20px; }
.kasa__komunikat--ok { border-left-color: var(--fiolet); background: rgba(110, 43, 196, .07); color: var(--fiolet-ciemny); }
.kasa__kroki { display: flex; flex-wrap: wrap; gap: 8px 28px; list-style: none; margin: 0 0 clamp(28px, 4vw, 44px); padding: 0 0 18px; border-bottom: 1px solid var(--linia); counter-reset: none; }
.kasa__krok { display: flex; align-items: center; gap: 10px; font: 600 15px/1.2 var(--font); color: var(--tekst-3); }
.kasa__krok-nr { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1.5px solid currentColor; font: 700 14px/1 var(--font); font-variant-numeric: tabular-nums; }
.kasa__krok--teraz { color: var(--tekst); }
.kasa__krok--teraz .kasa__krok-nr { border-color: var(--czerwien); background: var(--czerwien); color: #fff; }
.kasa__krok--zrobiony { color: var(--fiolet); }
@media (max-width: 720px) { .kasa__krok:not(.kasa__krok--teraz) > span:last-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }
.kasa__uklad { display: grid; gap: clamp(28px, 4vw, 56px); align-items: start; }
@media (min-width: 1024px) { .kasa__uklad:not(.kasa__uklad--pelny) { grid-template-columns: minmax(0, 1fr) 360px; } }
.kasa__glowna { min-width: 0; }
.kasa__podsumowanie { padding: 24px; border: 1px solid var(--linia-mocna); background: var(--krem); }
@media (min-width: 1024px) { .kasa__podsumowanie { position: sticky; top: calc(var(--naglowek-h) + 24px); } }
.kasa__linie { list-style: none; margin: 0 0 12px; }
.kasa__linie li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--linia); font-size: 15px; }
.kasa__linie b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.kasa__razem { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 8px 0 0; font: 600 16px/1.3 var(--font); }
.kasa__razem b { font: 800 clamp(1.4rem, 1.2rem + .6vw, 1.75rem)/1 var(--font); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.kasa__bilety { list-style: none; border-top: 1px solid var(--linia); }
.kasa__bilet { display: grid; gap: 18px 24px; padding: 24px 0; border-bottom: 1px solid var(--linia); transition: background-color .25s; }
@media (min-width: 640px) { .kasa__bilet { grid-template-columns: 168px minmax(0, 1fr); } }
.kasa__bilet--wybrany { background: linear-gradient(90deg, rgba(255, 122, 26, .06), rgba(225, 38, 60, .04) 60%, transparent); }
.kasa__bilet-foto { width: 100%; max-width: 168px; aspect-ratio: 1; object-fit: cover; background: var(--krem-2); }
.kasa__bilet-tresc { min-width: 0; }
.kasa__znacznik { display: inline-block; margin: 0 0 8px; padding: 4px 10px; background: var(--sliwka); color: #fff; font: 700 12px/1.3 var(--font); letter-spacing: .04em; text-transform: uppercase; }
.kasa__cechy { list-style: none; margin: 0 0 14px; display: grid; gap: 4px; }
.kasa__cechy li { position: relative; padding-left: 20px; font-size: 15px; color: var(--tekst-2); }
.kasa__cechy li::before { content: ""; position: absolute; left: 0; top: .62em; width: 10px; height: 2px; background: var(--pomarancz); }
.kasa__bilet-dol { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 14px 24px; }
.kasa__cena { margin: 0; font: 800 clamp(1.5rem, 1.25rem + .8vw, 2rem)/1 var(--font); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.kasa__progi { margin: 6px 0 0; font-size: 14px; color: var(--tekst-3); font-variant-numeric: tabular-nums; }
.kasa__prog--teraz { color: var(--tekst); font-weight: 600; }
.kasa__ilosc { display: inline-flex; align-items: stretch; border: 1.5px solid var(--tekst); }
.kasa__ilosc button { width: 46px; height: 46px; border: 0; background: none; font: 600 22px/1 var(--font); color: var(--tekst); transition: background-color .2s, color .2s; }
.kasa__ilosc button:hover:not(:disabled) { background: var(--tekst); color: #fff; }
.kasa__ilosc button:disabled { color: var(--linia-mocna); cursor: not-allowed; }
.kasa__ilosc output { display: grid; place-items: center; min-width: 48px; border-inline: 1.5px solid var(--tekst); font: 700 18px/1 var(--font); font-variant-numeric: tabular-nums; }
.kasa__nawigacja { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 32px; }
.kasa__nawigacja .przycisk:only-child { margin-left: auto; }
.kasa .przycisk:disabled { opacity: .45; cursor: not-allowed; }
.kasa__osoba { margin: 0 0 20px; padding: 24px 0 8px; border: 0; border-top: 2px solid var(--tekst); min-width: 0; }
.kasa__osoba--blad { border-top-color: var(--czerwien); }
.kasa__osoba legend { float: left; width: 100%; margin: 0 0 14px; padding: 0; }
.kasa__osoba legend + * { clear: both; }
.kasa__osoba > .zgoda { margin-bottom: 16px; }
.kasa__osoba .formularz__pola { margin-bottom: 18px; }
.kasa .zgoda small { color: var(--tekst-3); }
.kasa__zdjecie { padding: 18px 0 6px; border-top: 1px solid var(--linia); display: grid; gap: 10px; }
.kasa__zdjecie-tytul { margin: 0; font: 700 16px/1.3 var(--font); }
.kasa__zdjecie .kasa__drobny { margin: 0; }
.kasa__zdjecie-wiersz { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.kasa__miniatura { width: 96px; height: 96px; object-fit: cover; background: var(--krem-2); }
.kasa__zdjecie label.przycisk { cursor: pointer; }
.kasa__zdjecie input[type="file"]:focus-visible + label { outline: 3px solid var(--fiolet); outline-offset: 3px; }
.kasa__rodo summary { cursor: pointer; font: 600 14px/1.4 var(--font); color: var(--fiolet); }
.kasa__rodo p { margin: 8px 0 0; max-width: 72ch; font-size: 14px; line-height: 1.55; color: var(--tekst-2); }
.kasa__rodo a, .kasa .zgoda a { color: var(--fiolet); text-decoration: underline; text-underline-offset: 3px; }
.kasa__karta { margin: 0 0 20px; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--linia-mocna); background: var(--biel); display: grid; gap: 16px; }
.kasa__karta--waska { max-width: 640px; }
.kasa__karta .formularz__pola { margin: 0; }
.kasa__segment { display: inline-flex; border: 1.5px solid var(--tekst); justify-self: start; }
.kasa__segment button { padding: 10px 18px; border: 0; background: none; font: 600 15px/1.2 var(--font); color: var(--tekst); }
.kasa__segment button + button { border-left: 1.5px solid var(--tekst); }
.kasa__segment button[aria-checked="true"] { background: var(--tekst); color: #fff; }
.kasa__konto { display: grid; gap: 14px; }
.kasa__zalogowano { margin: 0; }
.kasa__konto .przycisk { justify-self: start; }
.kasa__pobierz { position: absolute; right: 8px; top: 10px; padding: 8px 12px; border: 1.5px solid var(--fiolet); background: var(--biel); font: 600 13px/1.2 var(--font); color: var(--fiolet); }
.kasa__pobierz:hover:not(:disabled) { background: var(--fiolet); color: #fff; }
.kasa__pobierz:disabled { opacity: .45; cursor: not-allowed; }
#p-vat { padding-right: 130px; }
.kasa__metody { display: grid; gap: 12px; margin: 0 0 20px; }
@media (min-width: 720px) { .kasa__metody { grid-template-columns: 1fr 1fr; } }
.kasa__metoda { display: grid; gap: 6px; padding: 18px 20px; border: 1.5px solid var(--linia-mocna); background: var(--biel); text-align: left; transition: border-color .2s, box-shadow .2s; }
.kasa__metoda b { font: 700 16px/1.3 var(--font); }
.kasa__metoda span { font-size: 14px; line-height: 1.5; color: var(--tekst-2); }
.kasa__metoda[aria-checked="true"] { border-color: var(--czerwien); box-shadow: inset 0 0 0 1.5px var(--czerwien); }
.kasa__przeglad { list-style: none; border-top: 1px solid var(--linia); }
.kasa__przeglad li { display: grid; gap: 2px; padding: 10px 0; border-bottom: 1px solid var(--linia); }
.kasa__przeglad span { font-size: 14px; color: var(--tekst-2); }
.kasa__postep:empty { display: none; }
.kasa__postep { margin-top: 16px; }
.kasa__dane { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--linia); }
.kasa__dane > div { display: grid; gap: 4px 16px; padding: 10px 0; border-bottom: 1px solid var(--linia); }
@media (min-width: 560px) { .kasa__dane > div { grid-template-columns: 180px minmax(0, 1fr); } }
.kasa__dane dt { font-size: 14px; color: var(--tekst-3); }
.kasa__dane dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.kasa__konto-pasek { margin: 0 0 28px; padding: 0 0 20px; border-bottom: 1px solid var(--linia); }
.kasa__konto-pasek .kasa__konto { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.kasa__moje { list-style: none; border-top: 1px solid var(--linia); }
.kasa__moj { display: grid; gap: 16px 24px; padding: 24px 0; border-bottom: 1px solid var(--linia); }
@media (min-width: 640px) { .kasa__moj { grid-template-columns: 96px minmax(0, 1fr); } }
.kasa__moj-foto { width: 96px; height: 96px; display: grid; place-items: center; background: var(--sliwka); color: #fff; font: 800 34px/1 var(--font); overflow: hidden; }
.kasa__moj-foto img { width: 100%; height: 100%; object-fit: cover; }
.kasa__moj-tresc { min-width: 0; display: grid; gap: 8px; justify-items: start; }
.kasa__moj-tresc .kasa__opis, .kasa__moj-tresc .kasa__drobny { margin: 0; }
.kasa__statusy { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.kasa__status { padding: 3px 10px; border: 1px solid var(--linia-mocna); font: 600 13px/1.4 var(--font); color: var(--tekst-2); }
.kasa__status--wystawiony { border-color: var(--fiolet); color: var(--fiolet); }
.kasa__status--oczekuje { border-color: var(--pomarancz); color: #9a3a00; }
.kasa__moj-tresc .kasa__zdjecie { width: 100%; }
.kasa__bilet-uczestnika { display: grid; gap: clamp(24px, 4vw, 56px); padding: clamp(20px, 3vw, 40px); border: 1px solid var(--linia-mocna); background: var(--biel); }
@media (min-width: 880px) { .kasa__bilet-uczestnika { grid-template-columns: 320px minmax(0, 1fr); } }
.kasa__bilet-lewa { display: grid; gap: 12px; align-content: start; }
.kasa__qr { background: #fff; border: 1px solid var(--linia); padding: 12px; }
.kasa__qr img { width: 100%; height: auto; }
.kasa__kod { display: grid; gap: 2px; margin: 0; }
.kasa__kod b { font: 700 20px/1.2 var(--font); letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.kasa__bilet-prawa { min-width: 0; display: grid; gap: 14px; align-content: start; justify-items: start; }
.kasa__bilet-prawa .kasa__dane { width: 100%; }
.kasa__bilet-zdjecie img { width: 160px; height: 160px; object-fit: cover; }
@media print { .kasa__zdjecie, .kasa__nawigacja, .kasa__bilet-prawa > .przycisk { display: none; } }
.odliczanie-w { display: grid; gap: 28px; margin-top: clamp(28px, 4vw, 52px); padding-top: clamp(22px, 3vw, 34px); border-top: 1px solid var(--linia-mocna); }
.odliczanie-w__tytul { margin: 0 0 10px; font: 700 15px/1.3 var(--font); color: var(--tekst-2); }
.odliczanie-w__kiedy { display: grid; gap: 4px; margin: 0; font-size: 16px; color: var(--tekst-2); }
.odliczanie-w__kiedy b { font: 800 clamp(1.2rem, 1rem + .6vw, 1.55rem)/1.2 var(--font); color: var(--tekst); letter-spacing: -.02em; }
.odliczanie-w__prawa .przyciski { margin-top: 18px; }
.odliczanie-w--bilety { margin: 0 0 clamp(28px, 4vw, 48px); padding-top: 0; border-top: 0; }
@media (min-width: 960px) { .odliczanie-w { grid-template-columns: 7fr 5fr; align-items: end; } }
.odliczanie__statyczny { margin: 0; font: 800 clamp(2rem, 1.3rem + 2.4vw, 3.6rem)/1 var(--font); letter-spacing: -.04em; }
.odliczanie__pola { display: flex; flex-wrap: wrap; gap: clamp(10px, 1.6vw, 22px); }
.odliczanie__pola[hidden], .odliczanie__stan[hidden] { display: none; }
.odliczanie__pole { display: grid; gap: 6px; min-width: 2.2em; }
.odliczanie__liczba { font: 800 clamp(2.4rem, 1.4rem + 3.6vw, 5.4rem)/.9 var(--font); letter-spacing: -.05em; font-variant-numeric: tabular-nums;
background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .04em; }
.odliczanie__jedn { font: 600 13px/1 var(--font); letter-spacing: .08em; text-transform: uppercase; color: var(--tekst-3); }
.odliczanie--bez-sekund .odliczanie__pole:last-child { display: none; }
.odliczanie__stan { margin: 0; font: 800 clamp(1.8rem, 1.2rem + 2.2vw, 3.2rem)/1.05 var(--font); letter-spacing: -.04em; color: var(--czerwien-ciemna); }
.przygotuj { background: linear-gradient(150deg, #170b14 0%, #2a0f1f 62%, #4a1230 120%); color: #fff; }
.sekcja.przygotuj + .sekcja { border-top: 0; }
.przygotuj__gora { display: grid; gap: 18px; margin-bottom: clamp(32px, 4vw, 52px); }
.przygotuj .h2 { color: #fff; }
.przygotuj .sekcja__lead { color: var(--tekst-jasny-2); margin-top: 0; }
@media (min-width: 960px) { .przygotuj__gora { grid-template-columns: 7fr 5fr; align-items: end; column-gap: 48px; } }
.fakty-siatka { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 1px; list-style: none; }
.fakt { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 26px; min-height: clamp(180px, 16vw, 250px); padding: clamp(22px, 2.2vw, 32px);
background: #22101b; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14); transition: transform .35s var(--wyjscie), background-color .3s; }
.fakt:hover { transform: translateY(-6px); background: #2c1422; z-index: 1; }
.fakt__etyk { font: 700 12px/1.45 var(--font); letter-spacing: .12em; text-transform: uppercase; color: #cdb9c4; }
.fakt__liczba { display: flex; align-items: baseline; gap: .12em; font: 800 clamp(2.4rem, 1.5rem + 2.6vw, 4.2rem)/.9 var(--font); letter-spacing: -.05em; }
.fakt__liczba small { font-size: .38em; font-weight: 600; letter-spacing: 0; color: #e8d6de; }
.fakt--akcent { background: var(--gradient); box-shadow: none; }
.fakt--akcent:hover { background: var(--gradient); }
.fakt--akcent .fakt__etyk, .fakt--akcent .fakt__liczba small { color: #fff; }
.fakt--zart .fakt__liczba b { font-weight: 400; }
@media (prefers-reduced-motion: reduce) { .fakt { transition: none; } .fakt:hover { transform: none; } }
.infografika-sekcja .h3 { margin-bottom: clamp(24px, 3vw, 40px); }
.infografika { position: relative; }
.infografika__srodek { display: none; }
.infografika__linie { display: none; }
.infografika__lista { display: grid; gap: 1px; list-style: none; counter-reset: pozycja; background: var(--linia); border: 1px solid var(--linia); }
.infografika__el { padding: 18px 20px; background: #fff; font: 700 clamp(1.05rem, .95rem + .4vw, 1.3rem)/1.25 var(--font); letter-spacing: -.01em; }
@media (min-width: 900px) {
.infografika { min-height: 560px; }
.infografika__srodek { position: absolute; left: 50%; top: 50%; z-index: 2; display: grid; place-items: center; gap: 10px; width: 21%; aspect-ratio: 1; padding: 22px;
background: #fff; border: 6px solid transparent; border-image: var(--gradient) 1; transform: translate(-50%, -50%); }
.infografika__srodek img { width: 100%; height: auto; }
.infografika__srodek span { font: 800 13px/1 var(--font); letter-spacing: .3em; color: var(--czerwien); }
.infografika__linie { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; }
.infografika__linie path { fill: none; stroke: var(--linia-mocna); stroke-width: 1.2; vector-effect: non-scaling-stroke; stroke-dasharray: 1400; stroke-dashoffset: 1400;
transition: stroke-dashoffset 1.6s var(--wyjscie); }
.infografika.widoczne .infografika__linie path { stroke-dashoffset: 0; }
.infografika__lista { position: absolute; inset: 0; z-index: 1; display: block; background: none; border: 0; }
.infografika__el { position: absolute; width: 30%; padding: 0; background: none; font-size: clamp(1.05rem, .8rem + .6vw, 1.45rem); opacity: 0; transform: translateY(10px);
transition: opacity .6s ease, transform .8s var(--wyjscie); transition-delay: calc(var(--n) * 120ms + 300ms); }
.infografika.widoczne .infografika__el { opacity: 1; transform: none; }
.infografika__el span { display: block; padding-bottom: 12px; }
.infografika__el:nth-child(1) { left: 0; top: calc(110 / 560 * 100% - 3.4em); }
.infografika__el:nth-child(2) { left: 0; top: calc(280 / 560 * 100% - 3.4em); }
.infografika__el:nth-child(3) { left: 0; top: calc(450 / 560 * 100% - 3.4em); }
.infografika__el:nth-child(4) { right: 0; top: calc(110 / 560 * 100% - 3.4em); text-align: right; }
.infografika__el:nth-child(5) { right: 0; top: calc(280 / 560 * 100% - 3.4em); text-align: right; }
.infografika__el:nth-child(6) { right: 0; top: calc(450 / 560 * 100% - 3.4em); text-align: right; }
}
@media (min-width: 900px) and (prefers-reduced-motion: reduce) { .infografika__linie path { stroke-dashoffset: 0; transition: none; } .infografika__el { opacity: 1; transform: none; transition: none; } }
.bez-js .infografika__linie path { stroke-dashoffset: 0; }
.bez-js .infografika__el { opacity: 1; transform: none; }
.rozsuw { display: flex; gap: 10px; height: clamp(360px, 38vw, 600px); margin-top: clamp(28px, 3.5vw, 48px); }
.rozsuw__panel { position: relative; isolation: isolate; flex: 1 1 0; min-width: 0; overflow: hidden; background: var(--sliwka); color: #fff; transition: flex-grow .8s var(--wyjscie); }
@media (hover: hover) {
.rozsuw:hover .rozsuw__panel { flex-grow: .7; }
.rozsuw .rozsuw__panel:hover, .rozsuw .rozsuw__panel:focus-visible { flex-grow: 2.4; }
}
.rozsuw__foto { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--wyjscie); }
.rozsuw__panel:hover .rozsuw__foto { transform: scale(1.12) translate(-1.5%, -1%); transition: transform 9s linear; }
.rozsuw__panel::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(23, 11, 20, .9) 0%, rgba(23, 11, 20, .28) 55%, rgba(23, 11, 20, .08) 100%); }
.rozsuw__tresc { position: absolute; inset: auto 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: clamp(16px, 1.8vw, 28px); }
.rozsuw__ikona .ikona { width: 30px; height: 30px; color: var(--pomarancz); }
.rozsuw__nazwa { font: 800 clamp(1.15rem, .95rem + .8vw, 1.8rem)/1.08 var(--font); letter-spacing: -.03em; }
.rozsuw__opis { max-width: 30ch; font-size: 14.5px; line-height: 1.45; color: rgba(255, 255, 255, .88); opacity: 0; transform: translateY(8px); transition: opacity .5s ease, transform .6s var(--wyjscie); }
.rozsuw__panel:hover .rozsuw__opis, .rozsuw__panel:focus-visible .rozsuw__opis { opacity: 1; transform: none; }
@media (hover: none) { .rozsuw__opis { opacity: 1; transform: none; } }
@media (max-width: 759px) {
.rozsuw { flex-direction: column; height: auto; }
.rozsuw__panel { flex: none; aspect-ratio: 16 / 9; }
.rozsuw__opis { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .rozsuw__panel, .rozsuw__foto { transition: none; } .rozsuw__panel:hover .rozsuw__foto { transform: none; } }
.gala-film { background: var(--sliwka); color: #fff; }
.sekcja.gala-film + .sekcja { border-top: 0; }
.gala-film__w { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; }
@media (min-width: 960px) { .gala-film__w { grid-template-columns: 7fr 5fr; } }
.podglad-filmu { margin: 0; }
.podglad-filmu video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #000; }
.podglad-filmu figcaption { color: #cdb9c4; }
.gala-film .h2 { color: #fff; margin-bottom: 18px; }
.gala-film p { color: var(--tekst-jasny-2); }
.gala-film__logo { display: inline-grid; gap: 2px; margin: 0 0 22px; padding: 12px 16px; background: #fff; color: var(--sliwka) !important; transform: skewX(-8deg); }
.gala-film__logo b, .gala-film__logo span { transform: skewX(8deg); }
.gala-film__logo b { font: 800 15px/1.1 var(--font); letter-spacing: .06em; text-transform: uppercase; }
.gala-film__logo span { font: 600 12px/1.2 var(--font); letter-spacing: .14em; text-transform: uppercase; color: var(--czerwien-ciemna); }
.legenda-scen { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 8px; margin-bottom: clamp(28px, 3vw, 44px); list-style: none; }
.legenda-scen a { display: grid; gap: 4px; height: 100%; padding: 16px 18px; background: var(--kolor); color: #fff; transition: transform .3s var(--wyjscie), box-shadow .3s; }
.legenda-scen a:hover { transform: translateY(-3px); box-shadow: 0 10px 24px -14px var(--kolor); }
.legenda-scen b { font: 800 clamp(1.1rem, .95rem + .5vw, 1.45rem)/1.1 var(--font); letter-spacing: -.02em; }
.legenda-scen span { font-size: 13.5px; line-height: 1.35; color: rgba(255, 255, 255, .9); }
.scena-rzad { display: grid; gap: 8px; scroll-margin-top: calc(var(--naglowek-h) + 20px); }
.scena-rzad + .scena-rzad { margin-top: 8px; }
.scena-rzad__etyk { display: grid; align-content: space-between; gap: 14px; padding: clamp(20px, 2vw, 30px); background: var(--kolor); color: #fff; }
.scena-rzad__etyk > span { font: 700 12px/1 var(--font); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.scena-rzad__etyk h3 { margin: 0; font: 800 clamp(1.6rem, 1.1rem + 1.6vw, 2.6rem)/1 var(--font); letter-spacing: -.04em; }
.scena-rzad__etyk p { margin: 0; font-size: 15px; line-height: 1.4; color: rgba(255, 255, 255, .92); }
.scena-rzad__etyk .link-strzalka { margin-top: 0; color: #fff; background-image: linear-gradient(#fff, #fff); }
.scena-rzad__tematy { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 8px; list-style: none; }
.temat { position: relative; min-height: clamp(240px, 20vw, 320px); overflow: hidden; background: var(--sliwka); color: #fff; isolation: isolate; }
.temat__foto { position: absolute; inset: 0; z-index: -2; margin: 0; }
.temat__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--wyjscie); }
.temat:hover .temat__foto img { transform: scale(1.05); }
.temat::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(23, 11, 20, .92) 0%, rgba(23, 11, 20, .35) 55%, rgba(23, 11, 20, .1) 100%); }
.temat::before { content: ""; position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 6px; background: var(--kolor); }
.temat__tresc { position: absolute; inset: auto 0 0; padding: clamp(16px, 1.6vw, 24px); }
.temat__nr { display: inline-block; margin-bottom: 8px; padding: 4px 8px; background: var(--kolor); font: 800 13px/1 var(--font); letter-spacing: .04em; }
.temat__tytul { margin: 0; font: 800 clamp(1.15rem, 1rem + .5vw, 1.45rem)/1.15 var(--font); letter-spacing: -.02em; }
.temat__zrodlo { max-height: 0; margin: 0; overflow: hidden; font-size: 14px; line-height: 1.45; color: rgba(255, 255, 255, .9); opacity: 0;
transition: max-height .6s var(--wyjscie), opacity .4s ease, margin .6s var(--wyjscie); }
.temat:hover .temat__zrodlo, .temat.otwarty .temat__zrodlo, .temat:focus-within .temat__zrodlo { max-height: 8em; margin-top: 10px; opacity: 1; }
.temat__przelacz { position: absolute; inset: 0; z-index: 2; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
@media (hover: none) { .temat__zrodlo { max-height: none; margin-top: 10px; opacity: 1; } }
@media (min-width: 1000px) { .scena-rzad { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); } .scena-rzad__tematy { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .temat__foto img, .temat__zrodlo { transition: none; } }
.cennik { display: grid; gap: 14px; list-style: none; align-items: end; }
.bilet { position: relative; display: flex; flex-direction: column; border: 1px solid var(--linia-mocna); background: #fff; }
.bilet__gora { padding: clamp(20px, 2vw, 30px) clamp(20px, 2vw, 30px) 16px; }
.bilet__znacznik { display: inline-block; margin: 0 0 14px; padding: 6px 10px; background: var(--czerwien); color: #fff; font: 800 12px/1 var(--font); letter-spacing: .12em; text-transform: uppercase; }
.bilet__nazwa { margin: 0 0 6px; font: 800 clamp(1.5rem, 1.1rem + 1.2vw, 2.3rem)/1 var(--font); letter-spacing: -.04em; }
.bilet__dla { margin: 0 0 12px; font: 700 14.5px/1.35 var(--font); color: var(--czerwien-ciemna); }
.bilet__opis { margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--tekst-2); }
.bilet__cechy { flex: 1; margin: 0 clamp(20px, 2vw, 30px); list-style: none; border-top: 1px solid var(--linia); }
.bilet__cechy li { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--linia); font-size: 15px; }
.bilet__cechy .ikona { width: 18px; height: 18px; }
.bilet__cechy .jest .ikona { color: var(--czerwien); }
.bilet__cechy .brak { color: var(--tekst-3); }
.bilet__cechy .brak span:first-of-type { text-decoration: line-through; text-decoration-color: rgba(115, 102, 112, .5); }
.bilet__cena { display: grid; gap: 6px; margin-top: 20px; padding: 18px clamp(20px, 2vw, 30px) clamp(20px, 2vw, 26px); background: var(--sliwka); color: #fff; }
.bilet__kwota { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0; }
.bilet__kwota b { font: 800 clamp(1.9rem, 1.4rem + 1.4vw, 2.9rem)/1 var(--font); letter-spacing: -.04em; }
.bilet__kwota span { font: 600 14px/1 var(--font); color: #e8d6de; }
.bilet__druga { margin: 0 0 8px; font-size: 14px; color: #cdb9c4; }
.bilet__druga s { text-decoration-thickness: 1px; }
.bilet__cena .przycisk { justify-self: stretch; }
.bilet--polecany { border-color: var(--czerwien); box-shadow: 0 30px 60px -40px rgba(225, 38, 60, .6); }
.bilet--polecany .bilet__cena { background: var(--gradient); }
.bilet--polecany .bilet__cena .przycisk--pelny { background: #fff; border-color: #fff; color: var(--czerwien-ciemna); }
.bilet--polecany .bilet__cena .przycisk--pelny:hover { background: var(--sliwka); border-color: var(--sliwka); color: #fff; }
@media (min-width: 960px) {
.cennik { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.bilet { margin-top: calc((2 - var(--st)) * clamp(28px, 3vw, 48px)); }
}
.rabaty { display: grid; gap: 14px; margin-top: clamp(28px, 3vw, 44px); padding: clamp(20px, 2vw, 28px); border: 1px solid var(--linia-mocna); background: var(--krem); }
.rabaty ul { display: grid; gap: 10px; list-style: none; }
.rabaty li { display: flex; align-items: baseline; gap: 14px; }
.rabaty b { flex: none; min-width: 3.2ch; font: 800 1.6rem/1 var(--font); letter-spacing: -.03em; color: var(--czerwien-ciemna); }
@media (min-width: 900px) { .rabaty { grid-template-columns: 1fr 3fr; align-items: center; } .rabaty ul { grid-template-columns: repeat(3, 1fr); } }
.po-zakupie { display: flex; align-items: flex-start; gap: 12px; max-width: 70ch; margin: 22px 0 0; font-size: 15.5px; color: var(--tekst-2); }
.po-zakupie .ikona { width: 22px; height: 22px; margin-top: 2px; color: var(--czerwien); }
.partner-pas { background: var(--krem); }
.partner-pas__w { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; }
@media (min-width: 960px) { .partner-pas__w { grid-template-columns: 5fr 7fr; } }
.partner-pas__od { margin: 14px 0 12px; font: 600 18px/1.2 var(--font); }
.partner-pas__od b { font: 800 clamp(2rem, 1.4rem + 2vw, 3.4rem)/1 var(--font); letter-spacing: -.04em; background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; }
.partner-pas__tekst p:not(.partner-pas__od) { max-width: 46ch; color: var(--tekst-2); }
.partner-pas__lista { display: grid; list-style: none; border-top: 1px solid var(--linia-mocna); }
.partner-pas__lista a { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 16px 4px; border-bottom: 1px solid var(--linia-mocna);
font: 700 clamp(1.05rem, .95rem + .4vw, 1.35rem)/1.25 var(--font); transition: padding .3s var(--wyjscie), background-color .25s, color .25s; }
.partner-pas__lista a:hover { padding-inline: 16px; background: var(--sliwka); color: #fff; }
.partner-pas__lista b { flex: none; font-weight: 800; color: var(--czerwien-ciemna); }
.partner-pas__lista a:hover b { color: #fff; }
.artykuly { display: grid; gap: 24px; }
@media (min-width: 760px) { .artykuly { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .artykuly { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.artykul { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--linia-mocna); background: #fff; }
.artykul__foto { display: block; aspect-ratio: 1.6; overflow: hidden; background: var(--krem-2); }
.artykul__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--wyjscie); }
.artykul:hover .artykul__foto img { transform: scale(1.04); }
.artykul__tresc { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 0 24px 24px; }
.artykul__logo { position: relative; display: grid; place-items: center; width: 72px; height: 72px; margin: -28px 0 18px; padding: 10px; border: 1px solid var(--linia-mocna); background: #fff; }
.artykul__logo img { width: 100%; height: auto; }
.artykul__logo--dmr { background: var(--sliwka); color: #fff; border-color: var(--sliwka); align-content: center; gap: 2px; }
.artykul__logo--dmr b { font: 800 18px/1 var(--font); letter-spacing: .02em; }
.artykul__logo--dmr small { font: 700 10px/1 var(--font); letter-spacing: .2em; color: var(--pomarancz); }
.artykul__tytul { margin: 0; font: 800 clamp(1.1rem, 1rem + .35vw, 1.35rem)/1.22 var(--font); letter-spacing: -.02em; }
.artykul__tytul a:hover { color: var(--czerwien-ciemna); }
.artykul__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 10px 0 20px; font-size: 13.5px; line-height: 1.5; color: var(--tekst-3); }
.artykul__meta a { color: var(--fiolet); border-bottom: 1px solid rgba(110, 43, 196, .35); }
.artykul__meta a:hover { color: var(--fiolet-ciemny); border-bottom-color: var(--fiolet); }
.artykul__zajawka { margin: -6px 0 20px; font-size: 15.5px; color: var(--tekst-2); }
.artykul__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: auto; padding: 12px 16px; border-bottom: 4px solid var(--pomarancz);
background: var(--czerwien); color: #fff; font: 700 16px/1.2 var(--font); transition: background-color .2s; }
.artykul__cta:hover { background: var(--czerwien-ciemna); }
.artykul--duzy .artykul__tytul { font-size: clamp(1.35rem, 1.1rem + .8vw, 1.9rem); }
@media (prefers-reduced-motion: reduce) { .artykul__foto img { transition: none; } }
.intercontinental__w { display: grid; gap: clamp(28px, 4vw, 64px); align-items: center; }
@media (min-width: 960px) { .intercontinental__w { grid-template-columns: 5fr 7fr; } }
.intercontinental__tekst .etykiety { margin-bottom: 22px; }
.intercontinental__tekst .h2 { margin-bottom: 16px; }
.intercontinental__tekst p { max-width: 50ch; color: var(--tekst-2); }
.odleglosci { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 24px 0 8px; list-style: none; background: var(--linia-mocna); border: 1px solid var(--linia-mocna); }
.odleglosci li { display: grid; gap: 6px; padding: 16px 14px; background: #fff; }
.odleglosc__ikona .ikona { width: 26px; height: 26px; color: var(--czerwien); }
.odleglosci strong { font: 800 clamp(1.6rem, 1.2rem + 1.2vw, 2.4rem)/1 var(--font); letter-spacing: -.04em; }
.odleglosci li > span:last-child { font-size: 14px; line-height: 1.35; color: var(--tekst-2); }
.kolaz-hotel { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: clamp(90px, 9vw, 150px); gap: 8px; }
.kolaz-hotel figure { margin: 0; overflow: hidden; background: var(--krem-2); }
.kolaz-hotel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--wyjscie); }
.kolaz-hotel figure:hover img { transform: scale(1.04); }
.kolaz-hotel__a { grid-column: 1 / span 3; grid-row: 1 / span 3; }
.kolaz-hotel__b { grid-column: 4 / span 3; grid-row: 1 / span 2; }
.kolaz-hotel__c { grid-column: 4 / span 2; grid-row: 3 / span 2; }
.kolaz-hotel__d { grid-column: 1 / span 3; grid-row: 4 / span 1; }
.kolaz-hotel__e { grid-column: 6 / span 1; grid-row: 3 / span 2; }
.zaproszenie { position: relative; isolation: isolate; display: flex; align-items: flex-end; min-height: clamp(460px, 56vw, 760px); padding-block: clamp(48px, 6vw, 96px) 0; overflow: hidden; background: #d9d6d2; }
.zaproszenie__tlo { position: absolute; inset: 0; z-index: -1; }
.zaproszenie__tlo img { width: 100%; height: 100%; object-fit: cover; }
.zaproszenie__w { position: relative; display: grid; gap: 24px; align-items: end; padding-bottom: clamp(28px, 4vw, 56px); }
.zaproszenie__logo { width: clamp(140px, 14vw, 220px); height: auto; }
.zaproszenie__nad { margin: 0 0 10px; font: 600 clamp(15px, .8rem + .4vw, 19px)/1.2 var(--font); letter-spacing: .06em; text-transform: uppercase; }
.zaproszenie__tytul { max-width: 14ch; margin: 0 0 22px; font: 800 clamp(2rem, 1.2rem + 3vw, 4.4rem)/.95 var(--font); letter-spacing: -.045em; text-transform: uppercase; color: var(--tekst); }
.zaproszenie__etyk { justify-self: end; }
@media (min-width: 960px) { .zaproszenie__w { grid-template-columns: auto 1fr auto; column-gap: clamp(28px, 4vw, 64px); } }
@media (max-width: 959px) { .zaproszenie::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .78) 70%); } .zaproszenie__etyk { justify-self: start; } }
.rada-blok__gora { display: grid; gap: clamp(22px, 3vw, 40px); margin-bottom: clamp(28px, 3vw, 44px); }
@media (min-width: 960px) { .rada-blok__gora { grid-template-columns: 6fr 6fr; align-items: end; column-gap: 48px; } }
.rada-siatka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; list-style: none; }
@media (min-width: 760px) { .rada-siatka { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .rada-siatka { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.radny__foto { display: grid; place-items: center; aspect-ratio: 4 / 5; overflow: hidden; background: linear-gradient(150deg, var(--krem-2), #f1d9d2); }
.radny__foto img { width: 100%; height: 100%; object-fit: cover; }
.radny__foto span { font: 800 clamp(2rem, 1.4rem + 2vw, 3.4rem)/1 var(--font); letter-spacing: -.04em; background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; }
.radny__osoba { margin: 12px 0 2px; font: 800 clamp(1.05rem, .95rem + .35vw, 1.3rem)/1.2 var(--font); letter-spacing: -.02em; }
.radny__firma { margin: 0; font-size: 15px; color: var(--tekst-2); }
.radny__gp { display: inline-block; margin: 8px 0 0; padding: 4px 8px; background: var(--sliwka); color: #fff; font: 700 12px/1.2 var(--font); letter-spacing: .06em; text-transform: uppercase; }
.kolaz-4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 900px) { .kolaz-4 { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: repeat(2, clamp(150px, 15vw, 240px)); } .kolaz-4 figure:first-child { grid-row: span 2; } .kolaz-4 figure:last-child { grid-column: span 2; } }
.kolaz-4 figure { margin: 0; overflow: hidden; background: var(--krem-2); }
.kolaz-4 img { width: 100%; height: 100%; min-height: 150px; object-fit: cover; }
.miejsce-dojazd { position: relative; isolation: isolate; color: #fff; background: var(--sliwka); }
.miejsce-dojazd__tlo { position: absolute; inset: 0; z-index: -1; }
.miejsce-dojazd__tlo img { width: 100%; height: 100%; object-fit: cover; }
.miejsce-dojazd__tlo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(23, 11, 20, .92), rgba(23, 11, 20, .72)); }
.miejsce-dojazd .h2 { color: #fff; }
.miejsce-dojazd .sekcja__lead, .miejsce-dojazd .lista-linie span { color: var(--tekst-jasny-2); }
.miejsce-dojazd .lista-linie { border-color: rgba(255, 255, 255, .3); }
.miejsce-dojazd .lista-linie li { border-color: rgba(255, 255, 255, .3); }
.miejsce-dojazd .link-strzalka { color: #fff; }
.marki-siatka { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; border-top: 1px solid var(--linia); border-left: 1px solid var(--linia); }
@media (min-width: 700px) { .marki-siatka { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .marki-siatka { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.marki-siatka li { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; padding: clamp(14px, 2vw, 28px); border-right: 1px solid var(--linia); border-bottom: 1px solid var(--linia); }
.marki-siatka img { grid-area: 1 / 1; width: 100%; max-width: 150px; height: 100%; max-height: 56px; object-fit: contain; transition: opacity .3s ease; }
.marka__cz { opacity: .78; }
.marka__kolor { opacity: 0; }
.marki-siatka li:hover .marka__cz { opacity: 0; }
.marki-siatka li:hover .marka__kolor { opacity: 1; }
.marki-siatka li:not(:has(.marka__kolor)):hover .marka__cz { opacity: 1; }
.prelegenci-26 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; list-style: none; }
@media (min-width: 760px) { .prelegenci-26 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .prelegenci-26 { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.prelegent26__foto { display: grid; place-items: center; aspect-ratio: 4 / 5; overflow: hidden; background: linear-gradient(150deg, var(--krem-2), #f1d9d2); }
.prelegent26__foto img { width: 100%; height: 100%; object-fit: cover; }
.prelegent26__inicjaly { font: 800 clamp(2rem, 1.4rem + 2vw, 3.4rem)/1 var(--font); letter-spacing: -.04em; background: var(--gradient-tekst); -webkit-background-clip: text; background-clip: text; color: transparent; }
.prelegent26__osoba { margin: 12px 0 2px; font: 800 clamp(1.05rem, .95rem + .35vw, 1.3rem)/1.2 var(--font); letter-spacing: -.02em; }
.prelegent26__stan { margin: 0; font-size: 15px; color: var(--tekst-2); }
.prelegent26__stan a { color: var(--fiolet); border-bottom: 1px solid rgba(110, 43, 196, .35); }
.prelegent26__rola { display: inline-block; margin: 8px 0 0; padding: 4px 8px; background: var(--czerwien); color: #fff; font: 700 12px/1.2 var(--font); letter-spacing: .04em; }
.prelegent26--wolne a { display: grid; align-content: space-between; gap: 8px; aspect-ratio: 4 / 5; padding: 16px; border: 1.5px dashed var(--linia-mocna); background: var(--krem);
font-size: 14px; transition: border-color .2s, background-color .2s; }
.prelegent26--wolne a:hover { border-color: var(--czerwien); background: #fff; }
.prelegent26--wolne b { font: 800 1.1rem/1.2 var(--font); }
.prelegent26--wolne span:last-child { font-weight: 700; color: var(--czerwien-ciemna); }
.radny__firma a { color: var(--fiolet); border-bottom: 1px solid rgba(110, 43, 196, .35); }
.pakiety-wejscie { position: relative; display: grid; min-height: clamp(560px, 70vh, 780px); padding-top: calc(var(--naglowek-h) + 24px); overflow: hidden; background: #fff; }
.pakiety-wejscie__w { position: relative; z-index: 1; display: flex; align-items: center; padding-block: clamp(24px, 4vw, 56px); }
.pakiety-wejscie__tekst { width: min(100%, 560px); }
.pakiety-wejscie .okruchy { margin-bottom: 18px; }
.pakiety-wejscie .h1 { margin-bottom: 16px; }
.pakiety-wejscie__lead { max-width: 44ch; margin: 0 0 22px; font-size: clamp(1.02rem, .96rem + .3vw, 1.2rem); color: var(--tekst-2); }
.pakiety-wejscie__lista { display: grid; list-style: none; border-top: 1px solid var(--linia-mocna); }
.pakiety-wejscie__lista a { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 13px 2px; border-bottom: 1px solid var(--linia-mocna);
font: 800 clamp(.95rem, .85rem + .4vw, 1.2rem)/1.2 var(--font); letter-spacing: .02em; text-transform: uppercase; transition: padding .3s var(--wyjscie), color .2s; }
.pakiety-wejscie__lista b { flex: none; color: var(--czerwien-ciemna); letter-spacing: 0; }
.pakiety-wejscie__lista a:hover { padding-left: 12px; color: var(--czerwien-ciemna); }
.pakiety-wejscie__foto { margin: 0; }
.pakiety-wejscie__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; }
@media (min-width: 960px) {
.pakiety-wejscie__foto { position: absolute; inset: 0 0 0 38%; clip-path: polygon(34% 0, 100% 0, 100% 100%, 0 100%); }
}
@media (max-width: 959px) { .pakiety-wejscie { padding-bottom: 0; } .pakiety-wejscie__foto { height: 280px; clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%); } }
.tabela-pakietow { display: none; }
.tabela-pakietow table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; }
.tabela-pakietow thead th, .tabela-pakietow thead td { position: sticky; top: var(--naglowek-h); z-index: 2; background: #fff; border-bottom: 2px solid var(--tekst); }
.tabela-pakietow thead th { padding: 14px 10px; text-align: center; vertical-align: bottom; }
.tabela-pakietow__znacznik { display: inline-block; margin-bottom: 8px; padding: 5px 8px; background: var(--czerwien); color: #fff; font: 800 11px/1 var(--font); letter-spacing: .12em; text-transform: uppercase; }
.tabela-pakietow__nazwa { display: block; font: 800 15px/1.2 var(--font); }
.tabela-pakietow__cena { display: block; margin-top: 4px; font: 800 clamp(1.05rem, .9rem + .5vw, 1.35rem)/1.1 var(--font); color: var(--czerwien-ciemna); }
.tabela-pakietow tbody th { padding: 12px 12px 12px 0; text-align: left; font-weight: 600; border-bottom: 1px solid var(--linia); }
.tabela-pakietow tbody td { padding: 12px 8px; text-align: center; border-bottom: 1px solid var(--linia); }
.tabela-pakietow tbody tr:hover th, .tabela-pakietow tbody tr:hover td { background: var(--krem); }
.tabela-pakietow .najpelniejszy { background: rgba(225, 38, 60, .05); }
.tabela-pakietow thead th.najpelniejszy { background: #fff5f5; box-shadow: inset 0 3px 0 var(--czerwien); }
.tabela-pakietow .ikona.tak { width: 20px; height: 20px; margin: 0 auto; color: var(--czerwien); }
.tabela-pakietow .brak { color: var(--tekst-3); }
.liczba-biletow { font: 800 1.2rem/1 var(--font); }
.opcja { display: inline-block; padding: 3px 7px; border: 1px solid var(--linia-mocna); font-size: 12.5px; font-weight: 600; color: var(--tekst-2); white-space: nowrap; }
.tabela-pakietow tfoot td { padding: 16px 6px 0; text-align: center; vertical-align: top; }
.tabela-pakietow tfoot .przycisk { white-space: normal; }
@media (min-width: 1000px) { .tabela-pakietow { display: block; } .pakiety-telefon { display: none; } }
.pakiety-telefon__zakladki { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.pakiety-telefon__zakladki button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--linia-mocna); background: #fff; font: 700 14px/1.2 var(--font); }
.pakiety-telefon__zakladki button[aria-selected="true"] { border-color: var(--tekst); background: var(--tekst); color: #fff; }
.bez-js .pakiety-telefon__zakladki { display: none; }
.pakiet-lista { padding: 18px; border: 1px solid var(--linia-mocna); background: #fff; }
.pakiet-lista + .pakiet-lista { margin-top: 12px; }
.pakiety-telefon--js .pakiet-lista { display: none; }
.pakiety-telefon--js .pakiet-lista.aktywny { display: block; }
.pakiet-lista h3 { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 12px; font: 800 1.2rem/1.2 var(--font); }
.pakiet-lista h3 b { color: var(--czerwien-ciemna); }
.pakiet-lista ul { margin-bottom: 16px; list-style: none; border-top: 1px solid var(--linia); }
.pakiet-lista li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--linia); font-size: 15px; }
.pakiet-lista li.brak { color: var(--tekst-3); }
.pakiet-lista .wartosc { flex: none; }
.pakiet-lista .ikona.tak { width: 18px; height: 18px; color: var(--czerwien); }
.talia__opis { font-weight: 600; color: var(--tekst) !important; }
.founding { padding-block: var(--sekcja); background: linear-gradient(150deg, #170b14 0%, #2a0f1f 70%, #3a1028 120%); color: #fff; }
.founding__gora { display: grid; gap: 14px; margin-bottom: clamp(28px, 3vw, 44px); }
.founding__etyk { justify-self: start; margin: 0; padding: .55em .9em; background: var(--czerwien); font: 800 13px/1 var(--font); letter-spacing: .12em; text-transform: uppercase; }
.founding .h2 { color: #fff; }
.founding__cena { margin: 0; font: 800 clamp(1.6rem, 1.2rem + 1.6vw, 2.8rem)/1 var(--font); letter-spacing: -.03em; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; justify-self: start; }
.founding__lead { max-width: 60ch; margin: 0 0 8px; color: var(--tekst-jasny-2); }
.founding__gora .przycisk { justify-self: start; }
.founding__bloki { display: grid; gap: 1px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .14); }
@media (min-width: 760px) { .founding__bloki { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .founding__bloki { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.founding__blok { padding: clamp(20px, 2vw, 28px); background: #22101b; }
.founding__blok h3 { margin: 0 0 14px; font: 800 1.25rem/1.2 var(--font); color: var(--pomarancz); }
.founding__blok ul { display: grid; gap: 10px; list-style: none; }
.founding__blok li { padding-left: 16px; border-left: 2px solid rgba(255, 255, 255, .25); font-size: 15px; line-height: 1.45; color: #efe3e8; }
.specjalne { display: grid; gap: 18px; }
@media (min-width: 960px) { .specjalne { grid-template-columns: 1fr 1fr; } }
.specjalny { display: grid; gap: 18px; align-content: start; padding: clamp(20px, 2vw, 30px); border: 1px solid var(--linia-mocna); background: #fff; }
.specjalny__gora { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 18px; padding-bottom: 14px; border-bottom: 2px solid var(--tekst); }
.specjalny h3 { margin: 0; font: 800 clamp(1.4rem, 1.1rem + 1vw, 2rem)/1.05 var(--font); letter-spacing: -.03em; }
.specjalny__cena { margin: 0; font: 800 1.15rem/1.2 var(--font); color: var(--czerwien-ciemna); }
.specjalny__sekcje { display: grid; gap: 16px 24px; }
@media (min-width: 600px) { .specjalny__sekcje { grid-template-columns: 1fr 1fr; } }
.specjalny h4 { margin: 0 0 8px; font: 700 13px/1.3 var(--font); letter-spacing: .1em; text-transform: uppercase; color: var(--tekst-3); }
.specjalny ul { display: grid; gap: 6px; list-style: none; font-size: 15px; }
.specjalny li::before { content: "— "; color: var(--czerwien); }
.specjalny .przycisk { justify-self: start; }
.bez-oplaty { display: grid; gap: 18px; }
@media (min-width: 1100px) { .bez-oplaty { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bez-oplaty__kol { display: grid; gap: 14px; align-content: start; padding: clamp(20px, 2vw, 28px); border: 1px solid var(--linia-mocna); }
.bez-oplaty__kol h3 { margin: 0; font: 800 1.35rem/1.15 var(--font); letter-spacing: -.02em; }
.bez-oplaty__wartosc { margin: 0; font-size: 15px; color: var(--tekst-2); }
.bez-oplaty__wartosc b { color: var(--czerwien-ciemna); }
.bez-oplaty__dwie { display: grid; gap: 16px; }
.bez-oplaty__tytul { margin: 0 0 8px; padding: .45em .7em; background: var(--sliwka); color: #fff; font: 800 12px/1 var(--font); letter-spacing: .12em; text-transform: uppercase; display: inline-block; }
.bez-oplaty__kol h4 { margin: 12px 0 4px; font: 700 13px/1.3 var(--font); color: var(--tekst-3); }
.bez-oplaty__kol ul { display: grid; gap: 4px; list-style: none; font-size: 15px; }
.bez-oplaty__kol li::before { content: "— "; color: var(--czerwien); }
.bez-oplaty__kol .przycisk { justify-self: start; }
.agenda__gora { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 16px 32px; margin-bottom: 24px; }
.agenda__gora .uwaga-robocza { margin: 0; }
.agenda__gora .przyciski { margin-top: 0; }
.os-dnia { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; margin-bottom: clamp(24px, 3vw, 40px); list-style: none;
background: var(--linia-mocna); border: 1px solid var(--linia-mocna); }
.os-dnia a { position: relative; display: grid; gap: 8px; height: 100%; padding: 16px; background: #fff; transition: background-color .2s; }
.os-dnia a:hover { background: var(--krem); }
.os-dnia b { font: 800 clamp(1.4rem, 1.1rem + 1vw, 2.1rem)/1 var(--font); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.os-dnia span { font-size: 14.5px; line-height: 1.35; color: var(--tekst-2); }
.os-dnia .teraz a { background: var(--sliwka); color: #fff; }
.os-dnia .teraz span { color: #efe3e8; }
.os-dnia .teraz a::after { content: attr(data-teraz); position: absolute; top: 10px; right: 10px; padding: 4px 7px; background: var(--czerwien); color: #fff; font: 800 11px/1 var(--font); letter-spacing: .1em; text-transform: uppercase; }
.filtry--sceny { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.filtry--sceny button { --kolor: var(--tekst); display: grid; gap: 2px; justify-items: start; min-height: 52px; padding: 10px 14px; border: 1.5px solid var(--kolor); background: #fff; color: var(--tekst); text-align: left; }
.filtry--sceny button b { font: 800 15px/1.2 var(--font); }
.filtry--sceny button small { font-size: 12px; color: var(--tekst-3); }
.filtry--sceny button[aria-pressed="true"] { background: var(--kolor); color: #fff; }
.filtry--sceny button[aria-pressed="true"] small { color: rgba(255, 255, 255, .88); }
.filtry--sceny button[style]::before { display: none; }
.sesje-naglowek { display: none; }
@media (min-width: 900px) { .sesje-naglowek { display: grid; grid-template-columns: 150px 1fr; gap: 24px; padding: 0 0 10px; border-bottom: 2px solid var(--tekst); font: 800 13px/1 var(--font); letter-spacing: .12em; text-transform: uppercase; color: var(--tekst-3); } }
.sesje { list-style: none; }
.sesja { position: relative; display: grid; grid-template-columns: 1fr; gap: 8px 24px; padding: 24px 0 24px 18px; border-bottom: 1px solid var(--linia); }
.sesja::before { content: ""; position: absolute; left: 0; top: 24px; bottom: 24px; width: 5px; background: var(--kolor); }
.sesja[hidden] { display: none; }
.sesja__czas { margin: 0; font: 800 clamp(1.3rem, 1.05rem + .8vw, 1.9rem)/1 var(--font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.sesja__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin: 0 0 6px; font-size: 13.5px; color: var(--tekst-2); }
.sesja__scena { font-weight: 800; color: var(--kolor); }
.sesja__blok { font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.sesja__robocza { padding: 2px 6px; border: 1px solid var(--linia-mocna); font-size: 11.5px; color: var(--tekst-3); }
.sesja__tytul { margin: 0; font: 800 clamp(1.1rem, 1rem + .45vw, 1.45rem)/1.25 var(--font); letter-spacing: -.015em; color: var(--kolor); }
.sesja--krotka .sesja__tytul { font-size: 1.05rem; color: var(--tekst); }
.sesja--krotka { padding-block: 14px; }
.sesja--krotka::before { top: 14px; bottom: 14px; opacity: .5; }
.sesja__opis { max-width: 70ch; margin: 8px 0 0; font-size: 16px; color: var(--tekst-2); }
.sesja__pytania { margin-top: 12px; font-size: 15px; }
.sesja__pytania summary { cursor: pointer; font-weight: 700; color: var(--fiolet); }
.sesja__pytania ol { display: grid; gap: 6px; margin-top: 10px; padding-left: 22px; color: var(--tekst-2); }
.sesja.teraz { background: linear-gradient(90deg, rgba(225, 38, 60, .06), transparent 60%); }
@media (min-width: 900px) { .sesja { grid-template-columns: 150px 1fr; } }
.osoby { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; margin-top: 16px; list-style: none; }
.osoba__foto { display: grid; place-items: center; aspect-ratio: 4 / 5; overflow: hidden; background: var(--krem-2); }
.osoba__foto img { width: 100%; height: 100%; object-fit: cover; }
.osoba__inicjaly { font: 800 1.8rem/1 var(--font); color: var(--tekst-3); }
.osoba__nazwa { margin: 8px 0 0; font: 800 14.5px/1.25 var(--font); }
.osoba__firma, .osoba__rola { margin: 0; font-size: 13px; color: var(--tekst-2); }
.osoba--wolne a, .osoba--partner a { display: grid; align-content: space-between; gap: 6px; aspect-ratio: 4 / 5; padding: 14px; border: 1.5px dashed var(--linia-mocna);
background: var(--krem); font-size: 13.5px; line-height: 1.3; transition: border-color .2s, background-color .2s; }
.osoba--wolne a:hover, .osoba--partner a:hover { border-color: var(--czerwien); background: #fff; }
.osoba--wolne b, .osoba--partner b { font: 800 15px/1.2 var(--font); }
.osoba--wolne small { color: var(--tekst-3); }
.osoba--wolne span:last-child, .osoba--partner span:last-child { font-weight: 700; color: var(--czerwien-ciemna); }
.osoba__plus .ikona { width: 26px; height: 26px; color: var(--czerwien); }
.osoba--partner a { border-style: solid; }
.agenda__licznik { margin: 0 0 12px; font-size: 14px; color: var(--tekst-3); }
.agenda-wkrotce { display: grid; gap: 16px; }
.agenda-wkrotce__tytul { margin: 0; font: 800 clamp(1.6rem, 1.2rem + 1.4vw, 2.6rem)/1 var(--font); letter-spacing: -.03em; }
.agenda-wkrotce > p { max-width: 62ch; margin: 0; color: var(--tekst-2); }
.sceny-wkrotce { display: grid; gap: 8px; list-style: none; }
@media (min-width: 760px) { .sceny-wkrotce { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1200px) { .sceny-wkrotce { grid-template-columns: repeat(4, 1fr); } }
.scena-wkrotce { padding: 18px; border-top: 5px solid var(--kolor); background: var(--krem); }
.scena-wkrotce h3 { margin: 0 0 4px; font: 800 1.2rem/1.2 var(--font); color: var(--kolor); }
.scena-wkrotce__haslo { margin: 0 0 10px; font-size: 13px; color: var(--tekst-3); }
.scena-wkrotce ul { display: grid; gap: 6px; list-style: none; font-size: 14.5px; }
.sesje--zajawka .sesja { padding-block: 20px; }
.scena__haslo { font: 700 14px/1.35 var(--font); color: var(--czerwien-ciemna) !important; }
.pelna-sala { margin: 0; }
.pelna-sala img { width: 100%; height: clamp(320px, 56vw, 820px); object-fit: cover; }
.pelna-sala--niska img { height: clamp(260px, 38vw, 560px); }
.pelna-sala figcaption { margin-top: 10px; }
.odliczanie--pasmo { margin-top: 26px; color: #fff; }
.odliczanie--pasmo .odliczanie__liczba { background: var(--gradient-jasny); -webkit-background-clip: text; background-clip: text; font-size: clamp(2rem, 1.3rem + 2.4vw, 3.6rem); }
.odliczanie--pasmo .odliczanie__jedn { color: #e8d6de; }
.odliczanie--pasmo .odliczanie__statyczny { font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem); }
.odliczanie--pasmo .odliczanie__stan { color: #fff; }
body:has(.pakiety-wejscie) .naglowek { background: var(--biel); color: var(--tekst); box-shadow: 0 1px 0 var(--linia); }
body:has(.pakiety-wejscie) .naglowek .logo img { filter: brightness(0); }
body:has(.pakiety-wejscie) .naglowek .logo__cmo { color: var(--czerwien-ciemna); }
@font-face { font-family: "Galano Grotesque"; font-style: normal; font-weight: 300; font-display: swap; src: url("czcionki/galano/Galano%20Grotesque%20Light.woff") format("woff"); }
@font-face { font-family: "Galano Grotesque"; font-style: normal; font-weight: 700; font-display: swap; src: url("czcionki/galano/Galano%20Grotesque%20Bold.woff") format("woff"); }
html[data-font="galano"] { --font-galano: "Galano Grotesque", "Sora", system-ui, sans-serif; }
html[data-font="galano"] .h1, html[data-font="galano"] .h2, html[data-font="galano"] .h3, html[data-font="galano"] .h4, html[data-font="galano"] .display,
html[data-font="galano"] .hero__tytul, html[data-font="galano"] .claim, html[data-font="galano"] .pasmo__tytul, html[data-font="galano"] .karta__tytul,
html[data-font="galano"] .karta__tresc-tytul, html[data-font="galano"] .talia__nazwa, html[data-font="galano"] .scena-rzad__etyk h3, html[data-font="galano"] .temat__tytul,
html[data-font="galano"] .bilet__nazwa, html[data-font="galano"] .zaproszenie__tytul, html[data-font="galano"] .rozsuw__nazwa, html[data-font="galano"] .etykiety span,
html[data-font="galano"] .naglowek__menu, html[data-font="galano"] .naglowek__menu a, html[data-font="galano"] .naglowek__menu button, html[data-font="galano"] .przycisk,
html[data-font="galano"] .fakt__liczba, html[data-font="galano"] .odliczanie__liczba, html[data-font="galano"] .liczba-duza, html[data-font="galano"] .founding__cena,
html[data-font="galano"] .specjalny h3, html[data-font="galano"] .sesja__tytul, html[data-font="galano"] .os-dnia b, html[data-font="galano"] .artykul__tytul {
font-family: var(--font-galano); font-weight: 700; letter-spacing: -.01em; }
html[data-font="galano"] .h1 em, html[data-font="galano"] .h2 em, html[data-font="galano"] .h3 em, html[data-font="galano"] .display em, html[data-font="galano"] .hero__tytul em,
html[data-font="galano"] .claim__linia--lekka, html[data-font="galano"] .akcent {
font-family: var(--font-galano); font-weight: 300; }
html[data-font="galano"] .claim { letter-spacing: 0; }
html[data-font="galano"] .hero__tytul { letter-spacing: -.02em; }