/* playfair-display-regular - latin-ext */
@font-face {font-family: 'Playfair Display';font-style: normal;font-weight: 400;src: url('../fonts/playfair-display-v22-latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''), url('../fonts/playfair-display-v22-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/playfair-display-v22-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/playfair-display-v22-latin-ext-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ font-display: swap;}
/* playfair-display-600 - latin-ext */
@font-face {font-family: 'Playfair Display';font-style: normal;font-weight: 600;src: url('../fonts/playfair-display-v22-latin-ext-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/playfair-display-v22-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/playfair-display-v22-latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/playfair-display-v22-latin-ext-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ font-display: swap;}
/* playfair-display-italic - latin-ext */
@font-face {font-family: 'Playfair Display';font-style: italic;font-weight: 400;src: url('../fonts/playfair-display-v22-latin-ext-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/playfair-display-v22-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/playfair-display-v22-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/playfair-display-v22-latin-ext-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ font-display: swap;}
/* playfair-display-600italic - latin-ext */
@font-face {font-family: 'Playfair Display';font-style: italic;font-weight: 600;src: url('../fonts/playfair-display-v22-latin-ext-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/playfair-display-v22-latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/playfair-display-v22-latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/playfair-display-v22-latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/playfair-display-v22-latin-ext-600italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ font-display: swap;}
/* allura-regular - latin-ext */
@font-face {font-family: 'Allura';font-style: normal;font-weight: 400;src: url('../fonts/allura-v10-latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/allura-v10-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/allura-v10-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/allura-v10-latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/allura-v10-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/allura-v10-latin-ext-regular.svg#Allura') format('svg'); /* Legacy iOS */ font-display: swap;}
/* barlow-regular - latin-ext */
@font-face {font-family: 'Barlow';font-style: normal;font-weight: 400;src: url('../fonts/barlow-v5-latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/barlow-v5-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/barlow-v5-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/barlow-v5-latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/barlow-v5-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/barlow-v5-latin-ext-regular.svg#Barlow') format('svg'); /* Legacy iOS */ font-display: swap;}
/* montserrat-600 - latin-ext */
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;src: url('../fonts/montserrat-v18-latin-ext-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/montserrat-v18-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/montserrat-v18-latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/montserrat-v18-latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/montserrat-v18-latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/montserrat-v18-latin-ext-600.svg#Montserrat') format('svg'); /* Legacy iOS */ font-display: swap;}
/* lora-regular - latin-ext */
@font-face {font-family: 'Lora';font-style: normal;font-weight: 400;src: url('../fonts/lora-v17-latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v17-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v17-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v17-latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v17-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v17-latin-ext-regular.svg#Lora') format('svg'); /* Legacy iOS */ font-display: swap;}
/* lora-700 - latin-ext */
@font-face {font-family: 'Lora';font-style: normal;font-weight: 700;src: url('../fonts/lora-v17-latin-ext-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v17-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v17-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v17-latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v17-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v17-latin-ext-700.svg#Lora') format('svg'); /* Legacy iOS */ font-display: swap;}
/* lora-italic - latin-ext */
@font-face {font-family: 'Lora';font-style: italic;font-weight: 400;src: url('../fonts/lora-v17-latin-ext-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v17-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v17-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v17-latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v17-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v17-latin-ext-italic.svg#Lora') format('svg'); /* Legacy iOS */ font-display: swap;}
/* lora-700italic - latin-ext */
@font-face {font-family: 'Lora';font-style: italic;font-weight: 700;src: url('../fonts/lora-v17-latin-ext-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/lora-v17-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lora-v17-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lora-v17-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lora-v17-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lora-v17-latin-ext-700italic.svg#Lora') format('svg'); /* Legacy iOS */ font-display: swap;}
/* source-serif-4 i ibm-plex-mono - z Google Fonts, patrz link w index.php <head> */
/* min-height (nie height) - stałe height:100% na html/body łamało
   position:sticky nowego menu (.mk-nav): przeglądarka liczyła jego zasięg
   przyklejenia względem wysokości body ograniczonej do 100% viewportu,
   a nie realnej, dłuższej wysokości strony */
html,body{min-height:100%;width:100%;margin:0;padding:0;}
body{font-family:'Barlow',sans-serif;font-size:1.1em;color:#474747;}
/*=====================================================================
  NOWY NAGŁÓWEK (Etap 1, wersja 5): pasek kontaktowy + zdjęcie hero +
  menu przyklejone do góry. Zastępuje starą animowaną wersję z crossfade
  slajdów w tle, marqueeą head-bar i logo z animacją liter - ich CSS
  zostało usunięte razem z resztą starego nagłówka i wtyczki Facebooka.
=====================================================================*/
header{min-height:0;height:auto;width:100%;margin:0;padding:0;box-sizing:border-box;}
.mk-topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:5px 3%/*40px*/;min-height:34px;background:#17202E/*#10151F*/;}
.mk-topbar::after{content:"";position:absolute;left:0;right:0;top:43px;height:1px;background:linear-gradient(90deg,transparent 0%,#8B4E33 15%,#8B4E33 85%,transparent 100%);}
.mk-topbar .topbar-left{display:flex;align-items:center;gap:18px;}
/* czcionka, kolor i wielkość identyczne jak w menu (.mk-nav ul li) */
.mk-topbar .tb-item{display:flex;align-items:center;gap:8px;font-family:'Barlow',sans-serif;font-size:.82rem;color:rgba(243,239,231,.68);text-decoration:none;}
.mk-topbar .tb-item svg{width:14px;height:14px;flex:none;color:rgba(243,239,231,.68);}
.mk-topbar .tb-divider{width:1px;height:15px;flex:none;background:linear-gradient(180deg,transparent 0%,#A66442 50%,transparent 100%);}
.mk-topbar .tb-social{display:flex;color:#A66442;}
.mk-topbar .tb-social svg{width:33px;height:33px;} /* ok. 75% wysokości paska (44px) */
@media only screen and (max-width:760px){
	.mk-topbar{padding:9px 18px;min-height:38px;}
	.mk-topbar .topbar-left{gap:12px;}
	.mk-topbar .tb-item{font-size:.74rem;}
	.mk-topbar .tb-social svg{width:28px;height:28px;}
}
@media only screen and (max-width:460px){
	.mk-topbar{min-height:34px;}
	.mk-topbar .tb-item span{display:none;}
	.mk-topbar .tb-item svg{width:15px;height:15px;}
	.mk-topbar .tb-social svg{width:25px;height:25px;}
}
/* zdjęcie hero (Etap 2 cz.3) - na desktopie wysokość = cała dostępna
   przestrzeń pierwszego widoku (100vh minus stały pasek górny [66px] i
   menu [66px] = 132px), zawsze w całości widoczna od góry do dołu, bez
   przycinania pionowego. Szerokość wynika z proporcji źródła (2:1) i
   background-position:center: na węższych oknach zdjęcie przycina się
   po bokach (w kadrze jest dużo tła, więc to nie szkodzi), na szerszych
   zostaje tło w kolorze kości słoniowej po bokach. Bez górnego capu na
   razie - zdjęcie testowe ma się skalować; realny max-height (żeby nie
   skalować w górę ponad natywną rozdzielczość) dojdzie razem z wariantami
   pod ekrany retina. Poniżej 900px wraca dawne kadrowanie cover/aspect-ratio. */
.mk-hero{position:relative;}
.mk-hero-img{height:calc(100vh - 110px);min-height:32vw/*420px*/;background-color:#10151F/*#F7F3EC*/;background-image:url("../img/daniel-paul-hero.webp");background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.mk-hero .copy{position:absolute;left:calc(25% - 200px)/*6.5%*/;top:8%;display:flex;flex-direction:column;align-items:center;text-align:center;width:400px;max-width:400px;}
.mk-hero .kicker{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:#8B4E33;margin-bottom:10px;white-space:nowrap;}
.mk-hero h1{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.05rem);line-height:1.15;color:#17202E;margin:0 0 10px;font-weight:700;white-space:nowrap;}
.mk-hero .specialty{font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-size:.86rem;color:#63666E;line-height:1.5;margin:0 0 20px;}
@media only screen and (max-width:900px){
	.mk-hero-img{height:auto;min-height:0;aspect-ratio:1.1/*1.05*/;background-size:cover;background-position:center top;}
}
/* poniżej 700px tekst nie mieści się już czytelnie nad postacią - zamiast
   nakładki blok tekstu schodzi pod zdjęcie, na jasnym tle */
@media only screen and (max-width:700px){
	.mk-hero{display:flex;flex-direction:column;}
	.mk-hero-img{aspect-ratio:1.2;order:1;}
	.mk-hero .copy{position:static;order:2;width:100%;max-width:100%;align-items:center;text-align:center;background:#F7F3EC;padding:26px 0 /*24px*/ 30px;}
	.mk-hero .kicker{font-size:.62rem;}
	.mk-hero h1{font-size:1.4rem;white-space:normal;}
	.mk-hero .specialty{font-size:.8rem;}
}
.btn{display:inline-block;font-size:.76rem;font-weight:600;padding:9px 16px;border-radius:3px;text-decoration:none;white-space:nowrap;}
.btn-primary{background:#8B4E33;color:#fff;}
/* menu pod zdjęciem, przyklejone do góry przy przewijaniu */
.mk-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:0 40px;min-height:66px;background:#17202E;}
.mk-nav::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 0%,#8B4E33 14%,#8B4E33 86%,transparent 100%);}
.mk-nav ul{list-style:none;display:flex;align-items:stretch;height:100%;gap:0;margin:0;padding:0;}
.mk-nav ul li{position:relative;display:flex;align-items:center;height:66px;padding:0 24px;}
.mk-nav ul li a{font-family:'Barlow',sans-serif;font-size:.82rem;color:rgba(243,239,231,.68);text-decoration:none;transition:color .25s ease;}
.mk-nav ul li a:hover,.mk-nav ul li a.active{color:#F3EFE7;}
.mk-nav ul li a.active{color:#D79E7A;}
.mk-nav ul li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#8B4E33 0%,transparent 100%);}
.mk-nav ul li:first-child::before{display:none;}
/* odstęp pod menu - bez tego menu (granat) i sekcja pod nim (też granat)
   zlewały się w jedną bryłę; przerwa wysokości menu, bez tła sekcji */
/*.mk-nav + section{margin-top:66px;}*/
@media only screen and (max-width:760px){
	.mk-nav{padding:0;justify-content:flex-start;}
	.mk-nav ul{overflow-x:auto;scrollbar-width:none;}
	.mk-nav ul::-webkit-scrollbar{display:none;}
	.mk-nav ul li{flex:none;white-space:nowrap;padding:0 18px;}
}
/*=====================================================================
  SEKCJE STRONY GŁÓWNEJ: naprzemienny rytm granat / kość słoniowa
=====================================================================*/
.mk-band{padding:70px 40px;}
.mk-band.navy{background:#17202E;color:#F3EFE7;}
.mk-band.ivory{background:#F7F3EC;}
.mk-inner{max-width:1040px;margin:0 auto;}
.mk-band .kicker{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#A66442;}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center;}
@media only screen and (max-width:820px){.about-grid{grid-template-columns:1fr;}}
.about-grid .kicker{margin-bottom:14px;}
.about-grid h2{font-family:'Source Serif 4',Georgia,serif;font-size:1.7rem;line-height:1.22;margin:0 0 16px;font-weight:600;max-width:18ch;}
.about-grid p{font-size:.95rem;line-height:1.7;color:rgba(243,239,231,.68);max-width:46ch;}
/* mapka Polski w miejscu dawnych stat-tile - dostarczona przez klienta grafika
   (obrys kraju + punkty, kolor koniaku, tło przezroczyste), wyśrodkowana w
   kolumnie about-grid */
.about-map{display:flex;align-items:center;justify-content:center;}
.about-map img{width:100%;max-width:300px;height:auto;}
.mk-band.ivory h2.sec-title{font-family:'Source Serif 4',Georgia,serif;font-size:1.7rem;font-weight:600;margin:0 0 10px;color:#17202E;}
.sec-lede{color:#63666E;font-size:.95rem;max-width:56ch;margin:0 0 40px;line-height:1.6;}
/* 4 kolumny (nie 3, jak w pierwotnej makiecie) - realnych obszarów praktyki
   jest 8, więc 4 kolumny x 2 rzędy wypełniają siatkę bez pustej "widmowej"
   komórki, którą zostawiały 3 kolumny przy 8 elementach */
.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(30,42,64,.14);border:1px solid rgba(30,42,64,.14);}
@media only screen and (max-width:820px){.practice-grid{grid-template-columns:1fr 1fr;}}
@media only screen and (max-width:560px){.practice-grid{grid-template-columns:1fr;}}
/* Etap 2 cz.6 - zdjęcia tematyczne w stylu szkicu ołówkowego (granat + jeden
   akcent koloru koniakowego) jako pełne tło komórki; bez numeracji, podpis
   (h3+p) stoi na dole komórki na jasnym "papierowym" pasku, który rozjaśnia
   tylko fragment obrazka leżący pod tekstem, nie całe zdjęcie */
.p-card{background:#fff;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;}
.p-card .p-art-wrap{width:100%;max-width:320px;aspect-ratio:320/240;margin:0 auto;display:block;overflow:hidden;}
.p-card .p-art{width:100%;height:100%;display:block;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);}
.p-card:hover .p-art{transform:scale(1.1);}
.p-card .p-text{background:rgba(247,243,236,.88);padding:14px 10px 16px 20px;}
.p-card h3{font-family:'Source Serif 4',Georgia,serif;font-size:1.06rem;font-weight:600;margin:0 0 6px;color:#17202E;transition:color .9s ease;}
.p-card:hover h3{color:#8B4E33;}
.p-card p{font-size:.82rem;color:#63666E;line-height:1.5;margin:0;}
.topics-strip{display:flex;flex-wrap:wrap;gap:10px;}
.topic-pill{font-size:.78rem;border:1px solid rgba(247,243,236,.18);color:rgba(243,239,231,.68);padding:8px 16px;border-radius:100px;text-decoration:none;transition:color .25s ease,border-color .25s ease;}
.topic-pill:hover{color:#F3EFE7;border-color:#8B4E33;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(30,42,64,.14);border:1px solid rgba(30,42,64,.14);}
@media only screen and (max-width:820px){.news-grid{grid-template-columns:1fr;}}
.news-card{background:#fff;padding:28px;display:flex;flex-direction:column;text-decoration:none;transition:background-color .25s ease;}
.news-card:hover{background:#F7F3EC;}
.news-card .k{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#8B4E33;margin-bottom:10px;}
.news-card h3{font-family:'Source Serif 4',Georgia,serif;font-size:1.05rem;line-height:1.32;margin:0 0 8px;color:#17202E;}
.news-card p{font-size:.83rem;color:#63666E;line-height:1.55;margin:0;}
.section-foot{margin-top:32px;text-align:center;}
.section-foot a{font-size:.85rem;font-weight:600;color:#17202E;text-decoration:none;border-bottom:1px solid #8B4E33;padding-bottom:2px;}
.mk-band.navy .section-foot a{color:#F3EFE7;}
/* sekcja z cytatem - drugie zdjęcie do lewej krawędzi, zanikające w tło
   (maska gradientowa), cytat wyśrodkowany po prawej */
.motto-band{text-align:center;}
.motto-band .motto-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;text-align:left;}
.motto-band .motto-photo{min-width:0;}
.motto-band .motto-photo img{width:100%;height:auto;display:block;}
.motto-band .motto-copy{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;}
.motto-band .rule{width:44px;height:2px;background:#8B4E33;margin:0 auto 26px;}
.motto-band .lat{font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-size:clamp(1.2rem,2.4vw,1.65rem);color:#17202E;max-width:26ch;margin:0 auto 14px;line-height:1.4;}
.motto-band .pl{font-size:.86rem;color:#63666E;}
@media only screen and (max-width:700px){
	.motto-band{padding:0;}
	.motto-band .motto-grid{display:block;}
	.motto-band .motto-photo{position:relative;width:100%;max-width:none;flex:none;height:230px;}
	.motto-band .motto-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%);}
	.motto-band .motto-copy{max-width:none;padding:8px 26px 54px;}
}
/*.contact-cta{padding:70px 0 0 0}*/
.office-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(30,42,64,.14);border:1px solid rgba(30,42,64,.14);}
@media only screen and (max-width:700px){.office-grid{grid-template-columns:1fr;}}
.office-card{background:#fff;padding:30px;}
.office-card .k{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#8B4E33;margin-bottom:10px;}
.office-card h3{font-family:'Source Serif 4',Georgia,serif;font-size:1.1rem;margin:0 0 12px;color:#17202E;}
.office-card .row{font-size:.85rem;color:#21242B;margin-bottom:6px;}
.office-card .row.mono{font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:#63666E;}
.office-card .row a{color:inherit;text-decoration:none;}
.office-card .row a:hover{color:#8B4E33;}
.acc-nr{font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:#63666E;text-align:center;padding:24px 0 46px;line-height:1.7;}
/*=====================================================================
  OGÓLNE (używane też przez podstrony w innym pliku stylów)
=====================================================================*/
.section{width:100%;background:#fff;}
.box{box-sizing:border-box;max-width:min(1300px,calc(100% - 2em));min-width:300px;height:100%;margin-left:auto;margin-right:auto;padding:4em 0;text-align:center;}
.dark{background-color:rgba(0,0,0,0.55);padding:8vh 0;}
.dark .box{color:white;max-width:min(1100px,calc(100% - 5em));font-family:'Barlow',sans-serif;font-size:1.25em;}
.dark .box > div:first-of-type div {margin-top:20px;}
.dark .italic {font-style:italic;}
.box p{padding:0 0 1em 0;margin:0;font-size:1.1em;text-align:justify;text-indent:2em;line-height:1.5em;}
.box a{text-decoration:none;}
span.kancelaria{font-family:'Playfair Display',serif;}
/*=====================================================================
  STOPKA (footer.html, wspólna z podstronami) - linie między kolumnami
  w nowym kolorze koniaku, zanikające od góry i od dołu (border-image
  z gradientem zamiast pełnego border-right)
=====================================================================*/
footer{width:100%;background:#10151F;margin:0;padding:1em 0;color:#fff;text-align:center;}
footer div.footer{margin:0 auto; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; flex-wrap:wrap;justify-content:center;align-content:center;}
footer div.footer>div{padding:.1em 2em .5em 2em;text-align:left;border-right:2px solid transparent;border-image:linear-gradient(180deg,transparent 0%,#8B4E33 25%,#8B4E33 75%,transparent 100%)1;}
footer div.footer div:last-of-type{border-right:0;border-image:none;}
footer div.footer div:first-of-type p{margin-top:0;margin-bottom:0.25em;}
footer div.footer div:nth-of-type(2)>div{display:inline-block;vertical-align:top;}
footer div.footer div:nth-of-type(2) p{margin:0 0 0.25em 1em;}
footer div.footer-last-div>div{padding-top:.5em;padding-bottom:.5em;border-right:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;align-content:center;}
footer div.footer-last-div>div div{cursor:pointer;width:3em;height:3em;background-repeat:no-repeat;background-size:3em 3em;transition:background-image .5s ease;}
footer div.footer-last-div a:nth-child(1) div {margin:0 1em 0 0;background-image:url("../img/kirp-gray-100.webp");}
footer div.footer-last-div a:nth-child(2) div {margin:0;background-image:url("../img/fb.webp");}
footer div.footer-last-div a:nth-child(1) div:hover{background-image:url("../img/kirp-white-100.webp");}
footer div.footer-last-div a:nth-child(2) div:hover{background-image:url("../img/fb-hover.webp");}
footer>div:last-child{padding-top:.5em;}
footer>a div{position:fixed;z-index:3;right:1em;bottom:1em;cursor:pointer;width:64px;height:64px;background-repeat:no-repeat;background-size:64px 64px;background-image:url("../img/to-top-a.webp");transition:all .5s ease-in;}
footer>a div:hover{background-image:url("../img/to-top-b.webp");}
.to-top{display:none;}
footer span{color:#A66442;line-height:2em;}
footer a{display:block;padding:1px 0;margin:4px 0;text-decoration:none;color:inherit;transition:color .25s ease;}
footer a:hover{color:#A66442;}
/*-----PODSTRONY:-----*/
nav ul li a:after{position:absolute;transition:all 0.35s ease;}
nav ul li a.active{color:#A66442;}
nav ul li a.active:after{color:rgba(166,100,66,0.5);}
/*-----MOBILES (tylko to, co jeszcze dotyczy strony głównej)-----*/
@media only screen and (max-width: 1064px) { /*1024px*/
	footer div.footer div:nth-of-type(2){border-right:0;border-image:none;}
	footer div.footer-last-div{width:calc(100% - 7em);border-top:2px solid #8B4E33;text-align:center !important;}
	footer div.footer-last-div div{justify-content:center;}
	footer > a div {display:none;}
}
@media only screen and (max-width: 770px) {
	footer div.footer>div{text-align:center;width:calc(100% - 7em);padding:.1em 0 .5em 0;}
	footer div.footer>div:first-of-type{border-right:0;border-image:none;}
	footer div.footer>div:nth-of-type(2){border-top:2px solid #8B4E33;border-right:0;border-image:none;}
	footer div.footer>div:nth-of-type(2)>div:first-of-type{display:none;}
	footer div.footer>div:nth-of-type(2)>div:last-of-type>p{margin:0;}
}
@media only screen and (max-width: 460px) {
	footer div.footer>div{width:calc(100% - 3em);}
}
@media only screen and (max-width: 360px) {
	footer div.footer>div{width:calc(100% - 1em);}
}