:root { --bordo: #870219; --bordo-ciemne: #6B0114; --czern: #00040B; --szary-tekst: #66686C; --szary-ozdobny: #C3C6CE; --linia: #E5E5E7; --biel: #FFFFFF; --tlo-jasne: #F5F5F5; --tlo-strony: #FEFEFF; --t-etykieta: 13px; --t-tekst: 17px; --t-lead: 20px; --t-h3: clamp(24px, 2.4vw, 30px); --t-h2: clamp(30px, 3.4vw, 48px); --t-h1: clamp(38px, 4.6vw, 68px); --t-hero: clamp(44px, 6vw, 92px); --g-tekst: 400; --g-odnosnik: 500; --g-naglowek: 500; --g-tytul: 500; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonty/jost-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: 'Jost'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonty/jost-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; } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonty/dm-sans-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: 'DM Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonty/dm-sans-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; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--tlo-strony); color: var(--szary-tekst); font-family: 'DM Sans', Helvetica, Arial, sans-serif; font-size: var(--t-tekst); font-weight: var(--g-tekst); -webkit-font-smoothing: antialiased; } a { color: var(--bordo); } a:hover { color: var(--czern); } img { max-width: 100%; } input, button, textarea { font-family: 'DM Sans', Helvetica, Arial, sans-serif; } input::placeholder { color: var(--szary-tekst); } summary::-webkit-details-marker { display: none; } :focus-visible { outline: 2px solid var(--bordo); outline-offset: 3px; } .head-cta:focus-visible, .form-przycisk:focus-visible, .pasek-cta:focus-visible, .skip:focus-visible, .h2:focus-visible, .h9:focus-visible { outline-color: var(--czern); } [data-anim] { opacity: 0; transform: translateY(22px); } [data-anim][data-widoczny] { opacity: 1; transform: none; transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } [data-anim] { opacity: 1; transform: none; transition: none; } } .formularz { background: var(--biel); border: 1px solid var(--linia); padding: clamp(28px, 3vw, 44px); border-radius: 12px; } .form-tytul { margin: 0 0 8px; font-family: 'Jost', sans-serif; font-weight: var(--g-naglowek); font-size: var(--t-h3); color: var(--czern); } .form-wstep { margin: 0 0 28px; font-size: var(--t-tekst); line-height: 1.6; } .form-etykieta { display: block; font-size: var(--t-etykieta); color: var(--czern); font-weight: var(--g-odnosnik); margin-bottom: 8px; } .form-pole { width: 100%; box-sizing: border-box; border: 1px solid var(--linia); background: var(--tlo-strony); padding: 16px; font-size: var(--t-tekst); color: var(--czern); margin-bottom: 4px; min-height: 44px; border-radius: 6px; } .form-pole:focus { border-color: var(--bordo); } .form-pole:user-invalid { border-color: var(--bordo); } .form-blad { margin: 0 0 16px; font-size: var(--t-etykieta); color: var(--bordo); min-height: 18px; } .form-zgoda { display: flex; gap: 12px; align-items: flex-start; font-size: var(--t-etykieta); line-height: 1.55; cursor: pointer; margin-bottom: 4px; } .form-zgoda input { margin-top: 2px; width: 24px; height: 24px; accent-color: var(--bordo); flex: 0 0 auto; } .form-przycisk { width: 100%; background: var(--bordo); color: var(--biel); border: none; font-size: var(--t-tekst); font-weight: var(--g-odnosnik); padding: 16px 28px; cursor: pointer; min-height: 48px; border-radius: 6px; } .form-przycisk:hover, .form-przycisk:focus-visible { background: var(--bordo-ciemne); } .form-przycisk[disabled] { opacity: .6; cursor: progress; } .form-stan:empty { display: none; } .form-stan { margin: 20px 0 0; border: 1px solid var(--bordo); padding: 16px 20px; font-size: var(--t-etykieta); line-height: 1.6; color: var(--czern); background: var(--tlo-jasne); border-radius: 8px; } .pulapka { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; } .mapa-ramka:not([src]) { display: none; } .mapa-uwaga { margin: 16px 0 0; font-size: var(--t-etykieta); line-height: 1.55; } .mapa-ramka[src] + .mapa-uwaga { display: none; } .mapa-akcja { margin: 16px 0 0; } .mapa-przycisk { background: none; border: 1px solid var(--linia); color: var(--czern); font-size: var(--t-etykieta); padding: 12px 20px; cursor: pointer; min-height: 44px; border-radius: 6px; } .mapa-przycisk:hover, .mapa-przycisk:focus-visible { border-color: var(--bordo); color: var(--bordo); } .mapa-ramka { width: 100%; height: 320px; border: 1px solid var(--linia); margin-top: 16px; border-radius: 10px; } p, li { text-wrap: pretty; } a[href^="tel:"] { white-space: nowrap; } .w146 summary::after { content: none; } .w146 .w301 { margin-top: 0; } .w146 .w302 { padding: 0; min-height: 40px; } .w146 { position: relative; perspective: 900px; } .w301 { margin-top: 8px; } .w303 { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 3 / 4; z-index: 2; margin: 0; padding: 16px; box-sizing: border-box; overflow-y: auto; background: rgba(0, 4, 11, .9); border: 0; border-radius: 10px; color: var(--biel); font-size: 13px; line-height: 1.5; transform: rotateY(-92deg); transform-origin: left center; opacity: 0; pointer-events: none; transition: transform .8s cubic-bezier(.22, .61, .36, 1), opacity .55s ease; } .w146:hover .w303, .w146:focus-within .w303, .w146:has(details[open]) .w303 { transform: rotateY(0deg); opacity: 1; pointer-events: auto; transition: transform .7s cubic-bezier(.22, .61, .36, 1), opacity .4s ease; } .w146 :is(h2, h3) { position: relative; width: fit-content; } .w146 :is(h2, h3)::after { content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 2px; background: var(--bordo); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.22, .61, .36, 1); } .w146:hover :is(h2, h3)::after, .w146:focus-within :is(h2, h3)::after, .w146:has(details[open]) :is(h2, h3)::after { transform: scaleX(1); } @media (prefers-reduced-motion: reduce) { .w303 { transform: none; transition: opacity .15s ease; } .w146:hover .w303, .w146:focus-within .w303, .w146:has(details[open]) .w303 { transform: none; transition: opacity .15s ease; } .w146 :is(h2, h3)::after { transition: none; } } .h7, summary, a.h1:not(.cel-dotykowy) { position: relative; } .h7::after, summary::after, a.h1:not(.cel-dotykowy)::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--bordo); transform: scaleX(0); transform-origin: left; transition: transform .28s cubic-bezier(.22, .61, .36, 1); } a.h1:not(.cel-dotykowy)::after { height: 1px; bottom: -2px; } .h7:hover::after, .h7:focus-visible::after, summary:hover::after, summary:focus-visible::after, a.h1:not(.cel-dotykowy):hover::after, a.h1:not(.cel-dotykowy):focus-visible::after { transform: scaleX(1); } @media (prefers-reduced-motion: reduce) { .h7::after, summary::after, a.h1:not(.cel-dotykowy)::after { transition: none; } } .hero { position: relative; overflow: hidden; background: var(--biel); isolation: isolate; --hero-lewy: max(24px, calc((100vw - 1400px) / 2)); } .hero-slajdy { position: absolute; inset: 0; z-index: -2; overflow: hidden; } .hero-slajd { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 46%; display: block; opacity: 0; transform-origin: 0 50%; } .hero-slajd:first-child { opacity: 1; } .hero-kurtyna { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--biel) 0%, var(--biel) 31%, rgba(255, 255, 255, .62) 36%, rgba(255, 255, 255, .28) 42%, rgba(255, 255, 255, 0) 46%); } .hero-tresc { position: relative; max-width: 1400px; margin: 0 auto; padding: clamp(56px, 7vw, 104px) 24px; min-height: clamp(460px, 56vh, 600px); display: flex; align-items: center; box-sizing: border-box; } .hero-kolumna { max-width: min(760px, calc(52vw - var(--hero-lewy))); } .hero-kolumna > p { max-width: min(440px, max(300px, calc(31vw - var(--hero-lewy)))); } @media (min-width: 2240px) { .hero-kurtyna { background: linear-gradient(90deg, var(--biel) 0%, var(--biel) 37%, rgba(255, 255, 255, .72) 43%, rgba(255, 255, 255, .28) 49%, rgba(255, 255, 255, 0) 54%); } } .hero-lead { font-size: var(--t-tekst); } @media (max-width: 980px) { .hero-kolumna, .hero-kolumna > p { max-width: 100%; } } @media (max-width: 980px) { .hero { display: flex; flex-direction: column; } .hero-slajdy { position: relative; order: 2; z-index: auto; width: 100%; height: clamp(220px, 52vw, 300px); } .hero-slajd { object-position: 68% 58%; } .hero-kurtyna { display: none; } .hero-lead { font-size: var(--t-lead); } .hero-kolumna h1 { font-size: clamp(38px, 12.5vw, 66px); } .hero-tresc { order: 1; min-height: 0; align-items: flex-start; padding: clamp(40px, 8vw, 64px) 24px clamp(32px, 7vw, 48px); } } @media (prefers-reduced-motion: no-preference) { .hero-slajd { animation: kenburns-a 27s linear infinite; } .hero-slajd:nth-child(even) { animation-name: kenburns-b; } .hero-slajd:nth-child(1) { animation-delay: -0.9s; } .hero-slajd:nth-child(2) { animation-delay: 3.6s; } .hero-slajd:nth-child(3) { animation-delay: 8.1s; } .hero-slajd:nth-child(4) { animation-delay: 12.6s; } .hero-slajd:nth-child(5) { animation-delay: 17.1s; } .hero-slajd:nth-child(6) { animation-delay: 21.6s; } .hero-slajd:first-child { opacity: 0; } } .hero-slajd:nth-child(2) { object-position: 50% 5%; } .hero-slajd:nth-child(4) { object-position: 50% 30%; } .hero-slajd:nth-child(6) { transform-origin: 100% 50%; animation-name: kenburns-c; } @keyframes kenburns-a { 0% { opacity: 0; transform: scale(1) translate(0, 0); } 3.333% { opacity: 1; } 16.667% { opacity: 1; } 20% { opacity: 0; transform: scale(1.045) translate(0.35%, -0.25%); } 100% { opacity: 0; transform: scale(1.045) translate(0.35%, -0.25%); } } @keyframes kenburns-b { 0% { opacity: 0; transform: scale(1.045) translate(0.3%, 0.25%); } 3.333% { opacity: 1; } 16.667% { opacity: 1; } 20% { opacity: 0; transform: scale(1) translate(0, 0); } 100% { opacity: 0; transform: scale(1) translate(0, 0); } } @keyframes kenburns-c { 0% { opacity: 0; transform: scale(1.415); } 3.333% { opacity: 1; } 16.667% { opacity: 1; } 20% { opacity: 0; transform: scale(1.38); } 100% { opacity: 0; transform: scale(1.38); } } @supports (animation-timeline: scroll()) { @media (prefers-reduced-motion: no-preference) and (min-width: 981px) { .hero-slajdy, .hero-kurtyna::after, .hero-tresc { animation-duration: auto; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: scroll(root block); animation-range: 0 100vh; } .hero-slajdy { animation-name: hero-glebia; transform-origin: 0 50%; } .hero-kurtyna::after { animation-name: hero-biel; } .hero-tresc { animation-name: hero-napis; } } } .hero-kurtyna::after { content: ''; position: absolute; inset: 0; opacity: 0; background: linear-gradient(90deg, var(--biel) 0%, var(--biel) 38%, rgba(255, 255, 255, .6) 46%, rgba(255, 255, 255, 0) 56%); } @keyframes hero-glebia { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(0, 36px, 0) scale(1.14); } } @keyframes hero-biel { from { opacity: 0; } to { opacity: .85; } } @keyframes hero-napis { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, -56px, 0); } } .filtr { border: 1px solid var(--linia); background: transparent; color: var(--czern); font-size: var(--t-etykieta); padding: 8px 16px; cursor: pointer; min-height: 40px; border-radius: 6px; } .filtr:hover { border-color: var(--bordo); color: var(--bordo); } .filtr[aria-pressed="true"] { border-color: var(--bordo); background: var(--bordo); color: var(--biel); } .w1 { box-sizing: border-box; } h1, h2, h3 { overflow-wrap: break-word; } .dokument { padding: clamp(48px, 7vw, 96px) 24px clamp(56px, 7vw, 104px); } .dokument-in { max-width: 760px; margin: 0 auto; } .dokument h1 { font-family: 'Jost', sans-serif; font-size: var(--t-h1); font-weight: var(--g-tytul); color: var(--czern); line-height: 1.08; letter-spacing: -.02em; margin: 0 0 20px; } .dokument h2 { font-family: 'Jost', sans-serif; font-size: var(--t-h3); font-weight: var(--g-naglowek); color: var(--czern); line-height: 1.2; margin: 48px 0 12px; } .dokument p, .dokument li { font-size: var(--t-tekst); line-height: 1.75; color: var(--szary-tekst); } .dokument p { margin: 0 0 16px; } .dokument ul { margin: 0 0 16px; padding-left: 22px; } .dokument li { margin-bottom: 8px; } .dokument-data { font-size: var(--t-etykieta); color: var(--szary-ozdobny); margin-bottom: 40px; } .dokument-dane { border-top: 1px solid var(--linia); margin: 0 0 16px; } .dokument-dane div { display: flex; flex-wrap: wrap; gap: 4px 24px; padding: 14px 0; border-bottom: 1px solid var(--linia); font-size: var(--t-tekst); line-height: 1.6; } .dokument-dane dt { flex: 0 0 180px; color: var(--czern); font-weight: var(--g-odnosnik); } .dokument-dane dd { flex: 1 1 260px; margin: 0; color: var(--szary-tekst); } h1 .h1-dopisek { display: block; margin-top: 14px; max-width: 34em; font-family: 'DM Sans', system-ui, sans-serif; font-size: var(--t-tekst); font-weight: var(--g-tekst); line-height: 1.45; letter-spacing: 0; color: var(--szary-tekst); text-wrap: pretty; } .cel-dotykowy { display: inline-block; padding-block: 6px; margin-block: -6px; } [data-zespol-losowy] > :nth-child(n+5) { display: none; } @supports (grid-template-rows: subgrid) { [data-grupa]:not([hidden]) { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; } } @supports (grid-template-rows: subgrid) { [data-zespol-losowy] > * { display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 0; } } [data-grupa] :is(h2, h3), [data-zespol-losowy] :is(h2, h3) { line-height: 1.15; } .uslugi-blok { display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 64px); padding: clamp(32px, 4vw, 52px) 0; border-top: 1px solid var(--linia); } .uslugi-blok:first-of-type { border-top: 0; padding-top: 0; } .uslugi-naglowek { flex: 1 1 260px; min-width: 0; } .uslugi-numer { margin: 0 0 12px; font-family: 'Jost', sans-serif; color: var(--bordo); font-size: var(--t-tekst); } .uslugi-nazwa { margin: 0 0 16px; font-family: 'Jost', sans-serif; font-weight: var(--g-naglowek); color: var(--czern); font-size: var(--t-h3); line-height: 1.15; } .uslugi-wstep { margin: 0; font-size: var(--t-tekst); line-height: 1.65; max-width: 30em; text-wrap: pretty; } .uslugi-lista { flex: 1.4 1 330px; min-width: min(330px, 100%); border-top: 1px solid var(--linia); } .usluga { display: block; padding: 20px 0; border-bottom: 1px solid var(--linia); text-decoration: none; } .usluga-nazwa { margin: 0 0 4px; font-family: inherit; font-weight: var(--g-tekst); font-size: var(--t-tekst); color: var(--czern); } .usluga-opis { display: block; font-size: var(--t-etykieta); color: var(--szary-tekst); text-wrap: pretty; } @media (max-width: 700px) { .usluga { padding: 16px 0; } .uslugi-wstep { font-size: var(--t-etykieta); } }
.head { position: sticky; top: 0; z-index: 50; background: var(--biel); border-bottom: 1px solid var(--linia); padding: 16px 0; font-family: 'DM Sans', Helvetica, Arial, sans-serif; } .head[data-przewiniete] { box-shadow: 0 6px 18px -14px rgba(0, 4, 11, .45); } .skip { position: absolute; left: -9999px; top: 8px; background: var(--bordo); color: var(--biel); text-decoration: none; font-size: var(--t-tekst); padding: 12px 16px; z-index: 99; border-radius: 6px; } .skip:focus { left: 8px; color: var(--biel); } .head-in { max-width: 1400px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: clamp(14px, 1.6vw, 28px); } .head-logo { display: flex; align-items: center; flex: 0 0 auto; } .head-logo img { height: 42px; width: auto; display: block; } .nav-desktop { display: flex; gap: clamp(12px, 1.5vw, 26px); margin-left: auto; align-items: center; } .nav-desktop a, .mega-guzik { color: var(--czern); text-decoration: none; font-size: var(--t-tekst); white-space: nowrap; transition: color .2s ease; } .nav-desktop a:hover, .mega-guzik:hover { color: var(--bordo); } .nav-desktop a[aria-current="page"], .mega-guzik[data-biezaca] { border-bottom: 2px solid var(--bordo); padding-bottom: 4px; } .mega-guzik { background: none; border: none; cursor: pointer; font-family: 'DM Sans', Helvetica, Arial, sans-serif; padding: 0; display: inline-flex; align-items: center; gap: 8px; } .mega-strzalka { font-size: var(--t-etykieta); color: var(--bordo); display: inline-block; transition: transform .25s ease; } .mega-guzik[aria-expanded="true"] .mega-strzalka { transform: rotate(180deg); } .head-tel { margin-left: auto; color: var(--czern); text-decoration: none; font-size: var(--t-tekst); font-weight: var(--g-odnosnik); white-space: nowrap; transition: color .2s ease; } .head-tel:hover { color: var(--bordo); } .head-cta { background: var(--bordo); color: var(--biel); text-decoration: none; font-size: var(--t-tekst); font-weight: var(--g-odnosnik); padding: 12px 24px; white-space: nowrap; border-radius: 6px; transition: background-color .2s ease; } .head-cta:hover, .head-cta:focus-visible { background: var(--bordo-ciemne); color: var(--biel); } .burger { display: none; margin-left: auto; background: none; border: 1px solid var(--linia); padding: 0; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: var(--czern); width: 48px; height: 44px; border-radius: 6px; } .burger span { display: block; width: 20px; height: 2px; background: var(--czern); border-radius: 2px; } @keyframes rozwin { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } } .panel, .mega { position: absolute; top: 100%; left: 0; right: 0; z-index: 60; background: var(--biel); box-shadow: 0 18px 40px -24px rgba(0, 4, 11, .28); animation: rozwin .3s cubic-bezier(.22, .61, .36, 1) both; } .panel { max-height: calc(100vh - 80px); overflow-y: auto; border-top: 1px solid var(--linia); padding: 12px 24px 20px; display: flex; flex-direction: column; } .panel[hidden] { display: none; } .panel > a, .panel-grupa { color: var(--czern); text-decoration: none; font-size: var(--t-lead); border-bottom: 1px solid var(--linia); } .panel > a { padding: 12px 0; } .panel-tel { color: var(--bordo) !important; font-weight: var(--g-odnosnik); padding: 16px 0 0 !important; border-bottom: none !important; } .panel-grupa summary { cursor: pointer; color: var(--czern); font-size: var(--t-lead); padding: 12px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 44px; } .panel-grupa summary span { color: var(--bordo); } .podmenu { display: flex; flex-direction: column; padding: 0 0 12px 16px; font-size: var(--t-tekst); } .podmenu a { color: var(--czern); text-decoration: none; min-height: 44px; display: flex; align-items: center; } .podmenu-wiecej { color: var(--bordo) !important; text-decoration: underline !important; text-underline-offset: 4px; } .mega { border-top: 1px solid var(--linia); border-bottom: 1px solid var(--linia); } .mega[hidden] { display: none; } .mega-in { max-width: 1400px; margin: 0 auto; padding: 28px 24px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 32px; } .mega-kol { min-width: 0; } .mega-tytul { margin: 0 0 12px; font-size: var(--t-etykieta); letter-spacing: .18em; font-weight: var(--g-tytul); } .mega-tytul a { color: var(--bordo); text-decoration: none; } .mega-tytul a:hover { color: var(--czern); } .mega-lista { display: flex; flex-direction: column; gap: 12px; font-size: var(--t-tekst); } .mega-lista a { color: var(--czern); text-decoration: none; transition: color .2s ease; } .mega-lista a:hover { color: var(--bordo); } .mega-stopka { border-top: 1px solid var(--linia); } .mega-stopka-in { max-width: 1400px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; font-size: var(--t-etykieta); } .mega-oferta { color: var(--bordo); text-decoration: underline; text-underline-offset: 4px; } .mega-oferta:hover { color: var(--czern); } .mega-tel { color: var(--czern); text-decoration: none; font-weight: var(--g-odnosnik); } .mega-tel:hover { color: var(--bordo); } @media (max-width: 1200px) { .nav-desktop { display: none; } .burger { display: inline-flex; } .mega { display: none; } } @media (max-width: 980px) { .head-tel { display: none; } .head-cta { display: none; } } @media (prefers-reduced-motion: reduce) { .panel, .mega { animation: none; } .mega-strzalka { transition: none; } }
.stopka { background: var(--biel); border-top: 1px solid var(--linia); font-family: 'DM Sans', Helvetica, Arial, sans-serif; color: var(--szary-tekst); } .stopka-in { max-width: 1400px; margin: 0 auto; padding: clamp(48px, 6vw, 80px) 24px 32px; display: flex; flex-wrap: wrap; gap: clamp(32px, 4vw, 64px); } .stopka-marka { flex: 1.4 1 300px; min-width: min(300px, 100%); } .stopka-marka img { height: 38px; width: auto; display: block; margin-bottom: 20px; } .stopka-marka p { margin: 0 0 16px; font-size: var(--t-etykieta); line-height: 1.65; max-width: 30em; } .stopka-social { font-size: var(--t-etykieta); color: var(--bordo); text-decoration: underline; text-underline-offset: 4px; } .stopka-social:hover { color: var(--czern); } .stopka-social-lista { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 0; } .stopka-kol { flex: 1 1 160px; min-width: 0; } .stopka-kol--szersza { flex: 1 1 200px; } .stopka-kol--kontakt { flex: 1 1 220px; } .stopka-tytul { margin: 0 0 16px; font-size: var(--t-etykieta); letter-spacing: .18em; color: var(--czern); font-weight: var(--g-tytul); } .stopka-lista { display: flex; flex-direction: column; gap: 12px; font-size: var(--t-etykieta); } .stopka-lista a, .stopka-kontakt a, .stopka-drobne a { color: var(--szary-tekst); text-decoration: none; transition: color .2s ease; } .stopka-lista a:hover, .stopka-kontakt a:hover, .stopka-drobne a:hover { color: var(--bordo); } .stopka-kontakt { font-size: var(--t-etykieta); line-height: 1.8; } .stopka-godziny { margin-top: 16px; font-size: var(--t-etykieta); line-height: 1.8; } .stopka-prawo { border-top: 1px solid var(--linia); } .stopka-prawo-in { max-width: 1400px; margin: 0 auto; padding: 20px 24px; display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; font-size: var(--t-etykieta); color: var(--szary-tekst); } .stopka-prawo-in p { margin: 0; } .stopka-drobne { display: flex; flex-wrap: wrap; gap: 24px; } .stopka-zastrzezenie { max-width: 1400px; margin: 0 auto; padding: 0 24px 24px; font-size: var(--t-etykieta); line-height: 1.7; color: var(--szary-tekst); } .pasek-mobilny { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: var(--biel); border-top: 1px solid var(--linia); padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); gap: 12px; font-family: 'DM Sans', Helvetica, Arial, sans-serif; } .pasek-tel, .pasek-cta { flex: 1; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: var(--t-tekst); font-weight: var(--g-odnosnik); padding: 12px 0; min-height: 44px; box-sizing: border-box; border-radius: 6px; } .pasek-tel { border: 1px solid var(--czern); color: var(--czern); } .pasek-cta { background: var(--bordo); color: var(--biel); } .pasek-tel, .pasek-cta { -webkit-tap-highlight-color: transparent; } .pasek-tel:hover, .pasek-tel:active, .pasek-tel:focus-visible { background: var(--tlo-jasne); } .pasek-cta:hover, .pasek-cta:active, .pasek-cta:focus-visible { background: var(--bordo-ciemne); } .pasek-mobilny[data-chowany] { transform: translateY(100%); opacity: 0; visibility: hidden; transition: transform .28s cubic-bezier(.22,.61,.36,1), opacity .28s cubic-bezier(.22,.61,.36,1), visibility 0s linear .28s; } .pasek-mobilny[data-chowany][data-widoczny] { transform: none; opacity: 1; visibility: visible; transition: transform .28s cubic-bezier(.22,.61,.36,1), opacity .28s cubic-bezier(.22,.61,.36,1), visibility 0s; } @media (prefers-reduced-motion: reduce) { .pasek-mobilny[data-chowany], .pasek-mobilny[data-chowany][data-widoczny] { transform: none; transition: none; } } @media (max-width: 1079px) { .stopka-marka { flex-basis: 100%; } } @media (max-width: 980px) { .pasek-mobilny { display: flex; } .stopka { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); } .stopka-lista { gap: 0; } .stopka-lista a { min-height: 34px; display: flex; align-items: center; } .stopka-kontakt a, .stopka-drobne a, .stopka-social { min-height: 44px; display: inline-flex; align-items: center; } }
.w1{max-width:1400px;margin:0 auto;padding:clamp(64px,10vw,140px) 24px;width:100%} .w2{margin:0 0 16px;font-size:var(--t-etykieta);letter-spacing:0.22em;color:var(--bordo);font-weight:var(--g-naglowek)} .w3{margin:0 0 24px;font-family:'Jost',sans-serif;font-weight:var(--g-tytul);color:var(--czern);font-size:var(--t-hero);line-height:1.05;max-width:14em;text-wrap:balance} .w4{margin:0 0 36px;font-size:var(--t-lead);line-height:1.6;max-width:34em;text-wrap:pretty} .w5{font-weight:var(--g-odnosnik);text-decoration:none} .w6{display:flex;flex-wrap:wrap;gap:16px;align-items:center} .w7{background:var(--bordo);color:var(--biel);text-decoration:none;font-size:var(--t-tekst);font-weight:var(--g-odnosnik);padding:16px 32px;border-radius:6px} .w8{color:var(--czern);font-size:var(--t-tekst);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--szary-ozdobny);padding:16px 4px} .w9{max-width:820px;margin:0 auto;padding:clamp(48px,7vw,90px) 24px clamp(32px,4vw,48px)} .w10{margin:0 0 16px;font-size:var(--t-etykieta)} .w11{color:var(--szary-tekst);text-decoration:none} .w12{color:var(--szary-ozdobny)} .w13{color:var(--czern)} .w14{margin:0 0 20px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w15{margin:0 0 20px;font-family:'Jost',sans-serif;font-weight:var(--g-tytul);color:var(--czern);font-size:var(--t-h1);line-height:1.1;text-wrap:balance} .w16{margin:0 0 20px;font-size:var(--t-lead);line-height:1.6;color:var(--czern);text-wrap:pretty} .w17{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:var(--t-etykieta);color:var(--szary-tekst);border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);padding:12px 0} .w18{background:var(--tlo-jasne);border:1px solid var(--linia);color:var(--szary-tekst);padding:4px 12px;border-radius:4px} .w19{display:block;max-width:1140px;width:calc(100% - 48px);margin:0 auto;height:clamp(240px,34vw,480px);object-fit:cover;background:var(--tlo-jasne);border-radius:10px} .w20{max-width:820px;margin:0 auto;padding:clamp(32px,4vw,56px) 24px 0} .w21{border:1px solid var(--linia);background:var(--tlo-jasne);padding:24px 28px;margin-bottom:clamp(32px,4vw,48px);border-radius:12px} .w22{margin:0 0 12px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--czern);font-weight:700} .w23{margin:0;padding:0 0 0 20px;font-size:var(--t-tekst);line-height:2} .w24{text-decoration:none} .w25{margin:0 0 16px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.2} .w26{margin:0 0 16px;font-size:var(--t-tekst);line-height:1.7;text-wrap:pretty} .w27{margin:0 0 32px;font-size:var(--t-tekst);line-height:1.7;text-wrap:pretty} .w28{margin:0 0 32px;padding:0 0 0 24px;font-size:var(--t-tekst);line-height:1.9} .w29{border-top:1px solid var(--linia);padding:24px 0;margin-bottom:8px} .w30{margin:0 0 8px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--czern);font-weight:700} .w31{margin:0;font-size:var(--t-etykieta);line-height:1.7;color:var(--szary-tekst)} .w32{max-width:820px;margin:0 auto;padding:0 24px clamp(48px,6vw,80px)} .w33{background:var(--tlo-jasne);border:1px solid var(--linia);padding:clamp(24px,3vw,36px);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;border-radius:12px} .w34{margin:0 0 8px;font-family:'Jost',sans-serif;font-size:var(--t-lead);color:var(--czern)} .w35{margin:0;font-size:var(--t-tekst);line-height:1.6} .w36{background:var(--bordo);color:var(--biel);text-decoration:none;font-size:var(--t-tekst);font-weight:var(--g-odnosnik);padding:16px 28px;border-radius:6px} .w37{margin-top:clamp(32px,4vw,48px)} .w38{margin:0 0 16px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--czern);font-weight:700} .w39{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--linia)} .w40{padding:16px 0;border-bottom:1px solid var(--linia);text-decoration:none;color:var(--czern);font-size:var(--t-tekst);display:flex;justify-content:space-between;gap:16px} .w41{color:var(--bordo)} .w42{max-width:1400px;margin:0 auto;padding:clamp(48px,7vw,100px) 24px clamp(32px,4vw,56px)} .w43{margin:0 0 24px;font-family:'Jost',sans-serif;font-weight:var(--g-tytul);color:var(--czern);font-size:var(--t-hero);line-height:1.05} .w44{margin:0;font-size:var(--t-lead);line-height:1.6;max-width:38em;text-wrap:pretty} .w45{border-top:1px solid var(--linia);background:var(--biel)} .w46{max-width:1400px;margin:0 auto;padding:clamp(40px,5vw,72px) 24px} .w47{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,64px);text-decoration:none;align-items:center} .w48{flex:1.2 1 400px;min-width:min(400px,100%);height:clamp(240px,28vw,400px);object-fit:cover;display:block;background:var(--tlo-jasne);border-radius:10px} .w49{flex:1 1 360px;min-width:min(360px,100%)} .w50{display:block;margin:0 0 12px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-odnosnik)} .w51{display:block;margin:0 0 16px;font-family:'Jost',sans-serif;font-weight:var(--g-odnosnik);font-size:var(--t-h2);color:var(--czern);line-height:1.15;text-wrap:balance} .w52{display:block;font-size:var(--t-tekst);line-height:1.65;color:var(--szary-tekst);max-width:34em} .w53{display:inline-block;margin-top:20px;font-size:var(--t-tekst);color:var(--bordo);text-decoration:underline;text-underline-offset:5px} .w54{border-top:1px solid var(--linia)} .w55{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:baseline;margin-bottom:clamp(28px,4vw,44px)} .w56{margin:0;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);font-size:var(--t-h2);color:var(--czern);line-height:1.1} .w57{margin:0;font-size:var(--t-tekst);color:var(--szary-tekst);max-width:38em;line-height:1.65} .w58{border-top:1px solid var(--czern)} .w59{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--linia)} .w60{margin:0;flex:0 0 min(260px,100%);font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w61{flex:1 1 380px;min-width:min(380px,100%)} .w62{margin:0 0 8px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);font-size:var(--t-h3);color:var(--czern);line-height:1.25;text-wrap:balance} .w63{margin:0;font-size:var(--t-tekst);line-height:1.6;color:var(--szary-tekst);max-width:44em} .w64{margin:0;font-size:var(--t-tekst);line-height:1.65;max-width:38em;text-wrap:pretty} .w65{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px} .w66{border:1px solid var(--linia);color:var(--czern);text-decoration:none;font-size:var(--t-etykieta);padding:8px 16px;border-radius:6px} .w67{border-top:1px solid var(--linia);background:var(--biel);scroll-margin-top:96px} .w68{max-width:1400px;margin:0 auto;padding:clamp(40px,5vw,64px) 24px;display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,64px)} .w69{flex:1 1 260px;min-width:min(260px,100%)} .w70{margin:0;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15;position:sticky;top:96px} .w71{flex:2.2 1 420px;min-width:min(420px,100%);border-top:1px solid var(--linia)} .w72{display:flex;flex-wrap:wrap;gap:2px 24px;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--linia)} .w73{min-width:0;flex:1 1 300px} .w74{color:var(--czern);font-size:var(--t-tekst);display:block} .w75{white-space:nowrap;font-size:var(--t-tekst);color:var(--czern)} .w76{font-size:var(--t-etykieta);color:var(--szary-tekst)} .w77{margin:12px 0 0;font-size:var(--t-etykieta);color:var(--szary-tekst);max-width:24em} .w78{border-top:1px solid var(--linia);background:var(--tlo-jasne)} .w79{max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,96px) 24px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between} .w80{margin:0 0 12px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15} .w81{margin:0;font-size:var(--t-tekst);line-height:1.6;max-width:36em} .w82{color:var(--czern);font-size:var(--t-tekst);font-weight:var(--g-odnosnik);text-decoration:none} .w83{max-width:1400px;margin:0 auto;padding:clamp(48px,7vw,100px) 24px clamp(48px,6vw,80px);display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:center} .w84{flex:1.1 1 440px;min-width:min(440px,100%)} .w85{margin:0 0 24px;font-family:'Jost',sans-serif;font-weight:var(--g-tytul);color:var(--czern);font-size:var(--t-h1);line-height:1.05;text-wrap:balance} .w86{margin:0 0 20px;font-size:var(--t-lead);line-height:1.55;color:var(--czern);max-width:30em;text-wrap:pretty} .w87{margin:0 0 32px;font-size:var(--t-tekst);line-height:1.65;max-width:36em;text-wrap:pretty} .w88{flex:1 1 400px;min-width:min(400px,100%)} .w89{width:100%;height:clamp(300px,36vw,520px);object-fit:cover;display:block;background:var(--tlo-jasne);border-radius:10px} .w90{max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,100px) 24px;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px)} .w91{margin:0 0 20px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15} .w92{margin:0;padding:0;list-style:none;font-size:var(--t-tekst);line-height:1.6;color:var(--szary-tekst);display:flex;flex-direction:column;gap:12px;max-width:34em} .w93{border-bottom:1px solid var(--linia);padding-bottom:12px} .w94{margin:20px 0 0;font-size:var(--t-etykieta);line-height:1.6;max-width:34em} .w95{color:var(--bordo);font-weight:var(--g-odnosnik);text-decoration:none} .w96{padding:20px 0;border-bottom:1px solid var(--linia)} .w97{margin:0;color:var(--czern);font-size:var(--t-tekst);font-weight:var(--g-tekst)} .w98{margin:4px 0 0;font-size:var(--t-tekst);line-height:1.55} .w99{flex:1 1 340px;min-width:min(340px,100%)} .w100{display:flex;flex-direction:column;border-top:1px solid var(--linia)} .w101{padding:16px 0;border-bottom:1px solid var(--linia);text-decoration:none;display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between} .w102{color:var(--czern);font-size:var(--t-tekst);font-weight:var(--g-odnosnik)} .w103{color:var(--szary-tekst);font-size:var(--t-etykieta)} .w104{margin:16px 0 0;font-size:var(--t-etykieta)} .w105{text-decoration:underline;text-underline-offset:4px} .w106{border-top:1px solid var(--linia);font-size:var(--t-tekst)} .w107{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--linia)} .w108{white-space:nowrap} .w109{margin:16px 0 0;font-size:var(--t-etykieta);line-height:1.6} .w110{flex:1 1 300px;min-width:min(300px,100%)} .w111{margin:0;font-size:var(--t-tekst);line-height:1.6;max-width:28em} .w112{flex:1.6 1 440px;min-width:min(440px,100%);border-top:1px solid var(--linia)} .w113{border-bottom:1px solid var(--linia)} .w114{cursor:pointer;padding:20px 0;font-size:var(--t-tekst);color:var(--czern);font-weight:var(--g-naglowek);list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:44px;align-items:center} .w115{color:var(--bordo);font-family:'Jost',sans-serif;font-size:var(--t-lead)} .w116{margin:0;padding:0 0 20px;font-size:var(--t-tekst);line-height:1.6;max-width:36em} .w117{margin:0 0 12px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15;max-width:20em;text-wrap:balance} .w118{margin:0;font-size:var(--t-tekst);line-height:1.65;max-width:32em;text-wrap:pretty} .w119{max-width:1400px;margin:0 auto;padding:clamp(48px,7vw,100px) 24px clamp(48px,6vw,80px)} .w120{margin:0;font-size:var(--t-lead);line-height:1.6;max-width:36em;text-wrap:pretty} .w121{max-width:1400px;margin:0 auto;padding:clamp(48px,6vw,88px) 24px;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px)} .w122{margin:0 0 8px;font-size:var(--t-etykieta);letter-spacing:0.22em;color:var(--bordo);font-weight:var(--g-naglowek)} .w123{font-family:'Jost',sans-serif;font-size:var(--t-h2);font-weight:var(--g-naglowek);color:var(--czern);text-decoration:none} .w124{margin:12px 0 0;font-size:var(--t-tekst)} .w125{margin-top:32px;border-top:1px solid var(--linia);padding-top:24px;font-size:var(--t-tekst);line-height:1.7} .w126{margin:0;color:var(--czern);font-weight:var(--g-tekst)} .w127{margin:8px 0 0} .w128{margin-top:24px;border-top:1px solid var(--linia);padding-top:24px;font-size:var(--t-tekst);line-height:1.7} .w129{margin:8px 0 12px} .w130{color:var(--bordo);text-decoration:underline;text-underline-offset:5px} .w131{margin:16px 0 0;font-size:var(--t-etykieta);color:var(--szary-tekst);max-width:36em} .w132{flex:1 1 420px;min-width:min(420px,100%)} .w133{max-width:1400px;margin:0 auto;padding:clamp(48px,7vw,100px) 24px clamp(40px,5vw,72px)} .w134{border:1px solid var(--linia);color:var(--czern);text-decoration:none;font-size:var(--t-etykieta);padding:12px 20px;border-radius:6px} .w135{max-width:1400px;margin:0 auto;padding:clamp(48px,6vw,88px) 24px;display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,64px)} .w136{margin:0 0 12px;font-family:'Jost',sans-serif;color:var(--bordo);font-size:var(--t-tekst)} .w137{margin:0 0 16px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12} .w138{margin:0 0 24px;font-size:var(--t-tekst);line-height:1.65;max-width:30em;text-wrap:pretty} .w139{display:inline-block;background:var(--bordo);color:var(--biel);text-decoration:none;font-size:var(--t-tekst);font-weight:var(--g-odnosnik);padding:12px 28px;border-radius:6px} .w140{flex:1.4 1 380px;min-width:min(380px,100%);border-top:1px solid var(--linia)} .w141{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--linia)} .w142{color:var(--czern);font-size:var(--t-tekst);flex:1 1 auto;min-width:0} .w143{margin-left:auto;font-size:var(--t-etykieta);text-decoration:underline;text-underline-offset:4px} .w144{margin:0;font-size:var(--t-tekst);line-height:1.65;max-width:30em;text-wrap:pretty} .w145{padding:20px 0;border-bottom:1px solid var(--linia);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:baseline} .w146{min-width:0} .w147{color:var(--czern);font-size:var(--t-tekst);display:block;text-decoration:none} .w148{font-size:var(--t-etykieta)} .w149{margin:20px 0 0;font-size:var(--t-etykieta);color:var(--szary-tekst);max-width:38em} .w150{color:var(--szary-tekst)} .w151{background:var(--tlo-jasne);border-top:1px solid var(--linia)} .w152{margin:0 0 12px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15;max-width:18em;text-wrap:balance} .w153{flex:1 1 320px;min-width:min(320px,100%)} .w154{margin:0;font-family:'Jost',sans-serif;font-size:var(--t-h3);font-weight:var(--g-naglowek);line-height:1.4;color:var(--czern);max-width:22em;text-wrap:pretty} .w155{flex:1 1 420px;min-width:min(420px,100%);border-top:1px solid var(--linia)} .w156{padding:24px 0;border-bottom:1px solid var(--linia)} .w157{margin:0 0 8px;font-size:var(--t-h3);color:var(--czern);font-weight:var(--g-naglowek)} .w158{margin:0;font-size:var(--t-tekst);line-height:1.65;max-width:36em;text-wrap:pretty} .w159{max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,100px) 24px;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:center} .w160{width:100%;max-height:620px;object-fit:cover;display:block;background:var(--tlo-jasne);border-radius:10px} .w161{flex:1.1 1 420px;min-width:min(420px,100%)} .w162{margin:0 0 20px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12;text-wrap:balance} .w163{margin:0 0 16px;font-size:var(--t-tekst);line-height:1.65;max-width:36em;text-wrap:pretty} .w164{margin:0 0 28px;font-size:var(--t-tekst);line-height:1.65;max-width:36em;text-wrap:pretty} .w165{display:inline-block;border:1px solid var(--czern);color:var(--czern);text-decoration:none;font-size:var(--t-tekst);font-weight:var(--g-odnosnik);padding:16px 28px;border-radius:6px} .w166{max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,100px) 24px} .w167{margin:0 0 20px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12;max-width:18em;text-wrap:balance} .w168{display:flex;flex-wrap:wrap;gap:clamp(24px,3vw,48px);margin-top:clamp(24px,3vw,40px)} .w169{flex:1 1 300px;min-width:min(300px,100%);border-top:1px solid var(--linia);padding-top:20px} .w170{margin:0 0 8px;font-size:var(--t-tekst);color:var(--czern);font-weight:var(--g-naglowek)} .w171{margin:0;font-size:var(--t-tekst);line-height:1.65;text-wrap:pretty} .w172{margin:0 0 clamp(28px,4vw,48px);font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12} .w173{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px} .w174{width:100%;height:clamp(220px,24vw,360px);object-fit:cover;display:block;background:var(--tlo-jasne);grid-column:span 2;min-width:0;border-radius:10px} .w175{width:100%;height:clamp(220px,24vw,360px);object-fit:cover;display:block;background:var(--tlo-jasne);min-width:0;border-radius:10px} .w176{width:100%;height:clamp(300px,36vw,540px);object-fit:cover;display:block;background:var(--tlo-jasne);border-radius:10px} .w177{margin:0 0 clamp(32px,4vw,48px);font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12;max-width:18em;text-wrap:balance} .w178{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px)} .w179{margin:0 0 16px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w180{margin:16px 0 0;font-size:var(--t-etykieta);line-height:1.6;max-width:34em} .w181{margin:0 0 20px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12} .w182{margin:0 0 28px;font-size:var(--t-tekst);line-height:1.65;max-width:34em;text-wrap:pretty} .w183{background:var(--tlo-jasne);border:1px solid var(--linia);padding:clamp(28px,3vw,44px);border-radius:12px} .w184{margin:0 0 12px;font-size:var(--t-etykieta);letter-spacing:0.22em;color:var(--bordo);font-weight:var(--g-naglowek)} .w185{margin:0 0 16px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h3);line-height:1.2} .w186{margin:0 0 16px;font-size:var(--t-tekst);line-height:1.65;text-wrap:pretty} .w187{margin:0;font-size:var(--t-etykieta)} .w188{margin:0 0 clamp(32px,4vw,56px);font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12} .w189{display:flex;flex-wrap:wrap;border-top:1px solid var(--linia)} .w190{flex:1 1 260px;min-width:min(260px,calc(100% - 32px));padding:28px 32px 0 0} .w191{margin:0 0 12px;font-family:'Jost',sans-serif;font-size:var(--t-tekst);color:var(--bordo)} .w192{margin:0;font-size:var(--t-tekst);line-height:1.6;text-wrap:pretty} .w193{flex:1 1 260px;min-width:min(260px,100%);padding:28px 0 0 0} .w194{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--linia);text-decoration:none} .w195{flex:0 0 56px;height:56px;background:var(--tlo-jasne);border:1px solid var(--linia);overflow:hidden;display:block;border-radius:6px} .w196{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border-radius:10px} .w197{display:block;color:var(--czern);font-size:var(--t-tekst);font-weight:var(--g-odnosnik)} .w198{display:block;color:var(--szary-tekst);font-size:var(--t-etykieta)} .w199{margin:0 0 16px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15} .w200{margin:0 0 24px;font-size:var(--t-tekst);line-height:1.6;max-width:28em} .w201{margin:0 0 32px;font-size:var(--t-lead);line-height:1.6;max-width:36em;text-wrap:pretty} .w202{flex:1 1 300px;min-width:min(300px,calc(100% - 36px));padding:28px 36px 0 0} .w203{flex:1 1 300px;min-width:min(300px,100%);padding:28px 0 0 0} .w204{margin:8px 0 0;font-size:var(--t-tekst);line-height:1.6;max-width:36em} .w205{margin:8px 0 0;font-size:var(--t-tekst);line-height:1.7} .w206{margin:24px 0 0;font-size:var(--t-tekst)} .w207{overflow:hidden} .w208{display:flex;flex-wrap:wrap;align-items:stretch;padding-left:max(24px,calc((100vw - 1400px)/2))} .w209{flex:1 1 460px;min-width:min(460px,calc(100% - clamp(24px,4vw,72px)));padding:clamp(32px,4vw,64px) clamp(24px,4vw,72px) clamp(40px,5vw,72px) 0;display:flex;flex-direction:column;justify-content:flex-start} .w210{margin:0 0 24px;font-size:var(--t-etykieta);letter-spacing:0.22em;color:var(--bordo);font-weight:var(--g-naglowek)} .w211{margin:0 0 28px;font-family:'Jost',sans-serif;font-weight:var(--g-tytul);color:var(--czern);font-size:var(--t-hero);line-height:1.04;letter-spacing:-0.01em;text-wrap:balance} .w212{margin:0 0 36px;font-size:var(--t-lead);line-height:1.6;max-width:32em;text-wrap:pretty} .w213{margin:36px 0 0;font-size:var(--t-etykieta);color:var(--szary-tekst)} .w214{color:var(--czern);text-decoration:none;font-weight:var(--g-odnosnik)} .w215{flex:1.25 1 480px;min-width:min(480px,100%);height:clamp(360px,44vw,620px);overflow:hidden;background:var(--tlo-jasne);border-radius:16px 0 0 16px} .w216{width:100%;height:100%;object-fit:cover;display:block} .w217{border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);background:var(--biel)} .w218{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap} .w219{flex:1 1 280px;padding:28px 32px 28px 0;border-right:1px solid var(--linia);min-width:min(280px,calc(100% - 33px))} .w220{margin:0;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w221{margin:8px 0 0;font-size:var(--t-tekst);color:var(--czern)} .w222{flex:1 1 280px;padding:28px 32px;border-right:1px solid var(--linia);min-width:min(280px,calc(100% - 65px))} .w223{flex:1 1 280px;padding:28px 0 28px 32px;min-width:min(280px,calc(100% - 32px))} @media (max-width:1015px){ .w218{gap:0 48px} .w219,.w222,.w223{padding-left:0;padding-right:0;border-right:0} .w219,.w222{border-bottom:1px solid var(--linia)} } .w224{max-width:1400px;margin:0 auto;padding:clamp(64px,9vw,130px) 24px} .w225{display:flex;flex-wrap:wrap;gap:24px;align-items:baseline;justify-content:space-between;margin-bottom:clamp(32px,4vw,56px)} .w226{margin:0;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.1} .w227{font-size:var(--t-tekst);color:var(--bordo);text-decoration:underline;text-underline-offset:5px} .w228{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;padding:32px 0;border-bottom:1px solid var(--linia);text-decoration:none} .w229{font-family:'Jost',sans-serif;color:var(--bordo);font-size:var(--t-tekst);flex:0 0 52px} .w230{font-family:'Jost',sans-serif;color:var(--czern);font-size:var(--t-h3);font-weight:var(--g-naglowek);flex:1 1 260px} .w231{color:var(--szary-tekst);font-size:var(--t-tekst);flex:2 1 320px;line-height:1.6} .w232{color:var(--bordo);font-size:var(--t-lead)} .w233{margin:28px 0 0;font-size:var(--t-tekst);color:var(--szary-tekst)} .w234{background:var(--tlo-jasne);border-top:1px solid var(--linia);border-bottom:1px solid var(--linia)} .w235{max-width:1400px;margin:0 auto;padding:clamp(64px,9vw,130px) 24px;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:center} .w236{width:100%;max-height:640px;object-fit:cover;display:block;background:var(--linia);border-radius:10px} .w237{margin:0 0 20px;font-size:var(--t-etykieta);letter-spacing:0.22em;color:var(--bordo);font-weight:var(--g-naglowek)} .w238{margin:0 0 24px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.12;text-wrap:balance} .w239{margin:0 0 20px;font-size:var(--t-tekst);line-height:1.65;max-width:36em;text-wrap:pretty} .w240{margin:0 0 32px;padding:0 0 0 24px;border-left:2px solid var(--bordo);max-width:36em} .w241{margin:0 0 12px;font-family:'Jost',sans-serif;font-size:var(--t-lead);line-height:1.5;color:var(--czern);font-style:italic} .w242{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:28px} .w243{aspect-ratio:3/3.6;background:var(--tlo-jasne);border:1px solid var(--linia);overflow:hidden;border-radius:10px} .w244{margin:20px 0 4px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);font-size:var(--t-h3);color:var(--czern)} .w245{margin:0;font-size:var(--t-etykieta);line-height:1.5} .w246{background:var(--biel);border-top:1px solid var(--linia)} .w247{max-width:720px;margin-bottom:clamp(32px,4vw,56px)} .w248{margin:0 0 20px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.1;text-wrap:balance} .w249{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;align-items:stretch} .w250{grid-column:span 2;width:100%;height:clamp(280px,38vw,560px);object-fit:cover;display:block;background:var(--linia);min-width:0;border-radius:10px} .w251{display:grid;gap:20px;min-width:0} .w252{width:100%;height:calc(clamp(280px,38vw,560px)/2 - 10px);object-fit:cover;display:block;background:var(--linia);border-radius:10px} @media (max-width:1004px){ .w249{grid-template-columns:1fr} .w250{grid-column:auto} .w251{display:contents} .w252{height:clamp(280px,38vw,560px)} } .w253{margin:0 0 clamp(36px,5vw,64px);font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.1} .w254{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--linia)} .w255{flex:1 1 300px;min-width:min(300px,calc(100% - 36px));padding:32px 36px 0 0} .w256{margin:0 0 12px;font-family:'Jost',sans-serif;font-size:var(--t-lead);color:var(--bordo)} .w257{margin:0 0 12px;font-size:var(--t-h3);color:var(--czern);font-weight:var(--g-naglowek)} .w258{flex:1 1 300px;min-width:min(300px,100%);padding:32px 0 0 0} .w259{display:flex;flex-wrap:wrap;gap:16px 36px;margin-top:clamp(36px,5vw,56px)} .w260{background:var(--biel);border-bottom:1px solid var(--linia);overflow:hidden} .w261{display:flex;flex-wrap:wrap;gap:16px 48px;align-items:baseline;margin-bottom:clamp(40px,6vw,72px)} .w262{margin:0;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.1;max-width:12em} .w263{margin:0;flex:1 1 320px;min-width:min(320px,100%);font-size:var(--t-tekst);line-height:1.65;max-width:34em;text-wrap:pretty} .w264{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:0} .w265{position:relative;padding:36px 28px 0 0;min-width:0} .w266{position:absolute;top:0;left:0;right:0;height:1px;background:var(--linia)} .w267{position:absolute;top:-5px;left:0;width:11px;height:11px;border-radius:50%;background:var(--bordo)} .w268{margin:0 0 10px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w269{margin:0 0 10px;font-family:'Jost',sans-serif;font-size:var(--t-h3);color:var(--czern);font-weight:var(--g-naglowek);line-height:1.2} .w270{position:relative;padding:36px 0 0 0;min-width:0} .w271{margin:clamp(36px,5vw,56px) 0 0;font-size:var(--t-tekst)} .w272{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:flex-start} .w273{flex:1.3 1 420px;min-width:min(420px,100%)} .w274{margin:0;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.1;max-width:14em;text-wrap:balance} .w275{flex:1 1 360px;min-width:min(360px,100%);border-top:2px solid var(--czern);padding-top:24px} .w276{margin:0 0 20px;font-size:var(--t-lead);line-height:1.55;color:var(--czern);font-family:'Jost',sans-serif} .w277{margin:0 0 28px;font-size:var(--t-tekst);color:var(--szary-tekst);line-height:1.65} .w278{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:12px 24px;background:var(--bordo);color:var(--biel);font-size:var(--t-tekst);font-weight:var(--g-odnosnik);text-decoration:none;border-radius:4px} .w279{display:flex;flex-wrap:wrap;gap:clamp(28px,4vw,56px)} .w280{flex:1.4 1 420px;min-width:min(420px,100%);text-decoration:none;display:block} .w281{width:100%;height:clamp(240px,30vw,420px);object-fit:cover;display:block;background:var(--linia);border-radius:10px} .w282{margin:20px 0 8px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w283{margin:0 0 12px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);font-size:var(--t-h3);color:var(--czern);line-height:1.2;text-wrap:balance} .w284{margin:0;font-size:var(--t-tekst);line-height:1.6;color:var(--szary-tekst);max-width:34em} .w285{flex:1 1 340px;min-width:min(340px,100%);display:flex;flex-direction:column;gap:32px} .w286{text-decoration:none;display:block;border-top:1px solid var(--linia);padding-top:24px} .w287{margin:0 0 8px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w288{margin:0 0 12px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);font-size:var(--t-h3);color:var(--czern);line-height:1.25;text-wrap:balance} .w289{margin:0;font-size:var(--t-tekst);line-height:1.6;color:var(--szary-tekst)} .w290{max-width:1400px;margin:0 auto;padding:clamp(64px,9vw,130px) 24px;display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px)} .w291{margin:0;font-size:var(--t-tekst);line-height:1.6;max-width:26em} .w292{color:var(--bordo);text-decoration:none} .w293{flex:1.6 1 460px;min-width:min(460px,100%);border-top:1px solid var(--linia)} .w294{cursor:pointer;padding:24px 0;font-size:var(--t-lead);color:var(--czern);font-weight:var(--g-naglowek);list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:44px;align-items:center} .w295{margin:0;padding:0 0 24px;font-size:var(--t-tekst);line-height:1.6;max-width:36em} .w296{margin:0 0 28px;font-size:var(--t-tekst);line-height:1.65;max-width:32em;text-wrap:pretty} .w297{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:clamp(24px,3vw,40px)} .w298{aspect-ratio:3/4;background:var(--tlo-jasne);border:1px solid var(--linia);overflow:hidden;border-radius:10px} .w299{margin:16px 0 4px;font-size:var(--t-etykieta);letter-spacing:0.18em;color:var(--bordo);font-weight:var(--g-naglowek)} .w300{margin:0 0 4px;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);font-size:var(--t-h3);color:var(--czern)} .w301{margin-top:8px} .w302{cursor:pointer;font-size:var(--t-etykieta);color:var(--bordo);list-style:none;padding:8px 0;min-height:40px;display:flex;align-items:center} .w303{margin:0;font-size:var(--t-etykieta);line-height:1.65} .w304{margin:40px 0 0;font-size:var(--t-etykieta);color:var(--szary-tekst);max-width:52em} .w305{margin:0;font-family:'Jost',sans-serif;font-weight:var(--g-naglowek);color:var(--czern);font-size:var(--t-h2);line-height:1.15;max-width:20em;text-wrap:balance} .h1:hover,.h1:focus-visible{color:var(--czern)} .h2:hover,.h2:focus-visible{background:var(--bordo-ciemne);color:var(--biel)} .h3:hover,.h3:focus-visible{color:var(--bordo)} .h4:hover,.h4:focus-visible{text-decoration:underline} .h5:hover,.h5:focus-visible{opacity:0.94} .h6:hover,.h6:focus-visible{border-color:var(--bordo);color:var(--bordo)} .h7{position:relative;isolation:isolate}.h7::before{content:'';position:absolute;inset:0 -16px;z-index:-1;border-radius:8px;transition:background-color .15s ease}.h7:hover::before,.h7:focus-visible::before{background:var(--tlo-jasne)} .h8:hover,.h8:focus-visible{background:var(--czern);color:var(--biel)} .h9:hover,.h9:focus-visible{background:var(--bordo-ciemne)} .h10:hover,.h10:focus-visible{opacity:0.92} body{margin:0;background:var(--tlo-strony);color:var(--szary-tekst);font-family:'DM Sans',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased} a{color:var(--bordo)}a:hover{color:var(--czern)} img{max-width:100%} :focus-visible{outline:2px solid var(--bordo);outline-offset:3px} html{scroll-behavior:smooth} summary::-webkit-details-marker{display:none} input,button{font-family:'DM Sans',Helvetica,Arial,sans-serif} input::placeholder{color:var(--szary-tekst)} @keyframes odslona{from{clip-path:inset(0 0 0 12%);transform:scale(1.035)}to{clip-path:inset(0 0 0 0);transform:scale(1)}} @keyframes wejscie{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} .anim-odslona{animation:odslona 1.5s cubic-bezier(.22,.61,.36,1) both} .anim-wejscie{animation:wejscie .9s ease .2s both} .nav-burger{display:none} .head-scrolled{padding:8px 0 !important;box-shadow:0 1px 0 var(--linia)} @media (max-width:980px){ .nav-desktop{display:none !important} .head-tel{display:none !important} .nav-burger{display:inline-flex !important} } @media (prefers-reduced-motion:reduce){.anim-odslona,.anim-wejscie{animation:none}} button{font-family:'DM Sans',Helvetica,Arial,sans-serif}