/* ============================================================
   POLSKIE STRONY INTERNETOWE — grafit + szampańskie złoto + krem
   Cormorant Garamond (nagłówki) · Jost (tekst) · glassmorphism · bokeh
   ============================================================ */
:root{
  --czern:#0f0f0f;
  --czern2:#161616;
  --krem:#f5f5dc;
  --krem-dim:rgba(245,245,220,.62);
  --krem-cichy:rgba(245,245,220,.44);
  --zloto:#c9a961;
  --zloto-jasne:#d4b896;
  --szklo:rgba(255,255,255,.05);
  --szklo-border:rgba(201,169,97,.25);
  --szklo-border-mocny:rgba(201,169,97,.45);
  --serif:'Montserrat',system-ui,sans-serif;
  --sans:'Jost',system-ui,sans-serif;
  --cien:0 24px 70px rgba(0,0,0,.55);
  --promien:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--czern);color:var(--krem);font-family:var(--sans);font-weight:300;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--zloto);color:var(--czern)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.1;letter-spacing:.015em;color:var(--krem)}
h2{font-size:clamp(30px,4.4vw,52px);font-weight:600}
h2 em{font-style:normal;font-weight:700;color:var(--zloto)}
h3{font-size:clamp(20px,2.2vw,25px);font-weight:600}
a{color:inherit;text-decoration:none}
p{color:var(--krem-dim)}
.container{max-width:1200px;margin:0 auto;padding:0 5%}
.eyebrow{display:inline-block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--zloto);
  border:1px solid var(--szklo-border);border-radius:50px;padding:8px 18px;background:var(--szklo);
  backdrop-filter:blur(8px);margin-bottom:22px}
.sekcja{padding:clamp(72px,9vw,130px) 0}
.sekcja-wyrozniona{background:linear-gradient(180deg,var(--czern2),var(--czern))}
.naglowek{max-width:760px;margin:0 auto 58px;text-align:center}
.naglowek p{margin-top:18px;font-size:16px}
.lewo{text-align:left;margin-left:0}

/* ---- BOKEH (złote cząsteczki w tle) ---- */
#bokeh{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.kod{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--zloto);font-weight:400;letter-spacing:.08em;white-space:nowrap;user-select:none;
  animation:kodFloat linear infinite;opacity:0;filter:blur(.6px)}
@keyframes kodFloat{0%{transform:translateY(0) translateX(0);opacity:0}
  12%{opacity:var(--o,.4)}85%{opacity:var(--o,.4)}
  100%{transform:translateY(-115vh) translateX(2.5vw);opacity:0}}
@keyframes kodFloatDol{0%{transform:translateY(0) translateX(0);opacity:0}
  12%{opacity:var(--o,.4)}85%{opacity:var(--o,.4)}
  100%{transform:translateY(115vh) translateX(-2.5vw);opacity:0}}

/* ---- FALE DOTYKU (koliste fale od miejsca dotknięcia) ---- */
.fala{position:fixed;width:20px;height:20px;border-radius:50%;pointer-events:none;z-index:9999;
  border:1.5px solid rgba(201,169,97,.55);box-shadow:0 0 20px rgba(201,169,97,.22);
  transform:translate(-50%,-50%);animation:fala .9s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes fala{0%{opacity:.85;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(20)}}

/* ---- POŚWIATA złota w hero ---- */
.hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-glow i{position:absolute;border-radius:50%;filter:blur(90px)}
.hero-glow i:nth-child(1){width:46vw;height:46vw;left:-10vw;top:-12vw;background:rgba(201,169,97,.14)}
.hero-glow i:nth-child(2){width:38vw;height:38vw;right:-8vw;bottom:-10vw;background:rgba(212,184,150,.1)}

/* ---- NAWIGACJA ---- */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:18px 5%;transition:.4s}
nav.przyklejona{padding:11px 5%;background:rgba(15,15,15,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--szklo-border)}
.nav-logo{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.05em;display:flex;align-items:baseline;gap:7px}
.nav-logo em{font-style:normal;color:var(--zloto)}
.nav-logo small{font-family:var(--sans);font-weight:300;font-size:9px;letter-spacing:.3em;color:var(--krem-cichy);text-transform:uppercase}
.nav-lista{display:flex;gap:6px;list-style:none}
.nav-lista a{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--krem-dim);
  padding:9px 15px;border-radius:50px;transition:.3s}
