/* TONACJA TEGO DZIAŁU — nic wyrobionego ręką — powietrze przed świtem, gwiazdy i ciemna ziemia; jedyny dział bez przedmiotu.
   Grunt dookoła kolumny #0a0d1b. Kolumna od #1a2035 u góry do #0d1126 u dołu —
   to różnica ośmiu punktów jasności, czyli przejście, które WIDAĆ. Wersja
   poprzednia szła od 4 % do 5 % i była deklaracją przejścia, a nie przejściem.

   ŚWIATŁO: ŚWIT CYWILNY OD WSCHODU: dwudzieste światło w serwisie, wybrane nie dla nastroju — właśnie przed wschodem Słońca obserwuje się wschód heliakalny, czyli gwiazdozbiór wynurzający się tuż przed Słońcem. Grunt jaśniejszy niż w pozostałych nocnych działach, bo świt to nie noc.

   Neutralne — tekst, etykieta, cień, poświata — mają odcień tego materiału
   przy NIETKNIĘTEJ jasności, więc każdy kontrast jest dokładnie taki, jak był.
   Wcześniej 22 działy miały bajt w bajt te same 21 wartości barwnych. */

/* Niebo w czasie — sfera, rok i miejsce.  Przedrostek `nwc-`.

   MATERIAŁ: nic wyrobionego ręką. Powietrze przed świtem, gwiazdy, linia
   horyzontu i ciemna ziemia pod nogami. To jedyny dział, w którym nie ma
   przedmiotu — jest widok.

   ŚWIATŁO: ŚWIT CYWILNY OD WSCHODU. Dwudzieste światło w serwisie i wybrane
   nie dla nastroju: właśnie przed wschodem Słońca obserwuje się wschód
   heliakalny, czyli gwiazdozbiór wynurzający się tuż przed Słońcem. Na tym
   polega cała rachuba, którą ten dział pokazuje, więc pora doby jest tu
   treścią. Nawigacja ma noc bez księżyca — tu niebo już blednie od wschodu.

   GRUNT JAŚNIEJSZY NIŻ W POZOSTAŁYCH NOCNYCH DZIAŁACH, bo świt to nie noc.
   Odcienie kamienne i nocne zbiegły się już w błękitach, więc rozdziela je
   jasność, a nie barwa.

   OCHRA NALEŻY DO BIEGUNA NIEBIESKIEGO i do niczego innego. Biegun jest tu
   jedynym twierdzeniem rysunku: to wokół niego wszystko się obraca i to on
   wędruje przez tysiąclecia.

   SZEROKOŚĆ 1520 px i blok wyłamania z układu motywu — jak w całym serwisie. */

.nwc-strona {
	--tlo: #0d1126; --panel: rgba( 20, 26, 44, .84 );
	--obrys: rgba( 179, 203, 230, .30 ); --wlos: rgba( 179, 203, 230, .14 );
	--biegun: #b4622f; --biegun-j: #e0925f;
	--gwiazda: #7d97bd; --gwiazda-j: #b3cbe6;
	--swit: #6b7f9e; --swit-j: #aebed6;
	--ziemia: #2a3342; --ziemia-j: #6b7789;
	--cien: #121521; --cien-j: #4e515f;
	--etyk: #94a2b3;
	--tekst: #a2b1c3; --tekst-slaby: #8c98a6; --tekst-mocny: #cfd8e3;
	--serif: 'Cormorant Garamond', Georgia, serif; --sans: Jost, system-ui, sans-serif;

	position: relative; max-width: 1520px; margin: 0 auto; padding: 0 40px 90px;
	color: var( --tekst ); font: 300 17px var( --serif );
	background:
		/* ŚWIT CYWILNY OD WSCHODU: dwudzieste światło w serwisie, wybrane nie dla nastroju — właśnie przed wschodem Słońca obserwuje się wschód heliakalny, czyli gwiazdozbiór wynurzający się tuż przed Słońcem. Grunt jaśniejszy niż w pozostałych nocnych działach, bo świt to nie noc. */
		radial-gradient( 1500px 420px at 90% 88%, rgba( 150, 180, 214, .05 ), transparent 64% ),
		radial-gradient( 1100px 780px at 10% 12%, rgba( 125, 151, 189, .07 ), transparent 70% ),
		linear-gradient( 176deg, #1a2035 0%, #12172c 46%, #0d1126 100% );
	overflow-x: clip;
}
.nwc-strona *, .nwc-strona *::before, .nwc-strona *::after { box-sizing: border-box; }

/* WYŁAMANIE Z UKŁADU MOTYWU. Bez tego dział stoi w kolumnie 645 px. */
body:has( .nwc-strona ) .wp-site-blocks > header, body:has( .nwc-strona ) header.wp-block-template-part,
body:has( .nwc-strona ) .wp-site-blocks > footer, body:has( .nwc-strona ) footer.wp-block-template-part,
body:has( .nwc-strona ) .wp-block-post-title { display: none !important; }
body:has( .nwc-strona ) .wp-site-blocks, body:has( .nwc-strona ) .wp-block-group,
body:has( .nwc-strona ) .wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body:has( .nwc-strona ) .wp-block-post-content > *, body:has( .nwc-strona ) .entry-content > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
body:has( .nwc-strona ) { background: #0d0b0a; }
body:has( .nwc-strona ) .wp-block-post-content > .nwc-strona, body:has( .nwc-strona ) .entry-content > .nwc-strona,
.nwc-strona { box-sizing: border-box; max-width: 1600px !important; margin-left: auto !important; margin-right: auto !important; }
.nwc-strona button { font-family: inherit; }

/* ══════════════  UWERTURA  ══════════════ */

.nwc-hero {
	position: relative; margin: 26px 0 0; padding: 62px 44px 54px; border-radius: 28px;
	border: 1px solid var( --wlos ); overflow: hidden;
	background:
		radial-gradient( 900px 420px at 50% 0%, rgba( 150, 180, 214, .13 ), transparent 70% ),
		linear-gradient( 168deg, #14192e, #070914 );
}
/* Uwertura z grafiką nosi `nwc-sekcja--tlo nwc-hero`, a NIE `nwc-hero--tlo`. */
.nwc-sekcja--tlo::before {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background: var( --tlo ) 50% 50% / cover no-repeat; opacity: .92;
}
.nwc-sekcja--tlo::after {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background:
		radial-gradient( 900px 520px at 16% 16%, rgba( 8, 9, 13, .66 ), transparent 76% ),
		linear-gradient( 180deg, rgba( 8, 9, 13, .16 ), rgba( 8, 9, 13, .5 ) );
}
.nwc-hero__nad {
	margin: 0 0 16px; font: 400 11px var( --sans ); letter-spacing: .3em; text-transform: uppercase;
	color: var( --etyk );
}
.nwc-hero__tytul {
	margin: 0 0 26px; max-width: 20ch;
	font: 300 clamp( 40px, 5.2vw, 72px ) / 1.07 var( --serif ); color: var( --tekst-mocny );
	text-shadow: 0 0 60px rgba( 150, 180, 214, .2 );
}

/* ══════════════  SEKCJE  ══════════════ */

.nwc-sekcja { position: relative; margin: 84px 0 0; padding: 0; }
.nwc-sekcja--tlo { padding: 54px 40px 48px; border-radius: 26px; border: 1px solid var( --wlos ); overflow: hidden; }
.nwc-sekcja__nad {
	margin: 0 0 12px; font: 400 11px var( --sans ); letter-spacing: .28em; text-transform: uppercase;
	color: var( --etyk );
}
.nwc-sekcja__tytul {
	margin: 0 0 16px; max-width: 26ch;
	font: 300 clamp( 30px, 3.4vw, 46px ) / 1.12 var( --serif ); color: var( --tekst-mocny );
	text-shadow: 0 0 40px rgba( 150, 180, 214, .17 );
}
.nwc-sekcja__lead { margin: 0 0 32px; max-width: 78ch; font-size: 19px; line-height: 1.66; color: var( --tekst ); }

.nwc-przerywnik { display: block; width: 100%; height: 44px; margin: 66px 0 0; color: var( --swit ); opacity: .45; }

/* ══════════════  SFERA  ══════════════
   Płótno dostaje JAWNĄ szerokość, bo w siatce kurczy się do 300 px,
   a wtedy przestaje być czymkolwiek. */

.nwc-sfera { width: 100%; max-width: 1180px; margin: 0 auto; position: relative; }
.nwc-plotno {
	display: block; width: 100%; border-radius: 18px;
	border: 1px solid var( --wlos ); cursor: grab; touch-action: none;
	background: #05070e;
}
.nwc-plotno:active { cursor: grabbing; }
.nwc-blad { padding: 40px; text-align: center; color: var( --tekst-slaby ); }

/* STEROWANIE. Suwak roku jest podpisem działu — reszta mu służy. */
.nwc-ster {
	display: flex; flex-wrap: wrap; gap: 18px 26px; align-items: flex-end;
	margin: 20px auto 0; max-width: 1180px;
}
.nwc-pole { display: flex; flex-direction: column; gap: 6px; flex: 1 1 240px; }
.nwc-pole--waski { flex: 0 1 170px; }
.nwc-pole > span {
	font: 400 11px var( --sans ); letter-spacing: .22em;
	text-transform: uppercase; color: var( --etyk );
}
.nwc-pole input[ type="range" ] { width: 100%; accent-color: var( --biegun-j ); }
.nwc-pole output {
	font: 400 15px var( --serif ); color: var( --tekst-mocny );
	font-variant-numeric: tabular-nums;
}
.nwc-pole--przel { flex-direction: row; align-items: center; gap: 10px; flex: 0 1 auto; }
.nwc-pole--przel span {
	font: 400 13px var( --sans ); letter-spacing: .06em;
	text-transform: none; color: var( --tekst );
}

/* ODCZYT — trzy liczby, które są w tym dziale całą treścią. */
.nwc-odczyt { max-width: 70ch; margin: 22px auto 0; text-align: center; }
.nwc-odczyt__rok {
	margin: 0 0 6px; font: 300 clamp( 28px, 3vw, 44px ) / 1.1 var( --serif );
	color: var( --tekst-mocny ); font-variant-numeric: tabular-nums;
}
.nwc-odczyt__linia { margin: 0 0 8px; font-size: 19px; line-height: 1.6; color: var( --tekst ); }
.nwc-odczyt__linia b { color: var( --biegun-j ); font-weight: 400; font-variant-numeric: tabular-nums; }
.nwc-odczyt__uwaga {
	margin: 0; font: 400 12px var( --sans ); letter-spacing: .1em; color: var( --tekst-slaby );
}

/* PUNKTY WIDOKOWE */
.nwc-punkty {
	display: grid; gap: 12px; margin: 26px auto 0; max-width: 1180px;
	grid-template-columns: repeat( auto-fit, minmax( 210px, 1fr ) );
}
.nwc-punkt {
	appearance: none; cursor: pointer; text-align: left;
	padding: 14px 16px; border-radius: 14px;
	border: 1px solid var( --wlos ); background: var( --panel );
	color: var( --tekst ); font-family: inherit;
	transition: border-color .2s, transform .2s;
}
.nwc-punkt:hover, .nwc-punkt:focus-visible { border-color: var( --obrys ); transform: translateY( -2px ); }
.nwc-punkt.jest-wybrany { border-color: var( --biegun-j ); }
.nwc-punkt b {
	display: block; margin-bottom: 5px; font: 400 16px var( --serif );
	color: var( --tekst-mocny );
}
.nwc-punkt.jest-wybrany b { color: var( --biegun-j ); }
.nwc-punkt span { display: block; font-size: 14px; line-height: 1.5; color: var( --tekst-slaby ); }

.nwc-miejsce {
	max-width: 78ch; margin: 24px auto 0; padding: 26px 30px;
	border: 1px solid var( --wlos ); border-radius: 20px; background: var( --panel );
}
.nwc-miejsce h3 { margin: 0 0 10px; font: 300 27px var( --serif ); color: var( --tekst-mocny ); }
.nwc-miejsce__co { margin: 0 0 14px; font-size: 18px; line-height: 1.72; }
.nwc-miejsce__zmierzone {
	margin: 0 0 12px !important; padding: 10px 14px; border-radius: 10px;
	background: rgba( 179, 203, 230, .07 ); color: var( --tekst-slaby ); font-size: 16px !important;
}
.nwc-miejsce__zmierzone b {
	display: block; font: 400 10.5px var( --sans ); letter-spacing: .22em;
	text-transform: uppercase; color: var( --etyk ); margin-bottom: 4px;
}
.nwc-miejsce__wsp {
	margin: 0; font: 400 12px var( --sans ); letter-spacing: .14em;
	color: var( --etyk ); font-variant-numeric: tabular-nums;
}

.nwc-opis {
	max-width: 78ch; margin: 24px auto 0; padding: 30px 34px;
	border: 1px solid var( --wlos ); border-radius: 22px; background: var( --panel );
}
.nwc-opis h3 { margin: 0 0 6px; font: 300 30px var( --serif ); color: var( --tekst-mocny ); text-shadow: 0 0 32px rgba( 180, 98, 47, .16 ); }
.nwc-opis p { margin: 0 0 14px; font-size: 18px; line-height: 1.74; }
.nwc-opis p:last-child { margin-bottom: 0; }
.nwc-opis__kiedy { font: 400 11px var( --sans ) !important; letter-spacing: .2em; text-transform: uppercase; color: var( --biegun-j ); margin-bottom: 8px !important; }
.nwc-opis__krotko { color: var( --tekst-mocny ); font-style: italic; }
.nwc-opis__pole, .nwc-opis__zrodlo { font-size: 16px !important; padding: 10px 14px; border-radius: 10px; }
.nwc-opis__pole { background: rgba( 180, 98, 47, .18 ); color: var( --tekst-mocny ); }
.nwc-opis__zrodlo { background: rgba( 179, 203, 230, .07 ); color: var( --tekst-slaby ); }
.nwc-opis__pole b, .nwc-opis__zrodlo b { display: block; font: 400 10.5px var( --sans ); letter-spacing: .22em; text-transform: uppercase; color: var( --etyk ); margin-bottom: 4px; }

/* ══════════════  SIATKI KAFLI  ══════════════ */

.nwc-siatka-kafli { display: grid; gap: 22px; grid-template-columns: repeat( auto-fill, minmax( 320px, 1fr ) ); align-items: start; }

.nwc-kafel {
	position: relative; padding: 26px 26px 24px; border-radius: 20px;
	border: 1px solid var( --wlos ); background: var( --panel ); cursor: pointer;
	transition: border-color .2s, transform .2s;
}
.nwc-kafel:hover, .nwc-kafel:focus-visible { border-color: var( --obrys ); transform: translateY( -2px ); }
.nwc-kafel h3 { margin: 0 0 8px; font: 300 25px / 1.18 var( --serif ); color: var( --tekst-mocny ); text-shadow: 0 0 28px rgba( 150, 180, 214, .14 ); }
.nwc-kafel p { margin: 0; font-size: 17px; line-height: 1.66; }
.nwc-kafel__nad {
	display: block; margin: 0 0 10px; font: 400 10.5px var( --sans ); letter-spacing: .22em;
	text-transform: uppercase; color: var( --etyk );
}
.nwc-kafel__nad i { font-style: normal; margin-right: 8px; color: var( --biegun-j ); }

.nwc-foto { margin: 0 0 18px; border-radius: 14px; overflow: hidden; }
.nwc-foto img { display: block; width: 100%; height: auto; }

/* ══════════════  LICZNIK  ══════════════ */

.nwc-liczby { display: grid; gap: 20px; grid-template-columns: repeat( auto-fit, minmax( 250px, 1fr ) ); align-items: start; }
.nwc-karta { padding: 28px 24px; border-radius: 20px; border: 1px solid var( --wlos ); background: var( --panel ); }
.nwc-karta__ile {
	margin: 0 0 10px; font: 300 clamp( 36px, 3.8vw, 54px ) / 1 var( --serif ); color: var( --biegun-j );
	text-shadow: 0 0 34px rgba( 224, 146, 95, .22 );
}
.nwc-karta__co { margin: 0 0 10px; font: 400 12px var( --sans ); letter-spacing: .14em; text-transform: uppercase; color: var( --etyk ); line-height: 1.5; }
.nwc-karta__krotko { margin: 0; font-size: 16.5px; line-height: 1.64; }

/* ══════════════  OKNO  ══════════════ */

.nwc-okno {
	max-width: 82ch; padding: 30px 34px; border-radius: 20px;
	border: 1px solid var( --wlos ); background:
		radial-gradient( 760px 220px at 50% 0%, rgba( 150, 180, 214, .10 ), transparent 72% ),
		linear-gradient( 172deg, rgba( 15, 17, 27, .58 ), rgba( 9, 12, 23, .86 ) );
}
.nwc-okno p { margin: 0; font-size: 19px; line-height: 1.74; color: var( --tekst ); }

/* POLA OPISU W KAFLU. Wspólny pomocnik modułu nadaje im klasę `nwc-pole`
   i nie dzielą jej z niczym w rysunku — patrz przypadek skandynawski. */
.nwc-pole { margin: 0 0 14px !important; padding: 12px 16px; border-radius: 12px; font-size: 16px !important; }
.nwc-pole b { display: block; font: 400 10.5px var( --sans ); letter-spacing: .22em; text-transform: uppercase; margin-bottom: 5px; }
.nwc-pole--zrodlo { background: rgba( 150, 180, 214, .09 ); color: var( --tekst-slaby ); }
.nwc-pole--zrodlo b { color: var( --cien-j ); }
.nwc-pole--zamiast { background: rgba( 180, 98, 47, .17 ); color: var( --tekst-mocny ); }
.nwc-pole--zamiast b { color: var( --biegun-j ); }

/* ══════════════  WĄSKIE EKRANY  ══════════════ */

@media ( max-width: 900px ) {
	.nwc-strona { padding: 0 20px 60px; }
	.nwc-hero { padding: 44px 24px 38px; }
	.nwc-sekcja { margin-top: 60px; }
	.nwc-sekcja--tlo { padding: 36px 22px 32px; }
	.nwc-opis, .nwc-miejsce { padding: 22px 20px; }
	.nwc-siatka-kafli { grid-template-columns: 1fr; }
	/* Sfery NIE zwijamy: to jest cały dział. Rosną podpisy i suwaki. */
	.nwc-ster { gap: 14px 18px; }
	.nwc-punkty { grid-template-columns: 1fr 1fr; }
}

/* GRUNT CAŁEJ STRONY. Motyw daje `body` czerń, a kolumna działu ma 1520 px — na
   ekranie 2560 px zostawało po ~470 px czarnego pasa z każdej strony.
   `body:has()` ma swoistość 0,2,1 wobec `body` 0,0,1, więc wygrywa
   z motywem bez `!important`.
   NIE robimy tego pseudoelementem: `background: inherit` na `::after`
   dziedziczy też ZDJĘCIE sekcji, a `cover` przelicza się na szerokości
   pseudoelementu — wychodzą dwa te same zdjęcia w różnych skalach.
   Sprawdzone i cofnięte 2026-09-12. */
body:has( .nwc-strona ) {
	background-color: #0a0d1b;
	background-image:
		radial-gradient( 1900px 1200px at 90% 88%, rgba( 150, 180, 214, .16 ), transparent 66% ),
		linear-gradient( 180deg, #0f1222, #0a0d1b 62% );
	background-attachment: fixed;
}


/* OKNO UWERTURY WRACA DO BARW DZIAŁU.
   Zmierzone na żywej stronie, dwie reguły z arkusza wspólnego biją moduł:
     `.zd-okno`                 → granat modala rgba( 16, 12, 40, .97 ), swoistość 0,1,0
     `[class*="-hero"] .zd-okno` → płaska pobiałka rgba( 255, 255, 255, .027 ), 0,2,0
   Druga to MÓJ WŁASNY blok dopisany do `zdobienia.css`, kiedy poprawiałem
   układ uwertury — i to ona sprawiała, że okno tezy wyglądało identycznie
   na wszystkich stronach naraz. Arkusz wspólny ładuje się PO module, więc
   przy równej swoistości wygrywał. Trzy człony dają 0,3,0 i sprawę zamykają,
   bez ruszania pliku wspólnego, który należy do sesji Grafiki. */
.nwc-strona .nwc-hero .nwc-okno {
	background:
		radial-gradient( 760px 220px at 50% 0%, rgba( 150, 180, 214, .10 ), transparent 72% ),
		linear-gradient( 172deg, #12162b, #060812 );
}


/* NIEBO W CZASIE — private module only. */
.nwc-strona.nwc-immersive .nwc-hero{display:block!important}
.nwc-strona.nwc-immersive .nwc-hero__tytul{width:auto!important;max-width:650px!important}
.nwc-strona.nwc-immersive .nwc-hero .nwc-enter{width:fit-content!important}
body:has(.nwc-strona){background:#080c18;background-image:radial-gradient(ellipse at 85% 10%,#23314480,transparent 48%),radial-gradient(ellipse at 4% 70%,#75543325,transparent 50%),linear-gradient(160deg,#111b2c,#080c18 60%);background-attachment:fixed;color-scheme:dark}
.nwc-strona.nwc-immersive{--tekst:#bcc8d6;--tekst-mocny:#f0e9db;--tekst-slaby:#a7b2c3;--biegun-j:#edc787;--scene-image:url('gfx/plan/plan-giza.webp');background:transparent;max-width:1720px!important;padding:1px 48px 100px;font-family:var(--sans);font-weight:400;overflow:clip}
.nwc-immersive .nwc-hero{isolation:isolate;min-height:640px;margin-top:28px;padding:86px 7%;border:1px solid #b8a57d38;border-radius:4px 100px 4px 4px;background:radial-gradient(ellipse at 75% 40%,#617a9038,transparent 50%),linear-gradient(115deg,#0c1321,#172034);box-shadow:0 32px 100px #0005}
.nwc-immersive .nwc-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1322 5%,#0b1322ed 25%,#0b132255 63%,transparent),url('gfx/plan/plan-giza.webp') right center/auto 115% no-repeat;opacity:1}
.nwc-immersive .nwc-hero::after{content:'';position:absolute;inset:20px;pointer-events:none;border:1px solid #d4b67825;border-radius:2px 82px 2px 2px;z-index:-1}
.nwc-immersive .nwc-hero__nad{color:#dec393;font-size:11px;letter-spacing:.24em}
.nwc-immersive .nwc-hero__tytul{font-size:clamp(48px,6.6vw,96px);max-width:11ch;line-height:.98;font-weight:400;margin:28px 0}
.nwc-immersive .nwc-hero__tytul span{display:block;color:#e8c78f;font-style:italic}
.nwc-strona.nwc-immersive .nwc-hero .nwc-okno{max-width:51ch;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.nwc-immersive .nwc-hero .nwc-okno p{font:400 17px/1.8 var(--sans);color:#c4ccd6}
.nwc-enter{display:inline-flex;gap:42px;align-items:center;margin-top:30px;padding:16px 22px;border:1px solid #d8b57980;border-radius:2px 20px 2px 2px;color:#eddbb8!important;text-decoration:none!important;background:#101929ab;font:400 14px var(--sans);transition:background .2s,box-shadow .2s}
.nwc-enter:hover{background:#27374a;box-shadow:0 0 35px #d4b67820}.nwc-enter span{font-size:24px}
.nwc-hero-seal{position:absolute;right:44px;top:40px;text-align:center;font-size:18px;line-height:2;color:#d8b579aa}
.nwc-immersive .nwc-sekcja{margin-top:88px;scroll-margin-top:90px}
.nwc-immersive .nwc-sekcja__tytul{font-size:clamp(34px,4vw,56px);font-weight:400;max-width:none}
.nwc-immersive .nwc-sekcja__nad{color:#d3b88a}.nwc-immersive .nwc-sekcja__lead{font:400 16px/1.85 var(--sans);max-width:76ch}
.nwc-immersive .nwc-punkty{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;max-width:none;margin:32px 0 18px}
.nwc-immersive .nwc-punkt{position:relative;overflow:hidden;padding:0 0 14px;border-radius:3px 24px 3px 3px;background:linear-gradient(145deg,#253449,#0e1726);border:1px solid #a7bdd62d;box-shadow:0 8px 20px #0003;min-width:0}
.nwc-immersive .nwc-punkt img{display:block;width:100%;height:112px;object-fit:cover;object-position:center 52%;margin-bottom:12px;transition:transform .35s,filter .35s;filter:saturate(.65)}
.nwc-immersive .nwc-punkt b{padding:0 12px;font:400 18px/1.15 var(--serif);min-height:42px}.nwc-immersive .nwc-punkt>span{display:none}
.nwc-immersive .nwc-punkt:hover img,.nwc-immersive .nwc-punkt.jest-wybrany img{transform:scale(1.035);filter:saturate(1)}
.nwc-immersive .nwc-punkt.jest-wybrany{border-color:#e3be7e;background:linear-gradient(145deg,#394453,#1c2330);box-shadow:0 0 25px #d6b16f20}
.nwc-punkt-nr{position:absolute;top:10px;left:10px;z-index:1;color:#efdbb3;font-size:10px;letter-spacing:.1em;background:#101522ad;border:1px solid #d8b57940;padding:4px 7px;border-radius:20px}
.nwc-immersive .nwc-sfera{max-width:none;border:1px solid #b8a57d60;border-radius:4px 42px 4px 4px;overflow:hidden;box-shadow:0 26px 80px #0008;background:#07101d;isolation:isolate}
.nwc-immersive .nwc-plotno{border:0;border-radius:0;outline-offset:-5px;background:transparent}
.nwc-foreground{position:absolute;left:0;top:0;z-index:1;pointer-events:none}
.nwc-scene-heading,.nwc-scene-foot{position:absolute;z-index:2;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none;color:#f1e7d3}
.nwc-scene-heading{top:0;padding:22px 28px 45px;background:linear-gradient(#080d18d9,transparent);font-size:12px;letter-spacing:.08em}
.nwc-scene-heading #nwc-location{font:400 24px var(--serif);letter-spacing:0}
#nwc-clock{font-variant-numeric:tabular-nums;white-space:nowrap}
.nwc-scene-foot{bottom:0;padding:36px 24px 16px;background:linear-gradient(transparent,#070b16d9);font-size:10px;letter-spacing:.08em}
.nwc-playbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #a7bdd625;border-top:0;padding:18px 20px;background:linear-gradient(110deg,#182435,#0d1725);border-radius:0 0 24px 4px}
.nwc-playbar button,.nwc-playbar select{border:1px solid #b2c6dd40;background:#0c1625;color:#d4ddeb;padding:12px 15px;border-radius:4px;font:400 12px var(--sans);cursor:pointer;min-height:44px}
.nwc-playbar #nwc-play{background:linear-gradient(120deg,#d0ac6c,#ebd4a2);color:#19222f;border-color:#e1c48e;min-width:208px;font-weight:500}
.nwc-playbar label{display:flex;flex-direction:column;gap:5px;font-size:10px;letter-spacing:.08em;color:#a7b9d0}.nwc-playbar select{padding:9px 10px;min-height:36px}
.nwc-immersive .nwc-ster{max-width:none;margin:0;padding:24px 10px;border-bottom:1px solid #c8ac7730;gap:20px}
.nwc-immersive .nwc-ster .nwc-pole{margin:0!important;padding:0;min-width:0}.nwc-immersive .nwc-ster .nwc-pole--przel{padding-bottom:8px}
.nwc-immersive input[type=range]{height:30px;cursor:pointer;accent-color:#e2bf7f}
.nwc-immersive .nwc-ster output{font:400 17px var(--serif);color:#ecd6ad}.nwc-immersive .nwc-pole>span{font-size:10px;line-height:1.5;letter-spacing:.12em}
.nwc-immersive .nwc-miejsce{max-width:none;background:linear-gradient(110deg,#1a293be8,#0d1726f2);border:1px solid #c3a57635;border-radius:3px 36px 3px 3px;padding:32px 38px}
.nwc-immersive .nwc-miejsce h3{font-size:34px;color:#efddbb}.nwc-immersive .nwc-miejsce__co{font:400 16px/1.85 var(--sans);max-width:85ch}
.nwc-immersive .nwc-miejsce__zmierzone{max-width:85ch;font:400 14px/1.7 var(--sans)!important}
.nwc-art-note{max-width:95ch;font:400 12px/1.75 var(--sans);color:#a6b5c9;margin:18px 0 0;padding-top:16px;border-top:1px solid #b4c4d52a}
.nwc-immersive .nwc-odczyt{max-width:none;text-align:left;display:flex;align-items:center;gap:28px;padding:24px 10px;margin:0}.nwc-immersive .nwc-odczyt__rok{font-size:32px;white-space:nowrap}.nwc-immersive .nwc-odczyt__linia{font:400 14px/1.8 var(--sans);margin:0;max-width:65ch}.nwc-immersive .nwc-odczyt__uwaga{display:none}
.nwc-immersive .nwc-kafel,.nwc-immersive .nwc-karta{background:linear-gradient(135deg,#1d2c3edb,#0e1827ee);border-color:#9aadc533;border-radius:4px 30px 4px 4px;box-shadow:0 15px 32px #0002}.nwc-immersive .nwc-kafel h3{font-weight:400;color:#e8ddc6}.nwc-immersive .nwc-kafel p{font:400 15px/1.8 var(--sans)}
.nwc-immersive :is(button,a,input,select,canvas):focus-visible{outline:2px solid #f6d89f;outline-offset:4px}
@media(max-width:1100px){.nwc-strona.nwc-immersive{padding:1px 24px 70px}.nwc-immersive .nwc-punkty{grid-template-columns:repeat(7,156px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-color:#9a8057 #142033}.nwc-punkt{scroll-snap-align:start}.nwc-immersive .nwc-hero{min-height:580px;padding:64px 7%}.nwc-immersive .nwc-hero::before{opacity:.8;background-position:center,right -140px center}}
@media(max-width:600px){.nwc-strona.nwc-immersive{padding:1px 14px 60px}.nwc-immersive .nwc-hero{margin-top:14px;padding:42px 24px 220px;min-height:700px;border-radius:3px 56px 3px 3px}.nwc-immersive .nwc-hero::before{background:linear-gradient(#0c1421 25%,#0c142155 65%,transparent),url('gfx/plan/plan-giza.webp') center bottom/auto 63% no-repeat;opacity:1}.nwc-immersive .nwc-hero::after{inset:10px;border-radius:3px 45px 3px 3px}.nwc-hero-seal{display:none}.nwc-immersive .nwc-hero__nad{font-size:9px;letter-spacing:.14em}.nwc-immersive .nwc-hero__tytul{font-size:54px}.nwc-immersive .nwc-hero .nwc-okno p{font-size:14px;line-height:1.75}.nwc-enter{font-size:12px;margin-top:22px;padding:13px 16px}.nwc-immersive .nwc-sekcja{margin-top:55px}.nwc-immersive .nwc-sekcja__lead{font-size:14px}.nwc-immersive .nwc-punkty{grid-template-columns:repeat(7,140px);margin-top:24px}.nwc-immersive .nwc-punkt img{height:92px}.nwc-scene-heading{padding:14px 14px 35px;align-items:flex-start;flex-direction:column;gap:5px}.nwc-scene-heading #nwc-location{font-size:21px}.nwc-scene-heading #nwc-clock{font-size:10px}.nwc-scene-foot{padding:30px 12px 12px;font-size:9px}.nwc-scene-foot>span:last-child{display:none}.nwc-playbar{padding:14px 10px;gap:10px}.nwc-playbar button{font-size:11px;padding:10px;flex:1}.nwc-playbar #nwc-play{width:100%}.nwc-playbar label{width:100%}.nwc-immersive .nwc-ster{padding:22px 4px;gap:15px}.nwc-immersive .nwc-ster .nwc-pole{flex-basis:100%}.nwc-immersive .nwc-odczyt{display:block;padding:22px 4px}.nwc-immersive .nwc-odczyt__rok{margin-bottom:12px}.nwc-immersive .nwc-miejsce{padding:24px 20px}.nwc-immersive .nwc-miejsce h3{font-size:29px}.nwc-immersive .nwc-miejsce__co{font-size:14px}}
@media(prefers-reduced-motion:reduce){.nwc-immersive *{scroll-behavior:auto!important;transition:none!important}}


/* ===== POPRAWKA WARSTW 2026-09-12 =====
   `z-index: -1` na obu pseudoelementach wrzucal ZDJECIE POD wlasne,
   nieprzezroczyste tlo sekcji (.nwc-hero ma pelny linear-gradient),
   wiec grafika nie byla widoczna w ogole. Sprawdzone na zywo.
   Pseudoelementy ida nad tlo elementu, tresc nad nie. */
.nwc-sekcja--tlo::before,
.nwc-sekcja--tlo::after { z-index: 0; }
.nwc-sekcja--tlo > * { position: relative; z-index: 1; }


/* ===== MIT W KAFLU 2026-09-12 =====
   Naglowek kafla w sekcji „Czego nie bylo” to CUDZE falszywe zdanie.
   Ma wygladac na cytat, nie na teze strony. */
.nwc-kafel__nad--mit { color: #c4826e; letter-spacing: .16em; }
.nwc-kafel__mit { color: var( --tekst-slaby ); font-style: italic; }
.nwc-kafel__nie { color: #c4826e; font-style: normal; letter-spacing: .04em; }

/* OKNO TEZY — przejscie tonalne.
   Wspolna warstwa daje oknu tezy plaska pobialke rgba(255,255,255,.028)
   regulami o swoistosci 0,2,0 i 0,3,0 — jedna wartosc dla wszystkich dzialow
   naraz. Dublowana klasa daje 0,4,0 i zamyka sprawe bez !important.
   Barwy sa z palety TEGO dzialu. Dopisane po stronie SERWERA, bo lokalna
   kopia modulu bywa starsza niz wgrana. */
.nwc-strona .nwc-hero .nwc-okno.zd-okno,
.nwc-strona .nwc-hero .zd-okno.zd-okno,
.nwc-strona .nwc-hero .nwc-okno.nwc-okno {
	background:
		radial-gradient( 720px 240px at 42% 0%, rgba( 20, 26, 44, .10 ), transparent 70% ),
		linear-gradient( 168deg, #181c31, #0d1126 );
}