.nav-lista a:hover{color:var(--krem);background:var(--szklo)}
.nav-cta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:11px 22px;border-radius:50px;
  border:1px solid var(--zloto);color:var(--zloto-jasne);background:rgba(15,15,15,.4);transition:.35s;white-space:nowrap}
.nav-cta:hover{background:var(--zloto);color:var(--czern)}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.hamburger span{display:block;width:24px;height:1.5px;background:var(--krem);transition:.35s}

/* ---- PRZYCISKI ---- */
.btn-zloty{display:inline-block;padding:17px 44px 17px 47px;border:1px solid var(--zloto);border-radius:50px;
  background:rgba(15,15,15,.5);backdrop-filter:blur(10px);color:var(--zloto-jasne);font-size:11px;
  letter-spacing:3px;text-transform:uppercase;transition:all .35s}
.btn-zloty:hover{background:var(--zloto);color:var(--czern);box-shadow:0 12px 36px rgba(201,169,97,.3);transform:translateY(-2px)}
.btn-ghost{display:inline-block;padding:17px 40px;border:1px solid var(--szklo-border);border-radius:50px;
  color:var(--krem);font-size:11px;letter-spacing:3px;text-transform:uppercase;transition:.35s}
.btn-ghost:hover{border-color:var(--zloto);color:var(--zloto-jasne)}

/* ---- HERO ---- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:150px 5% 90px;overflow:hidden}
.hero-tresc{position:relative;z-index:2;max-width:1000px}
.hero h1{font-size:clamp(44px,9vw,110px);font-weight:700;letter-spacing:.02em}
.hero h1 em{font-style:normal;font-weight:300;color:var(--zloto);display:block}
.hero-pod{margin:28px auto 0;max-width:640px;font-size:16.5px;font-weight:300}
.hero-przyciski{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:42px}
.hero-tel{margin-top:24px;font-size:13px;color:var(--krem-cichy)}
.hero-tel a{color:var(--zloto-jasne);border-bottom:1px solid var(--szklo-border);padding-bottom:2px;transition:.3s}
.hero-tel a:hover{color:var(--zloto)}
.hero-stat{display:flex;gap:44px;justify-content:center;flex-wrap:wrap;align-items:flex-start;margin-top:48px}
.stat{text-align:center;min-width:130px}
.stat-kolo{position:relative;width:132px;height:132px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed var(--zloto);opacity:.55;animation:ringspin linear infinite}
.ring.r1{animation-duration:8s}
.ring.r2{animation-duration:5.5s;animation-direction:reverse}
.ring.r3{animation-duration:11s}
.ring.r4{animation-duration:6.5s;animation-direction:reverse}
@keyframes ringspin{to{transform:rotate(360deg)}}
.stat b{display:block;font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);font-weight:600;color:var(--zloto);line-height:1}
.stat span{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--krem-cichy);margin-top:4px}
.hero-scroll{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:2;font-size:10px;
  letter-spacing:.3em;text-transform:uppercase;color:var(--zloto);animation:przewinPuls 3s ease-in-out infinite}
.hero-scroll i{display:block;width:1px;height:44px;margin:10px auto 0;background:linear-gradient(var(--zloto),transparent);
  animation:opad 2s infinite}
@keyframes opad{0%,100%{transform:scaleY(.25);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}
@keyframes przewinPuls{0%,100%{opacity:.35}50%{opacity:1}}

/* ---- USŁUGI (glass karty) ---- */
.grid-uslugi{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.karta{position:relative;padding:34px 30px;border-radius:var(--promien);border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(12px);transition:.45s;overflow:hidden}
.karta:hover{transform:translateY(-6px);border-color:var(--szklo-border-mocny);background:rgba(255,255,255,.07)}
.karta .ikona{font-family:var(--serif);font-size:26px;color:var(--zloto);display:block;margin-bottom:18px}
.karta h3{margin-bottom:10px}
.karta p{font-size:14px}
.karta-usluga{grid-column:span 1}
.karta-usluga.pelna{grid-column:span 3;display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;padding:44px}
.karta-usluga.pelna h3{font-size:clamp(26px,3vw,38px)}
.punkty{list-style:none;margin-top:16px}
.punkty li{position:relative;padding-left:24px;margin-bottom:9px;font-size:13.5px;color:var(--krem-dim)}
.punkty li::before{content:'◆';position:absolute;left:0;color:var(--zloto);font-size:8px;top:4px}

/* ---- PROCES ---- */
.proces{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.krok{position:relative;padding:30px 24px;border-radius:var(--promien);border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(10px)}
.krok .nr{font-family:var(--serif);font-size:44px;color:var(--zloto);line-height:1;display:block;margin-bottom:14px}
.krok h3{font-size:18px;margin-bottom:8px}
.krok p{font-size:12.5px}

/* ---- REALIZACJE ---- */
.grid-realizacje{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.realizacja{border-radius:var(--promien);overflow:hidden;border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(10px);transition:.45s}
.realizacja:hover{transform:translateY(-6px);border-color:var(--szklo-border-mocny)}
.realizacja-obraz{position:relative;height:190px;display:flex;align-items:flex-end;padding:16px;overflow:hidden}
.realizacja-obraz::before{content:'';position:absolute;inset:0;transition:transform .8s}
.realizacja:hover .realizacja-obraz::before{transform:scale(1.08)}
.realizacja-obraz span{position:relative;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--krem);
  background:rgba(15,15,15,.55);padding:7px 14px;border-radius:50px;backdrop-filter:blur(6px)}
.r1::before{background:radial-gradient(circle at 25% 25%,#d4b896,#3a2c16 60%,#0f0f0f)}
.r2::before{background:radial-gradient(circle at 70% 25%,#9ab0c4,#16222e 60%,#0a0d10)}
.r3::before{background:radial-gradient(circle at 35% 70%,#c99a9a,#2e1518 60%,#0d0809)}
.r4::before{background:radial-gradient(circle at 65% 60%,#c9a961,#2e2410 62%,#0d0a05)}
.r5::before{background:radial-gradient(circle at 30% 35%,#9ac49a,#122a14 62%,#070b07)}
.r6::before{background:radial-gradient(circle at 70% 70%,#a79ad9,#1c1733 62%,#08070f)}
.realizacja-opis{padding:22px}
.realizacja-opis h3{font-size:19px;margin-bottom:7px}
.realizacja-opis p{font-size:13px}

/* ---- CENY ---- */
.grid-ceny{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.cena{position:relative;padding:38px 32px;border-radius:var(--promien);border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:16px;transition:.45s}
.cena:hover{transform:translateY(-6px);border-color:var(--szklo-border-mocny)}
.cena-wyrozniona{border-color:var(--zloto);background:linear-gradient(160deg,rgba(201,169,97,.12),rgba(255,255,255,.03));box-shadow:var(--cien)}
.wstega{position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:9.5px;letter-spacing:.24em;
  text-transform:uppercase;padding:6px 16px;border-radius:50px;background:var(--zloto);color:var(--czern);font-weight:500;white-space:nowrap}
.cena h3{font-size:21px}
.cena-opis{font-size:13px;margin-top:-8px}
.cena-kwota{font-family:var(--serif);font-size:clamp(40px,4vw,54px);color:var(--zloto);font-weight:500;line-height:1}
.cena-kwota small{font-family:var(--sans);font-size:13px;color:var(--krem-cichy);font-weight:300}
.cena .punkty{flex:1}
.cena .btn-zloty,.cena .btn-ghost{width:100%;text-align:center;padding-left:0;padding-right:0}

/* ---- OFERTA: KOSZTY I WARTOŚĆ ---- */
.wartosc{margin-top:24px;padding:36px;border-radius:var(--promien);border:1px solid var(--zloto);
  background:linear-gradient(150deg,rgba(201,169,97,.12),rgba(255,255,255,.03))}
.wartosc>h3{font-size:clamp(20px,2.2vw,25px);margin-bottom:22px;text-align:center}
.wartosc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.wartosc-item{padding:22px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--szklo-border)}
.wartosc-item b{display:block;font-family:var(--serif);color:var(--zloto);font-size:17px;margin-bottom:7px}
.wartosc-item span{font-size:13px;color:var(--krem-dim)}
.panel-ai{margin-top:18px;padding:30px 32px;border-radius:var(--promien);border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(12px);text-align:center}
.panel-ai h3{font-size:21px;margin-bottom:10px}
.panel-ai p{font-size:14px}
.panel-ai .panel-ai-alt{margin-top:14px;font-size:13px;color:var(--krem-dim)}
.panel-ai .panel-ai-alt a{color:var(--zloto-jasne);border-bottom:1px solid var(--szklo-border-mocny);font-weight:500}
.znizki{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.znizka{display:flex;align-items:center;gap:20px;padding:26px 28px;border-radius:var(--promien);
  border:1px solid var(--szklo-border);background:var(--szklo);backdrop-filter:blur(10px);transition:.4s}
.znizka:hover{border-color:var(--zloto)}
.znizka>b{font-family:var(--serif);font-size:clamp(34px,4vw,46px);color:var(--zloto);line-height:1;white-space:nowrap}
.znizka span{font-size:13.5px;color:var(--krem-dim)}
.znizka span b{font-family:var(--sans);font-size:inherit;color:var(--krem);font-weight:500}

/* ---- OPINIE ---- */
.grid-opinie{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.opinia{padding:30px;border-radius:var(--promien);border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(10px)}
.opinia p{font-size:14px;color:var(--krem);font-weight:300;font-style:italic}
.kto{display:flex;align-items:center;gap:13px;margin-top:20px}
.kto i{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--zloto);display:flex;align-items:center;
  justify-content:center;font-style:normal;font-family:var(--serif);font-size:14px;font-weight:600;color:var(--czern)}
.kto span{display:flex;flex-direction:column;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--krem-cichy)}
.kto b{font-family:var(--serif);color:var(--krem);font-size:16px;letter-spacing:0;text-transform:none;font-weight:500}

/* ---- FAQ ---- */
.faq{max-width:820px;margin:0 auto}
.faq details{border:1px solid var(--szklo-border);border-radius:15px;margin-bottom:11px;
  background:var(--szklo);backdrop-filter:blur(10px);overflow:hidden;transition:.35s}
.faq details[open]{border-color:var(--szklo-border-mocny)}
.faq summary{cursor:pointer;list-style:none;padding:20px 26px;font-family:var(--serif);font-size:19px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:26px;color:var(--zloto);transition:transform .4s}
.faq details[open] summary::after{transform:rotate(135deg)}
.faq p{padding:0 26px 24px;font-size:14px}

/* ---- KONTAKT ---- */
.kontakt{max-width:760px;margin:0 auto;text-align:center}
.telefon-karta{display:flex;align-items:center;gap:18px;text-align:left;padding:26px 30px;border-radius:var(--promien);
  border:1px solid var(--zloto);background:linear-gradient(150deg,rgba(201,169,97,.16),rgba(255,255,255,.03));
  margin-bottom:20px}
.telefon-karta .kolo{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--zloto);display:flex;
  align-items:center;justify-content:center;font-size:22px}
.telefon-karta b{font-family:var(--serif);font-size:22px;color:var(--zloto-jasne);display:block}
.telefon-karta span{font-size:13px;color:var(--krem-dim)}
.formularz{text-align:left;padding:38px;border-radius:22px;border:1px solid var(--szklo-border);
  background:var(--szklo);backdrop-filter:blur(14px)}
.pola{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}
.pole{display:flex;flex-direction:column;gap:8px}
.pole-szerokie{grid-column:1/-1}
.pole label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--krem-cichy)}
.pole input,.pole select,.pole textarea{font-family:var(--sans);font-size:14.5px;font-weight:300;color:var(--krem);
  background:rgba(255,255,255,.04);border:1px solid var(--szklo-border);border-radius:13px;padding:14px 16px;
  transition:.3s;width:100%}
.pole input:focus,.pole select:focus,.pole textarea:focus{outline:none;border-color:var(--zloto);
  box-shadow:0 0 0 4px rgba(201,169,97,.14)}
.pole textarea{resize:vertical}
.formularz .btn-zloty{width:100%;text-align:center;padding-left:0;padding-right:0;cursor:pointer;font-family:var(--sans)}
.formularz-info{margin-top:14px;font-size:12px;color:var(--krem-cichy);text-align:center}
.podziekowanie{display:none;text-align:center;padding:30px;border-radius:18px;margin-top:16px;
  border:1px solid var(--zloto);background:linear-gradient(150deg,rgba(201,169,97,.14),rgba(255,255,255,.03))}
.podziekowanie b{display:block;font-family:var(--serif);font-size:23px;margin-bottom:8px}
.podziekowanie .awaryjnie{margin-top:10px;font-size:12.5px}

/* ---- STOPKA ---- */
footer{border-top:1px solid var(--szklo-border);padding:60px 5% 34px;background:var(--czern2)}
.stopka{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 2fr;gap:44px}
.stopka-znak .nav-logo{font-size:22px}
.stopka-znak p{margin-top:16px;font-size:13.5px;max-width:340px}
.stopka-kolumny{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.stopka-kolumny h4{font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--krem-cichy);margin-bottom:15px;font-weight:400}
.stopka-kolumny ul{list-style:none;display:grid;gap:10px;font-size:13.5px}
.stopka-kolumny .notatka{font-size:11.5px;color:var(--krem-cichy)}
.stopka-kolumny a{color:var(--krem-dim);transition:.3s}
.stopka-kolumny a:hover{color:var(--zloto)}
.stopka-dol{max-width:1200px;margin:44px auto 0;padding-top:22px;border-top:1px solid var(--szklo-border);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--krem-cichy)}

/* ---- REVEAL ---- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ---- RWD ---- */
@media(max-width:1020px){
  .grid-uslugi,.grid-realizacje,.grid-ceny,.grid-opinie,.proces{grid-template-columns:repeat(2,1fr)}
  .karta-usluga.pelna{grid-column:span 2}
  .stopka{grid-template-columns:1fr}
  .wartosc-grid{grid-template-columns:1fr}
  .znizki{grid-template-columns:1fr}
}
@media(max-width:760px){
  .nav-lista{position:fixed;top:0;right:0;height:100vh;width:min(80vw,320px);flex-direction:column;gap:12px;
    padding:100px 28px;background:rgba(15,15,15,.94);backdrop-filter:blur(22px);transform:translateX(103%);
    transition:transform .5s ease;border-left:1px solid var(--szklo-border);align-items:flex-start}
  .nav-lista.otwarte{transform:none}
  .hamburger{display:flex}
  .hamburger.otwarty span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .hamburger.otwarty span:nth-child(2){opacity:0}
  .hamburger.otwarty span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  nav>.nav-cta{display:none}
  .grid-uslugi,.grid-realizacje,.grid-ceny,.grid-opinie,.proces{grid-template-columns:1fr}
  .karta-usluga.pelna{grid-column:span 1;grid-template-columns:1fr}
  .hero{padding-top:130px}
  .hero-stat{gap:28px}
  .pola{grid-template-columns:1fr}
  .stopka-kolumny{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .stopka-kolumny{grid-template-columns:1fr}
  .stopka-dol{flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  *:not(.kod){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* === MIASTO — nadpisania === */
.miasto-hero{min-height:auto;padding:150px 5% 56px}
.miasto-hero .hero-stat{display:none}
.kontakt-blok{display:flex;align-items:center;gap:18px;padding:24px 28px;border-radius:18px;
  border:1px solid rgba(201,169,97,.5);background:linear-gradient(150deg,rgba(201,169,97,.14),rgba(255,255,255,.03));margin:30px 0}
.kontakt-blok .kolo{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--zloto);
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--czern)}
.kontakt-blok b{font-family:var(--serif);font-size:20px;color:var(--zloto-jasne);display:block}
.kontakt-blok a{color:var(--zloto-jasne);border-bottom:1px solid rgba(201,169,97,.4)}
.kontakt-blok span{font-size:13px;color:var(--krem-dim)}
.sekcja h2{margin-bottom:18px}
@media(max-width:760px){
  .miasto-hero{padding-top:120px}
}