/* Wiktoria Nogowczyk — zoptymalizowany arkusz stylów */

/* 01. USTAWIENIA GLOBALNE */
:root {
	--czarny: #080606;
	--czarny-2: #120c0e;
	--bialy: #fffaf2;
	--przygaszony: #cfc4b6;
	--zloty: #c8a64d;
	--zloty-2: #f3d47b;
	--bordowy: #6e1727;
	--bordowy-2: #2a0710;
	--szklo: rgba(8,6,6,.52);
	--linia: rgba(200,166,77,.26);
	--cien: 0 30px 80px rgba(0,0,0,.45);
	--promien: 28px;
	--maksymalna-szerokosc: 1220px;
	--odstep-boczny: clamp(20px,4vw,54px);
	--kolor-tekstu-glownego: var(--bialy);
	--kolor-tekstu-opisu: rgba(255,250,242,.74);
	--kolor-tekstu-opisu-jasny: rgba(255,250,242,.82);
	--kolor-tekstu-ciemny: #171312;
	--kolor-tekstu-ciemnego-opisu: rgba(23,19,18,.72);
	--kolor-tekstu-tla: rgba(243,212,123,.09);
	--gradient-zloty: linear-gradient(135deg,var(--zloty),var(--zloty-2));
	--gradient-polysk: linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
	--gradient-polysk-mocny: linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
	--cien-przycisku: 0 18px 44px rgba(200,166,77,.24);
	--cien-przycisku-mocny: 0 22px 58px rgba(200,166,77,.18),0 0 0 1px rgba(243,212,123,.10) inset;
	--promien-pigulki: 999px;
	--rozmiar-tytulu-sekcji: clamp(34px,5vw,72px);
	--rozmiar-opisu-sekcji: clamp(16px,1.35vw,19px);
	--rozmiar-tekstu-w-tle: clamp(78px,15vw,200px);
	--rozmiar-tekstu-w-tle-mniejszy: clamp(54px,18vw,110px);
	--odstep-sekcji-pionowy: clamp(90px,10vh,140px);
	--sekcja-odstep-gora: clamp(82px,8vw,132px);
	--sekcja-odstep-dol: clamp(82px,8vw,132px);
	--sekcja-padding-poziomy: max(var(--odstep-boczny),calc((100vw - var(--maksymalna-szerokosc)) / 2));
	--wysokosc-naglowka-stalego: clamp(74px,7vw,104px);
	--odstep-kotwicy: calc(var(--wysokosc-naglowka-stalego) + 1px);
	--tekst-tla-pozycja-gora: clamp(24px,5vw,72px);
	--tekst-tla-baza-lewa: max(var(--odstep-boczny),calc((100vw - var(--maksymalna-szerokosc)) / 2 + 8px));
	--tekst-tla-pozycja-lewa: max(0px,calc(var(--tekst-tla-baza-lewa) - 50px));
	--tekst-tla-pozycja-prawa: max(var(--odstep-boczny),calc((100vw - var(--maksymalna-szerokosc)) / 2 + 8px));
	--pliki-kolumna-grafiki: 170px;
	--pliki-grafika-szerokosc: 158px;
	--pliki-grafika-wysokosc: 172px;
	--pliki-partytura-szerokosc: 158px;
	--pliki-partytura-wysokosc: 170px;
	--pliki-telefon-szerokosc: 118px;
	--pliki-telefon-wysokosc: 184px;
	--pliki-dzwonek-szerokosc: 112px;
	--pliki-dzwonek-wysokosc: 172px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: "Segoe UI",Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
	background: radial-gradient(circle at 10% 0%, rgba(110,23,39,.45), transparent 35%), radial-gradient(circle at 90% 18%, rgba(200,166,77,.18), transparent 30%), linear-gradient(135deg,var(--czarny),#12090d 45%,#060405);
	color: var(--bialy);
	overflow-x: hidden;
		-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	user-select: none;
	touch-action: manipulation;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
}


.element-animowany {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .7s ease,transform .7s ease;
}

.element-animowany.jest-widoczny {
	opacity: 1;
	transform: none;
}


/* GLOBALNE ODSTĘPY, KOTWICE I TEKSTY W TLE */
html {
	scroll-padding-top: var(--odstep-kotwicy);
}

main#start {
	scroll-margin-top: var(--odstep-kotwicy);
}

section[id] {
	scroll-margin-top: var(--odstep-kotwicy);
}

.biografia {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.teledysk {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.aktualnosci {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.galeria {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.rolki {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.pliki {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.kontakt {
	padding-top: var(--sekcja-odstep-gora) !important;
	padding-bottom: var(--sekcja-odstep-dol) !important;
	padding-left: var(--sekcja-padding-poziomy) !important;
	padding-right: var(--sekcja-padding-poziomy) !important;
}

.biografia-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.teledysk-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.aktualnosci-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.galeria-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.rolki-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.pliki-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.kontakt-tlo-napis {
	max-width: calc(100vw - (var(--odstep-boczny) * 2));
	white-space: nowrap;
	overflow: visible;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
}

.teledysk-tlo-napis {
	left: auto !important;
	right: var(--tekst-tla-pozycja-prawa) !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

.aktualnosci-tlo-napis {
	left: auto !important;
	right: var(--tekst-tla-pozycja-prawa) !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

.galeria-tlo-napis {
	left: auto !important;
	right: var(--tekst-tla-pozycja-prawa) !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

.pliki-tlo-napis {
	left: auto !important;
	right: var(--tekst-tla-pozycja-prawa) !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

.biografia-tlo-napis {
	left: var(--tekst-tla-pozycja-lewa) !important;
	right: auto !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

.rolki-tlo-napis {
	left: var(--tekst-tla-pozycja-lewa) !important;
	right: auto !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

.kontakt-tlo-napis {
	left: var(--tekst-tla-pozycja-lewa) !important;
	right: auto !important;
	top: var(--tekst-tla-pozycja-gora) !important;
	bottom: auto !important;
	transform: none !important;
}

@media (max-width: 1024px) {
	:root {
		--odstep-boczny: clamp(20px,5vw,34px);
		--sekcja-odstep-gora: clamp(78px,9vw,112px);
		--sekcja-odstep-dol: clamp(78px,9vw,112px);
		--sekcja-padding-poziomy: var(--odstep-boczny);
		--wysokosc-naglowka-stalego: 86px;
		--tekst-tla-pozycja-gora: clamp(22px,5vw,46px);
		--tekst-tla-pozycja-prawa: var(--odstep-boczny);
		--tekst-tla-pozycja-lewa: var(--odstep-boczny);
	}

}

@media (max-width: 640px) {
	:root {
		--sekcja-odstep-gora: clamp(72px,18vw,84px);
		--sekcja-odstep-dol: clamp(76px,18vw,88px);
		--wysokosc-naglowka-stalego: 82px;
		--tekst-tla-pozycja-gora: 18px;
		--rozmiar-tekstu-w-tle: clamp(52px,18vw,112px);
	}

}

@media (max-width: 480px) {
	:root {
		--odstep-boczny: 18px;
		--sekcja-odstep-gora: 72px;
		--sekcja-odstep-dol: 78px;
	}

}


/* 02. NAGŁÓWEK I MENU */
.naglowek {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: grid;
	grid-template-columns: minmax(260px,auto) 1fr auto;
	align-items: center;
	gap: 28px;
	padding: 4px clamp(18px,4vw,54px);
	/* transition: background .35s ease,box-shadow .35s ease,padding .35s ease,border-color .35s ease; */
	border-bottom: 1px solid transparent;
}

.naglowek.jest-przewiniety {
	padding-top: 4px;
	padding-bottom: 4px;
	background: rgba(8,6,6,.78);
	backdrop-filter: blur(22px);
	border-color: var(--linia);
	box-shadow: 0 18px 60px rgba(0,0,0,.38);
}

.naglowek-logo-link {
	position: relative;
	isolation: isolate;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	min-width: clamp(218px,24vw,392px) !important;
	height: 82px !important;
	padding: 4px 0 !important;
	text-decoration: none;
	overflow: visible;
}

.naglowek-logo-obszar {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	width: max-content;
	overflow: visible;
}

.naglowek-logo-obszar::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	width: calc(100% + 34px);
	height: calc(100% + 24px);
	border-radius: 999px;
	background:
		radial-gradient(circle at center, rgba(255,255,255,.30), transparent 34%),
		radial-gradient(circle at center, rgba(243,212,123,.34), transparent 64%);
	opacity: 0;
	transform: translate(-50%, -50%) scale(.88);
	filter: blur(12px);
	transition: opacity .34s ease, transform .34s ease;
	pointer-events: none;
}

.naglowek-logo-obszar::after {
	content: "";
	position: absolute;
	left: -32%;
	top: 4%;
	z-index: 2;
	width: 26%;
	height: 92%;
	border-radius: 999px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,.92),
		rgba(243,212,123,.78),
		transparent
	);
	opacity: 0;
	filter: blur(8px);
	mix-blend-mode: screen;
	transform: skewX(-22deg) translateX(-160%);
	pointer-events: none;
}

.naglowek-logo-link:hover .naglowek-logo-obszar::before,
.naglowek-logo-link:focus-visible .naglowek-logo-obszar::before {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.naglowek-logo-link:hover .naglowek-logo-obszar::after,
.naglowek-logo-link:focus-visible .naglowek-logo-obszar::after {
	animation: naglowek-logo-przeblysk .78s ease-out forwards;
}



@keyframes naglowek-logo-przeblysk {
	0% {
		opacity: 0;
		transform: skewX(-22deg) translateX(-160%);
	}

	14% {
		opacity: .95;
	}

	68% {
		opacity: .95;
	}

	100% {
		opacity: 0;
		transform: skewX(-22deg) translateX(560%);
	}
}


.naglowek-logo-picture {
	display: block;
	height: 100%;
}

.naglowek-logo-obraz {
	position: relative;
	z-index: 1;
	display: block;
	width: auto;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	object-position: left center;
	filter: brightness(1) saturate(1) contrast(1) drop-shadow(0 10px 20px rgba(0,0,0,.28));
	transition: filter .42s ease, opacity .42s ease, transform .34s ease;
	will-change: filter, transform;
}

.naglowek.jest-przewiniety .naglowek-logo-obraz {
	/* opacity: 1; */
	/* filter: grayscale(1) brightness(2.15) contrast(1.05) drop-shadow(0 8px 18px rgba(255,255,255,.14)); */
}

.naglowek-logo-link:hover .naglowek-logo-obraz,
.naglowek-logo-link:focus-visible .naglowek-logo-obraz {
	filter: brightness(1.28) saturate(1.12) contrast(1.06) drop-shadow(0 12px 28px rgba(0,0,0,.36)) drop-shadow(0 0 24px rgba(243,212,123,.32));
	transform: translateY(-1px);
}

.naglowek.jest-przewiniety .naglowek-logo-link:hover .naglowek-logo-obraz,
.naglowek.jest-przewiniety .naglowek-logo-link:focus-visible .naglowek-logo-obraz {
	/* filter: grayscale(1) brightness(3.35) contrast(1.08) drop-shadow(0 0 28px rgba(255,255,255,.36)); */
}

.naglowek-menu {
	justify-self: center;
	display: flex;
	align-items: center;
	gap: 3px;
	border: 1px solid rgba(255,255,255,.1);
	border-radius: var(--promien-pigulki);
	padding: 5px;
	background: rgba(255,255,255,.045);
}

.naglowek-menu-link {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	font-size: 13px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--kolor-tekstu-opisu-jasny);
	padding: 11px 14px;
	border-radius: var(--promien-pigulki);
	border: 1px solid transparent !important;
	transition: transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease !important;
}

.naglowek-menu-link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--gradient-polysk-mocny);
	transform: translateX(-120%);
	transition: transform .55s ease;
}

.naglowek-menu-link:hover {
	color: #190d05 !important;
	background: var(--gradient-zloty) !important;
	border-color: rgba(243,212,123,.62) !important;
	box-shadow: var(--cien-przycisku) !important;
	transform: translateY(-2px) !important;
}

.naglowek-menu-link:focus-visible {
	color: #190d05 !important;
	background: var(--gradient-zloty) !important;
	border-color: rgba(243,212,123,.62) !important;
	box-shadow: var(--cien-przycisku) !important;
	transform: translateY(-2px) !important;
}

.naglowek-menu-link:hover::before {
	transform: translateX(120%);
}

.naglowek-menu-link:focus-visible::before {
	transform: translateX(120%);
}

.naglowek-media {
	display: flex;
	gap: 8px;
	justify-self: end;
}

.naglowek-media-link {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	width: 42px;
	height: 42px;
	border-radius: var(--promien-pigulki);
	display: grid;
	place-items: center;
	border: 1px solid rgba(200,166,77,.28);
	background: rgba(255,255,255,.035);
	color: var(--kolor-tekstu-opisu-jasny);
	transition: transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease !important;
}

.naglowek-media-link::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--gradient-polysk-mocny);
	transform: translateX(-120%);
	transition: transform .55s ease;
}

.naglowek-media-link:hover {
	color: #190d05 !important;
	background: var(--gradient-zloty) !important;
	border-color: rgba(243,212,123,.62) !important;
	box-shadow: var(--cien-przycisku) !important;
	transform: translateY(-2px) !important;
}

.naglowek-media-link:focus-visible {
	color: #190d05 !important;
	background: var(--gradient-zloty) !important;
	border-color: rgba(243,212,123,.62) !important;
	box-shadow: var(--cien-przycisku) !important;
	transform: translateY(-2px) !important;
}

.naglowek-media-link:hover::before {
	transform: translateX(120%);
}

.naglowek-media-link:focus-visible::before {
	transform: translateX(120%);
}

.naglowek-media svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	display: block;
}

.naglowek-przycisk-menu {
	display: none;
	background: rgba(255,255,255,.035);
	border: 1px solid rgba(200,166,77,.24);
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: var(--promien-pigulki);
}

.naglowek-przycisk-menu-linia {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--bialy);
	margin: 4px auto;
	transition: .25s;
}

.naglowek-panel-mobilny {
	display: none;
	background: radial-gradient(circle at 24% 14%,rgba(200,166,77,.14),transparent 28%), radial-gradient(circle at 88% 72%,rgba(110,23,39,.28),transparent 34%), rgba(8,6,6,.95) !important;
}

.naglowek-panel-link {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	background: rgba(255,255,255,.06) !important;
	color: var(--bialy) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	box-shadow: none !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
}

.naglowek-panel-link::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	background: var(--gradient-polysk) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
	display: block !important;
}

.naglowek-panel-link:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
	background: rgba(200,166,77,.11);
	color: var(--zloty-2);
	transform: translateX(4px);
}

.naglowek-panel-link:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
	background: rgba(200,166,77,.11);
	color: var(--zloty-2);
	transform: translateX(4px);
}

.naglowek-panel-link:hover::before {
	transform: translateX(120%) !important;
}

.naglowek-panel-link:focus-visible::before {
	transform: translateX(120%) !important;
}

.naglowek-panel-link::after {
	display: none !important;
	content: none !important;
}

.naglowek-przycisk-menu:hover {
	background: rgba(200,166,77,.12);
	outline: none;
}

.naglowek-przycisk-menu:focus-visible {
	background: rgba(200,166,77,.12);
	outline: none;
}

@media (max-width: 1280px) {
	.naglowek {
		gap: 16px !important;
	}

	.naglowek-menu-link {
		padding: 10px 10px !important;
		font-size: 12px !important;
	}

	.naglowek-media-link {
		width: 38px;
		height: 38px;
	}

}

@media (max-width: 1024px) {
	.naglowek-menu {
		display: none;
	}

	.naglowek-media {
		display: none;
	}

	.naglowek {
		grid-template-columns: auto 1fr auto;
	}

	.naglowek-przycisk-menu {
		display: block;
		justify-self: end;
		position: relative !important;
		display: grid !important;
		place-items: center !important;
		width: 46px !important;
		height: 46px !important;
		border: 1px solid rgba(255,255,255,.10) !important;
		border-radius: var(--promien-pigulki) !important;
		background: rgba(255,255,255,.045) !important;
		overflow: hidden !important;
		isolation: isolate !important;
		transition: transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease !important;
	}

	.naglowek-panel-mobilny {
		display: flex;
		position: fixed;
		z-index: 90;
		inset: 0 0 auto auto;
		width: min(420px,100%);
		height: 100svh;
		background: rgba(8,6,6,.94);
		backdrop-filter: blur(20px);
		border-left: 1px solid var(--linia);
		transform: translateX(100%);
		transition: .35s ease;
		flex-direction: column;
		padding: 100px 30px 30px;
		gap: 20px;
		width: min(430px,100vw) !important;
		padding: 106px clamp(18px,6vw,30px) 30px !important;
		gap: 10px !important;
		border-left: 1px solid rgba(200,166,77,.26) !important;
		background: radial-gradient(circle at 18% 10%,rgba(200,166,77,.16),transparent 30%), radial-gradient(circle at 86% 72%,rgba(110,23,39,.30),transparent 35%), rgba(8,6,6,.96) !important;
		box-shadow: -30px 0 90px rgba(0,0,0,.48) !important;
		transition: transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s ease !important;
	}

	.naglowek-panel-mobilny.jest-otwarty {
		transform: translateX(0);
	}

	.naglowek-panel-link {
		font-size: 26px;
		font-weight: 800;
		border-radius: 18px;
		padding: 10px 12px;
	}

	.naglowek-panel-media {
		gap: 16px;
		margin-top: 20px;
		display: flex !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		gap: 10px !important;
		margin-top: 18px !important;
		justify-content: center !important;
		align-items: center !important;
		flex-wrap: wrap !important;
	}

	.naglowek-panel-media-link {
		font-size: 13px;
		color: var(--zloty-2);
		min-height: 42px !important;
		padding: 0 !important;
		border-radius: var(--promien-pigulki) !important;
		font-size: 0 !important;
		letter-spacing: 0 !important;
		text-transform: none !important;
		font-weight: 800 !important;
		color: var(--kolor-tekstu-opisu-jasny) !important;
		position: relative !important;
		overflow: hidden !important;
		isolation: isolate !important;
		width: 42px !important;
		height: 42px !important;
		min-width: 42px !important;
		display: grid !important;
		place-items: center !important;
		border: 1px solid rgba(200,166,77,.28) !important;
		background: rgba(255,255,255,.035) !important;
		line-height: 0 !important;
		box-shadow: none !important;
		transform: none !important;
		transition: transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease !important;
	}

	.naglowek-przycisk-menu::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: -1 !important;
		background: var(--gradient-polysk-mocny) !important;
		transform: translateX(-120%) !important;
		transition: transform .55s ease !important;
	}

	.naglowek-przycisk-menu:hover {
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
		outline: none !important;
	}

	.naglowek-przycisk-menu:focus-visible {
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
		outline: none !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] {
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
		outline: none !important;
	}

	.naglowek-przycisk-menu:hover::before {
		transform: translateX(120%) !important;
	}

	.naglowek-przycisk-menu:focus-visible::before {
		transform: translateX(120%) !important;
	}

	.naglowek-przycisk-menu-linia {
		position: absolute !important;
		left: 50% !important;
		width: 22px !important;
		height: 2px !important;
		margin: 0 !important;
		border-radius: var(--promien-pigulki) !important;
		background: currentColor !important;
		color: rgba(255,250,242,.92) !important;
		transform: translateX(-50%) !important;
		transition: top .24s ease,transform .24s ease,opacity .18s ease,color .24s ease !important;
	}

	.naglowek-przycisk-menu-linia:nth-child(1) {
		top: 15px !important;
	}

	.naglowek-przycisk-menu-linia:nth-child(2) {
		top: 22px !important;
	}

	.naglowek-przycisk-menu-linia:nth-child(3) {
		top: 29px !important;
	}

	.naglowek-przycisk-menu:hover span {
		color: #190d05 !important;
	}

	.naglowek-przycisk-menu:focus-visible span {
		color: #190d05 !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] span {
		color: #190d05 !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] span:nth-child(1) {
		top: 22px !important;
		transform: translateX(-50%) rotate(45deg) !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] span:nth-child(2) {
		opacity: 0 !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] span:nth-child(3) {
		top: 22px !important;
		transform: translateX(-50%) rotate(-45deg) !important;
	}

	.naglowek-panel-link {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 48px !important;
		padding: 0 18px !important;
		border-radius: var(--promien-pigulki) !important;
		border: 1px solid rgba(255,255,255,.10) !important;
		background: rgba(255,255,255,.045) !important;
		color: var(--kolor-tekstu-opisu-jasny) !important;
		font-size: 13px !important;
		line-height: 1 !important;
		font-weight: 800 !important;
		letter-spacing: .08em !important;
		text-transform: uppercase !important;
		overflow: hidden !important;
		isolation: isolate !important;
		box-shadow: none !important;
		transform: none !important;
		transition: transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease !important;
	}

	.naglowek-panel-link::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: -1 !important;
		background: var(--gradient-polysk-mocny) !important;
		transform: translateX(-120%) !important;
		transition: transform .55s ease !important;
		display: block !important;
	}

	.naglowek-panel-link::after {
		display: none !important;
		content: none !important;
	}

	.naglowek-panel-link:hover {
		color: #190d05 !important;
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
	}

	.naglowek-panel-link:focus-visible {
		color: #190d05 !important;
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
	}

	.naglowek-panel-link:hover::before {
		transform: translateX(120%) !important;
	}

	.naglowek-panel-link:focus-visible::before {
		transform: translateX(120%) !important;
	}

	.naglowek-panel-media-link:hover {
		color: #190d05 !important;
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
		outline: none !important;
	}

	.naglowek-panel-media-link:focus-visible {
		color: #190d05 !important;
		background: var(--gradient-zloty) !important;
		border-color: rgba(243,212,123,.62) !important;
		box-shadow: var(--cien-przycisku) !important;
		transform: translateY(-2px) !important;
		outline: none !important;
	}

	.naglowek-panel-media-link::before {
		content: "" !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: -1 !important;
		background: var(--gradient-polysk-mocny) !important;
		transform: translateX(-120%) !important;
		transition: transform .55s ease !important;
		display: block !important;
	}

	.naglowek-panel-media-link::after {
		display: none !important;
		content: none !important;
	}

	.naglowek-panel-media-link:hover::before {
		transform: translateX(120%) !important;
	}

	.naglowek-panel-media-link:focus-visible::before {
		transform: translateX(120%) !important;
	}

	.naglowek-panel-media svg {
		width: 18px !important;
		height: 18px !important;
		fill: currentColor !important;
		display: block !important;
	}

}

@media (max-width: 768px) {
	.naglowek-logo-link {
		min-width: clamp(186px,42vw,250px) !important;
		height: 64px !important;
	}

}

@media (max-width: 480px) {
	.naglowek {
		padding-left: 16px !important;
		padding-right: 16px !important;
		gap: 10px !important;
	}

	.naglowek-logo-link {
		min-width: clamp(166px,52vw,206px) !important;
		height: 58px !important;
		padding: 4px 0 !important;
	}

	.naglowek-przycisk-menu {
		width: 42px;
		height: 42px;
		width: 44px !important;
		height: 44px !important;
	}

	.naglowek-przycisk-menu-linia:nth-child(1) {
		top: 14px !important;
	}

	.naglowek-przycisk-menu-linia:nth-child(2) {
		top: 21px !important;
	}

	.naglowek-przycisk-menu-linia:nth-child(3) {
		top: 28px !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] span:nth-child(1) {
		top: 21px !important;
	}

	.naglowek-przycisk-menu[aria-expanded="true"] span:nth-child(3) {
		top: 21px !important;
	}

	.naglowek-panel-mobilny {
		padding-top: 96px !important;
	}

}


/* 03. HERO */
.hero {
	position: relative;
	min-height: 100svh;
	display: grid;
	place-items: center;
	overflow: hidden;
	isolation: isolate;
}

.hero-tlo-karuzela {
	position: absolute;
	inset: 0;
	margin: 0 !important;
	padding: 0 !important;
}

.hero-tlo-slajd {
	position: absolute;
	inset: 0;
	opacity: 0;
	transform: scale(1.04);
	transition: opacity 900ms ease, transform 4500ms ease;
	transform: none !important;
	transition: opacity 900ms ease !important;
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}

.hero-tlo-slajd.jest-aktywny {
	opacity: 1;
	transform: scale(1);
}

.hero-tlo-zdjecie {
	object-fit: cover;
	object-position: center 10%;
	transform: scale(1.02);
	transform-origin: center center;
	will-change: transform;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.hero-tlo-slajd:nth-child(2) img {
	object-position: center 34%;
}

.hero-tlo-slajd:nth-child(3) img {
	object-position: right 14%;
}

.hero-tlo-przyciemnienie {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg,rgba(8,6,6,.88) 0%,rgba(8,6,6,.55) 32%,rgba(8,6,6,.1) 68%,rgba(8,6,6,.62) 100%), linear-gradient(0deg,rgba(8,6,6,.92) 0%,transparent 42%,rgba(8,6,6,.45) 100%);
}

.hero-animacja-orbitalna {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
	--srodek-orbit-x: 72%;
	--srodek-orbit-y: 51%;
}

.hero-animacja-orbita {
	position: absolute;
	left: var(--srodek-orbit-x);
	top: var(--srodek-orbit-y);
	width: var(--srednica-orbity);
	aspect-ratio: 1/1;
	transform: translate(-50%,-50%);
	animation: delikatny-ruch-orbity var(--czas-ruchu-orbity) ease-in-out infinite;
}

.hero-animacja-sciezka {
	position: absolute;
	inset: 0;
	border: 1px solid rgba(243,212,123,.14);
	border-radius: 50%;
	box-shadow: inset 0 0 18px rgba(243,212,123,.04), 0 0 22px rgba(243,212,123,.025);
	animation: oddech-orbity 9s ease-in-out infinite;
}

.hero-animacja-punkt {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	transform: rotate(var(--kat-na-orbicie)) translateX(calc(var(--srednica-orbity) / 2));
}

.hero-animacja-nuta {
	position: absolute;
	left: 0;
	top: 0;
	width: var(--rozmiar-pola-znaku);
	height: var(--rozmiar-pola-znaku);
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(243,212,123,.34);
	font-family: Georgia,serif;
	font-weight: 700;
	line-height: 1;
	pointer-events: none;
	user-select: none;
	text-shadow: 0 16px 40px rgba(0,0,0,.38);
	transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1));
	will-change: transform, opacity;
}

.hero-animacja-orbita-pierwsza {
	--srednica-orbity: clamp(150px,20vw,260px);
	--kat-na-orbicie: -90deg;
	--czas-ruchu-orbity: 9.5s;
	--rozmiar-pola-znaku: clamp(56px,6vw,96px);
}

.hero-animacja-orbita-druga {
	--srednica-orbity: clamp(230px,30vw,390px);
	--kat-na-orbicie: 30deg;
	--czas-ruchu-orbity: 11s;
	--rozmiar-pola-znaku: clamp(70px,8vw,122px);
	animation-delay: -1.8s;
}

.hero-animacja-orbita-trzecia {
	--srednica-orbity: clamp(330px,42vw,540px);
	--kat-na-orbicie: 128deg;
	--czas-ruchu-orbity: 12.5s;
	--rozmiar-pola-znaku: clamp(96px,11vw,170px);
	animation-delay: -3.2s;
}

.hero-animacja-nuta-polnuta {
	font-size: clamp(40px,4.6vw,78px);
	animation: plywanie-polnuty 6.8s ease-in-out infinite;
}

.hero-animacja-nuta-podwojna {
	font-size: clamp(54px,6vw,106px);
	animation: plywanie-nuty 7.6s ease-in-out infinite;
	animation-delay: -1.4s;
}

.hero-animacja-nuta-klucz {
	font-size: clamp(76px,8vw,140px);
	color: rgba(243,212,123,.24);
	animation: plywanie-klucza 9.2s ease-in-out infinite;
	animation-delay: -2.6s;
}

.hero-tresc {
	width: min(var(--maksymalna-szerokosc),calc(100% - 40px));
	position: relative;
	z-index: 3;
	padding-top: 20px;
}

.hero-nazwa {
	color: var(--zloty-2);
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
}

.hero-tytul {
	margin: 20px 0 24px;
	font-size: clamp(58px,7vw,168px);
	line-height: .82;
	letter-spacing: -.02em;
	max-width: 900px;
	padding-bottom: 10px;
}

.hero-tytul-wiersz {
	display: block;
}

.hero-tytul-wiersz:last-child {
	color: var(--zloty);
	/* -webkit-text-stroke: 2px rgba(255,250,242,.72); */
	/* text-shadow: 0 0 50px rgba(200,166,77,.18); */
}

/* @media (max-width: 1024px) { */
	/* .hero-tytul-wiersz:last-child  { */
		/* color: rgba(255,250,242,.001); */
		/* -webkit-text-stroke: 1; */
	/* } */
/* } */

.hero-tytul-wiersz:last-of-type {
	display: inline-block;
}

.hero-tytul-wiersz:last-of-type::first-letter {
	letter-spacing: 0.02em;
}

.hero-opis {
	font-size: clamp(17px,2vw,23px);
	line-height: 1.55;
	color: var(--kolor-tekstu-opisu-jasny);
	max-width: 700px;
}

.hero-przyciski {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	margin-top: 34px;
}

.hero-przycisk {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0 22px;
	border-radius: var(--promien-pigulki);
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: 12px;
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
}

.hero-przycisk-glowny {
	background: var(--gradient-zloty);
	color: #190d05;
	box-shadow: 0 18px 44px rgba(200,166,77,.2);
}

.hero-przycisk-glowny::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--gradient-polysk);
	transform: translateX(-120%);
	transition: transform .62s ease;
}

.hero-przycisk-glowny:hover::before {
	transform: translateX(120%) !important;
}

.hero-przycisk-drugorzedny {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	background: rgba(255,255,255,.06) !important;
	color: var(--bialy) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	box-shadow: none !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
}

.hero-przycisk-drugorzedny::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	background: var(--gradient-polysk) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
	display: block !important;
}

.hero-przycisk-drugorzedny:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
}

.hero-przycisk-drugorzedny:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
}

.hero-przycisk-drugorzedny:hover::before {
	transform: translateX(120%) !important;
}

.hero-przycisk-drugorzedny:focus-visible::before {
	transform: translateX(120%) !important;
}

.hero-przycisk::after {
	display: none !important;
	content: none !important;
}

.hero-przycisk-drugorzedny::after {
	display: none !important;
	content: none !important;
}

.hero-tlo-slajd.jest-aktywny img {
	animation: delikatnePowiekszenieZdjecia 6800ms ease-out both;
}

.hero-dodatek-wskazniki {
	position: absolute;
	z-index: 6;
	left: 50%;
	bottom: clamp(24px,5vh,58px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transform: translateX(-50%);
	padding: 8px 10px;
	border-radius: var(--promien-pigulki);
	background: rgba(8,6,6,.18);
	backdrop-filter: blur(10px);
}

.hero-dodatek-wskaznik {
	width: clamp(42px,5vw,74px);
	height: 7px;
	border: 1px solid rgba(255,250,242,.24);
	border-radius: var(--promien-pigulki);
	background: rgba(255,250,242,.16);
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 10px 26px rgba(0,0,0,.22);
	transition: width .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;
}

.hero-dodatek-wskaznik:hover {
	transform: translateY(-2px);
	border-color: rgba(243,212,123,.68);
	background: rgba(243,212,123,.36);
	box-shadow: 0 16px 34px rgba(200,166,77,.18);
	outline: none;
}

.hero-dodatek-wskaznik:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(243,212,123,.68);
	background: rgba(243,212,123,.36);
	box-shadow: 0 16px 34px rgba(200,166,77,.18);
	outline: none;
}

.hero-dodatek-wskaznik.jest-aktywny {
	width: clamp(42px,5vw,74px);
	border-color: rgba(243,212,123,.88);
	background: linear-gradient(90deg,var(--zloty),var(--zloty-2));
	box-shadow: 0 16px 38px rgba(200,166,77,.28),0 0 0 1px rgba(255,250,242,.12) inset;
}

.hero-dodatek-wskaznik:nth-child(2).jest-aktywny {
	background: linear-gradient(90deg,var(--zloty),#fff1a6);
}

.hero-dodatek-wskaznik:nth-child(3).jest-aktywny {
	background: linear-gradient(90deg,#a16d42,var(--zloty-2));
}

.hero-przycisk-glowny:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.68) !important;
	background: linear-gradient(135deg,var(--zloty-2),#fff1a6) !important;
	color: #160b04 !important;
	box-shadow: 0 24px 62px rgba(200,166,77,.32),0 0 0 1px rgba(255,250,242,.20) inset !important;
}

.hero-przycisk-glowny:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.68) !important;
	background: linear-gradient(135deg,var(--zloty-2),#fff1a6) !important;
	color: #160b04 !important;
	box-shadow: 0 24px 62px rgba(200,166,77,.32),0 0 0 1px rgba(255,250,242,.20) inset !important;
}

.hero-przycisk-glowny:focus-visible::before {
	transform: translateX(120%) !important;
}

@media (max-width: 1280px) {
	.hero {
		width: 100vw !important;
		max-width: none !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		overflow: hidden !important;
	}

	.hero-tlo-karuzela {
		left: 0 !important;
		right: auto !important;
		width: 100vw !important;
		max-width: none !important;
	}

	.hero-tlo-slajd {
		right: auto !important;
		width: 100vw !important;
		max-width: none !important;
	}

	.hero-tlo-zdjecie {
		width: 100vw !important;
		min-width: 100vw !important;
		max-width: none !important;
		min-height: 100% !important;
		object-fit: cover !important;
	}

}

@media (max-width: 1024px) {
	.hero-animacja-orbitalna {
		--srodek-orbit-x: 70%;
		--srodek-orbit-y: 52%;
	}

	.hero-animacja-orbita-pierwsza {
		--srednica-orbity: clamp(130px,28vw,220px);
		--rozmiar-pola-znaku: clamp(50px,8vw,82px);
	}

	.hero-animacja-orbita-druga {
		--srednica-orbity: clamp(205px,42vw,320px);
		--rozmiar-pola-znaku: clamp(62px,10vw,102px);
	}

	.hero-animacja-orbita-trzecia {
		--srednica-orbity: clamp(285px,58vw,430px);
		--rozmiar-pola-znaku: clamp(88px,13vw,142px);
	}

	.hero {
		align-content: center;
		padding: 70px 10px 30px;
		width: 100vw;
	}

	.hero-tlo-karuzela {
		width: 100% !important;
		inset: 0 !important;
	}

	.hero-tlo-slajd {
		width: 100% !important;
		inset: 0 !important;
	}

	.hero-tlo-zdjecie {
		width: 100% !important;
		min-width: 100% !important;
	}

}

@media (max-width: 768px) {
	.hero-przyciski {
		margin-top: 24px;
	}

	.hero-animacja-orbitalna {
		--srodek-orbit-x: 67%;
		--srodek-orbit-y: 54%;
	}

	.hero-animacja-orbita-pierwsza {
		--srednica-orbity: clamp(116px,34vw,176px);
		--rozmiar-pola-znaku: clamp(46px,12vw,70px);
	}

	.hero-animacja-orbita-druga {
		--srednica-orbity: clamp(178px,52vw,260px);
		--rozmiar-pola-znaku: clamp(58px,15vw,88px);
	}

	.hero-animacja-orbita-trzecia {
		--srednica-orbity: clamp(245px,72vw,350px);
		--rozmiar-pola-znaku: clamp(82px,22vw,124px);
	}

	.hero-animacja-nuta-polnuta {
		font-size: clamp(32px,7vw,56px);
	}

	.hero-animacja-nuta-podwojna {
		font-size: clamp(42px,9vw,78px);
	}

	.hero-animacja-nuta-klucz {
		font-size: clamp(60px,13vw,108px);
	}

}

@media (max-width: 640px) {
	.hero-tytul {
		font-size: clamp(12px,16vw,52px);
		margin: 24px 0 14px;
	}

	.hero-tlo-przyciemnienie {
		background: linear-gradient(0deg,rgba(8,6,6,.94) 0%,rgba(8,6,6,.48) 48%,rgba(8,6,6,.55) 100%);
	}

	.hero-tlo-zdjecie {
		object-position: center top;
	}

	.hero-dodatek-wskazniki {
		bottom: 22px;
		gap: 8px;
		padding: 7px 8px;
	}

	.hero-dodatek-wskaznik {
		width: 38px;
		height: 6px;
	}

	.hero-dodatek-wskaznik.jest-aktywny {
		width: 38px;
	}

}

@media (max-width: 480px) {
	.hero-animacja-orbitalna {
		--srodek-orbit-x: 66%;
		--srodek-orbit-y: 55%;
	}

	.hero-animacja-sciezka {
		border-color: rgba(243,212,123,.11);
	}

	.hero-animacja-nuta {
		text-shadow: 0 10px 28px rgba(0,0,0,.34);
	}

}


/* 04. PASEK INFORMACJI */
.pasek-informacji {
	border-block: 1px solid rgba(243,212,123,.26) !important;
	overflow: hidden;
	background: linear-gradient(90deg,#4b0715 0%,var(--bordowy) 45%,#3a050f 100%) !important;
	box-shadow: 0 16px 44px rgba(78,8,22,.22) inset;
}

.pasek-tor {
	display: flex;
	width: max-content;
	overflow: hidden;
}

.pasek-grupa {
	display: flex;
	cursor: pointer;
	align-items: center;
	flex-shrink: 0;
	min-width: 100vw;
	gap: 24px;
	padding: 14px 24px 14px 0;
	animation: przesuwanie-paska 32s linear infinite;
}

.pasek-tekst {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .10em;
	color: var(--bialy) !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.15);
	white-space: nowrap;
}

.pasek-tekst::before {
	content: "✦";
	color: var(--zloty);
	margin-inline: 18px;
}

.pasek-informacji:hover .pasek-grupa {
	animation-play-state: paused;
}

.pasek-informacji:focus-within .pasek-grupa {
	animation-play-state: paused;
}

@media (max-width: 1024px) {
	.pasek-grupa {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.pasek-tekst {
	font-size: 13px;
	}
}


@media (max-width: 640px) {
	.pasek-grupa {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.pasek-tekst {
	font-size: 12px;
	}
}

/* 05. BIO */
.biografia {
	position: relative;
	overflow: hidden;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: auto !important;
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol) !important;
	color: #17130f !important;
	background: radial-gradient(circle at 11% 13%,rgba(200,166,77,.22),transparent 31%), radial-gradient(circle at 86% 8%,rgba(110,23,39,.10),transparent 30%), radial-gradient(circle at 75% 94%,rgba(200,166,77,.14),transparent 34%), linear-gradient(135deg,#fffdf8 0%,#f7efe2 43%,#f2f2ef 100%) !important;
	border-block: 1px solid rgba(22,19,15,.08) !important;
	isolation: isolate;
	overflow: hidden !important;
}

.biografia::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: linear-gradient(118deg,transparent 0%,transparent 35%,rgba(243,212,123,.20) 47%,rgba(255,255,255,.14) 52%,transparent 66%,transparent 100%), linear-gradient(rgba(110,23,39,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(110,23,39,.040) 1px,transparent 1px), radial-gradient(circle at 16% 22%,rgba(200,166,77,.16),transparent 30%), radial-gradient(circle at 82% 72%,rgba(110,23,39,.10),transparent 34%);
	background-size: 230% 100%,56px 56px,56px 56px,100% 100%,100% 100%;
	background-position: -120% 0,0 0,0 0,0 0,0 0;
	mask-image: linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
	opacity: .62;
	animation: biografia-ruch-tla 16s ease-in-out infinite;
}

.biografia::after {
	content: "";
	position: absolute;
	right: clamp(-140px,-10vw,-50px);
	top: clamp(78px,11vh,150px);
	width: clamp(280px,38vw,560px);
	aspect-ratio: 1;
	border-radius: 42% 58% 52% 48% / 46% 40% 60% 54%;
	z-index: 0;
	pointer-events: none;
	background: conic-gradient(from 120deg,rgba(200,166,77,.18),rgba(255,250,242,.36),rgba(110,23,39,.09),rgba(245,206,146,.24),rgba(200,166,77,.18));
	filter: blur(10px);
	opacity: .64;
	animation: biografia-plywanie-plamy 16s ease-in-out infinite;
}

.biografia-tlo-napis {
	position: absolute;
	pointer-events: none;
	user-select: none;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8 !important;
	right: var(--tekst-tla-pozycja-prawa) !important;
	left: auto !important;
	top: calc(var(--tekst-tla-pozycja-gora) - 20px) !important;
	bottom: auto !important;
	transform: none !important;
	z-index: 1000 !important;
	color: rgba(110,23,39,.07) !important;
}

.biografia-wstep {
	display: grid;
	grid-template-columns: minmax(280px,.72fr) minmax(460px,1.28fr);
	gap: clamp(30px,5vw,72px);
	align-items: center;
	margin-bottom: clamp(38px,6vw,76px);
}

.biografia-zdjecie {
	margin: 0;
	position: relative;
	min-height: clamp(440px,58vh,620px);
	border-radius: clamp(26px,3vw,42px);
	overflow: hidden;
	z-index: 1000;
	border: 1px solid rgba(22,19,15,.10);
	background: rgba(255,255,255,.62);
	box-shadow: 0 34px 90px rgba(22,19,15,.15), 0 0 0 1px rgba(200,166,77,.10);
}

.biografia-zdjecie::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 2;
	border: 1px solid rgba(243,212,123,.38);
	border-radius: calc(clamp(26px,3vw,42px) - 8px);
	pointer-events: none;
}

.biografia-zdjecie::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	z-index: 1;
	height: 42%;
	pointer-events: none;
	background: linear-gradient(0deg,rgba(22,19,15,.38),transparent);
}

.biografia-zdjecie img {
	width: 100%;
	height: 100%;
	min-height: inherit;
	object-fit: cover;
	object-position: center 20%;
	filter: saturate(1.03) contrast(1.02);
	transform: scale(1.015);
}

.biografia-tresc {
	max-width: 820px;
	align-self: start;
}

.biografia-numer {
	color: var(--bordowy);
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
}

.biografia-tytul {
	margin: 16px 0 22px;
	color: #17130f;
	font-size: clamp(38px,5.4vw,76px);
	line-height: .96;
	letter-spacing: -.055em;
}

.biografia-opis {
	margin: 0;
	color: rgba(23,19,15,.72);
	font-size: var(--rozmiar-opisu-sekcji);
	line-height: 1.78;
}

.biografia-lista-etykiet {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.biografia-etykieta {
	cursor: pointer;
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 40px !important;
	padding: 10px 16px !important;
	border-radius: var(--promien-pigulki) !important;
	border: 1px solid rgba(110,23,39,.13) !important;
	background: rgba(255,255,255,.58) !important;
	color: var(--bordowy) !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: .09em !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	box-shadow: 0 16px 38px rgba(44,29,18,.06) !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
}

.biografia-etykieta::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	display: block !important;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
}

.biografia-etykieta:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(200,166,77,.46) !important;
	background: var(--zloty-2) !important;
	color: var(--czarny) !important;
	box-shadow: 0 22px 52px rgba(66,45,24,.13) !important;
}

.biografia-etykieta:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(200,166,77,.46) !important;
	background: rgba(255,255,255,.86) !important;
	color: var(--czarny) !important;
	box-shadow: 0 22px 52px rgba(66,45,24,.13) !important;
}

.biografia-etykieta:hover::before {
	transform: translateX(120%) !important;
}

.biografia-etykieta:focus-visible::before {
	transform: translateX(120%) !important;
}

.biografia-lista-kafelkow {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: clamp(16px,2vw,24px);
}

.biografia-lista-kafelkow::before {
	content: "";
	position: absolute;
	left: 4%;
	right: 4%;
	top: 50%;
	height: 1px;
	z-index: 0;
	transform: translateY(-50%);
	pointer-events: none;
}

.biografia-kafelek {
	position: relative;
	cursor: pointer;
	z-index: 1;
	min-height: 245px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	isolation: isolate;
	padding: clamp(28px,2.4vw,30px);
	border-radius: 28px;
	border: 1px solid rgba(108,74,39,.16) !important;
	background: linear-gradient(180deg,rgba(255,255,255,.91),rgba(255,255,255,.70)), radial-gradient(circle at 18% 0%,rgba(200,166,77,.22),transparent 38%), linear-gradient(135deg,rgba(110,23,39,.055),transparent 58%);
	box-shadow: none !important;
	transition: transform .32s ease,border-color .32s ease;
}

.biografia-kafelek::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(141,85,43,.15);
	border-radius: 22px;
	opacity: .72;
	transition: opacity .32s ease,border-color .32s ease;
}

.biografia-kafelek::after {
	content: "";
	position: absolute;
	inset: auto 18px 0 18px;
	height: 2px;
	z-index: 3;
	pointer-events: none;
	background: linear-gradient(90deg,transparent,var(--zloty),transparent);
	opacity: .58;
}

.biografia-kafelek:hover {
	transform: translateY(-6px);
	background: linear-gradient(180deg,rgba(255,255,255,.71),rgba(255,255,255,.50)), radial-gradient(circle at 18% 0%,rgba(200,166,77,.32),transparent 38%), linear-gradient(135deg,rgba(110,23,39,.155),transparent 58%);
}

.biografia-kafelek:hover::before {
	opacity: 1;
	border-color: rgba(200,166,77,.32);
}

.biografia-kafelek-numer {
	position: absolute;
	text-transform: uppercase;
	text-shadow: none !important;
	right: 30px;
	top: 20px;
	z-index: 4;
	color: rgba(141,85,43,.22) !important;
	font-size: clamp(42px,5vw,66px);
	font-weight: 950;
	letter-spacing: -.08em;
	line-height: 1;
	transition: color .32s ease;
}

.biografia-kafelek-data {
	position: relative;
	z-index: 4;
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 12px;
	color: #8d552b !important;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	transition: color .32s ease;
}

.biografia-kafelek-tytul {
	position: relative;
	z-index: 4;
	margin: 0 0 10px;
	color: #17130f;
	font-size: clamp(19px,1.8vw,24px);
	line-height: 1.08;
	letter-spacing: -.025em;
}

.biografia-kafelek-opis {
	position: relative;
	z-index: 4;
	margin: 0;
	color: rgba(23,19,15,.68);
	font-size: 16px;
	line-height: 1.58;
}

.biografia-kafelek:hover .biografia-kafelek-numer {
	color: var(--zloty) !important;
}

.biografia-kafelek:hover .biografia-kafelek-data {
	color: var(--zloty) !important;
}

@media (max-width: 1280px) {
	.biografia-wstep {
		grid-template-columns: 1fr;
		gap: 0;
		align-items: start;
	}

	.biografia-tresc {
		display: contents;
	}

	.biografia-numer {
		order: 1;
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 900px;
		margin: 0;
	}

	.biografia-tytul {
		order: 2;
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 900px;
		margin: 16px 0 clamp(28px,4vw,48px);
	}

	.biografia-zdjecie {
		order: 3;
		max-width: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		min-height: clamp(420px,62vw,620px);
	}

	.biografia-opis {
		order: 4;
		position: relative;
		z-index: 2;
		margin-top: clamp(26px,4vw,42px);
	}

	.biografia-lista-etykiet {
		order: 5;
		position: relative;
		z-index: 2;
	}
	.biografia-tlo-napis {
		left: 30px !important;
		right: auto !important;
		top: 34px !important;
	}	

}

@media (max-width: 1024px) {
	.biografia {
		min-height: auto;
		padding-left: var(--odstep-boczny) !important;
		padding-right: var(--odstep-boczny) !important;
	}

	.biografia-lista-kafelkow {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}

	.biografia-lista-kafelkow::before {
		display: none;
	}

}

@media (max-width: 640px) {

	.biografia::before {
		top: 60px;
	}

	.biografia::after {
		top: 60px;
	}

	.biografia-tytul {
		font-size: clamp(34px,11vw,54px);
	}

	.biografia-lista-kafelkow {
		grid-template-columns: 1fr;
	}

	.biografia-kafelek {
		min-height: 228px;
	}
	.biografia-kafelek-numer {
	right: 25px;
	top: 25px;
	}
}


/* 06. TELEDYSK */
.teledysk {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol);
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0,1fr);
	gap: clamp(18px,4vw,18px);
	align-items: center;
	border-radius: 0;
	background: radial-gradient(circle at 12% 12%,rgba(110,23,39,.50),transparent 31%), radial-gradient(circle at 88% 16%,rgba(200,166,77,.16),transparent 30%), radial-gradient(circle at 50% 108%,rgba(110,23,39,.30),transparent 39%), linear-gradient(135deg,#080606 0%,#12080b 46%,#080606 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(243,212,123,.12);
	isolation: isolate;
}

.teledysk::before {
	content: "";
	position: absolute;
	inset: -22%;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient(circle at 17% 30%,rgba(243,212,123,.25) 0 9%,transparent 34%), radial-gradient(circle at 74% 42%,rgba(110,23,39,.45) 0 12%,transparent 36%), radial-gradient(circle at 48% 78%,rgba(255,250,242,.11) 0 8%,transparent 30%), radial-gradient(circle at 88% 82%,rgba(200,166,77,.18) 0 9%,transparent 32%);
	opacity: .82;
	filter: blur(9px);
	transform: translate3d(-2%,0,0) scale(1.04);
	animation: teledysk-ruch-swiatla 7.2s ease-in-out infinite alternate;
}

.teledysk::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: linear-gradient(112deg,transparent 0%,transparent 31%,rgba(243,212,123,.24) 45%,rgba(255,255,255,.13) 51%,transparent 68%,transparent 100%), repeating-linear-gradient(135deg,rgba(255,255,255,.046) 0 1px,transparent 1px 16px), repeating-linear-gradient(45deg,rgba(243,212,123,.022) 0 1px,transparent 1px 28px);
	background-size: 230% 100%,16px 16px,28px 28px;
	background-position: -135% 0,0 0,0 0;
	opacity: .58;
	mix-blend-mode: screen;
	animation: teledysk-przejscie-swiatla 7.8s ease-in-out infinite, teledysk-ruch-siatki 14s linear infinite;
}

.teledysk-numer {
	color: var(--zloty-2);
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
}

.teledysk-tresc {
	position: relative;
	z-index: 2;
}

.teledysk-tytul {
	margin: 16px 0;
	font-size: var(--rozmiar-tytulu-sekcji);
	line-height: .98;
	letter-spacing: -.02em;
}

.teledysk-opis {
	color: var(--kolor-tekstu-opisu);
	font-size: clamp(16px, 1.35vw, 19px);
	line-height: 1.75;
}

.teledysk-tlo-napis {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	user-select: none;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8;
	color: rgba(243,245,123,.14);
	text-transform: uppercase;
	text-shadow: 0 22px 70px rgba(0,0,0,.42), 0 0 56px rgba(243,212,123,.16);
	right: var(--tekst-tla-pozycja-prawa);
	left: auto!important;
	top: calc(var(--tekst-tla-pozycja-gora) - 40px)!important;
	bottom: auto;
}

.teledysk-wideo-obudowa {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: clamp(10px,1.4vw,16px);
	border-radius: clamp(28px,3.5vw,42px);
	background: linear-gradient(135deg,rgba(243,212,123,.66),rgba(110,23,39,.36) 44%,rgba(255,255,255,.10)), rgba(255,255,255,.045);
	box-shadow: 0 34px 90px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.08) inset;
	text-align: center;
}

.teledysk-wideo-obudowa::before {
	content: "";
	position: absolute;
	inset: clamp(10px,1.4vw,16px);
	z-index: 0;
	pointer-events: none;
	border-radius: clamp(22px,2.8vw,32px);
	background: radial-gradient(circle at 20% 12%,rgba(243,212,123,.16),transparent 36%), radial-gradient(circle at 84% 90%,rgba(110,23,39,.22),transparent 42%);
	opacity: .78;
}

.teledysk-wideo-ramka {
	position: relative;
	z-index: 1;
	width: 100%;
	border-radius: clamp(22px,2.8vw,32px);
	overflow: hidden !important;
	background: radial-gradient(circle at 18% 8%,rgba(110,23,39,.34),transparent 34%), radial-gradient(circle at 82% 92%,rgba(243,212,123,.12),transparent 34%), linear-gradient(135deg,#050404 0%,#10080b 58%,#050404 100%);
	aspect-ratio: 16/9;
	box-shadow: 0 20px 70px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.08) inset;
}

.teledysk-wideo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.teledysk-przycisk-wideo {
	margin-top: 18px !important;
	padding-inline: 24px !important;
}

@media (max-width: 1024px) {
	.teledysk {
		width: 100vw !important;
		max-width: none !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol);
	}

	.teledysk-tlo-napis {
		right: 34px !important;
		top: 36px !important;
	}


}

@media (max-width: 640px) {
	.teledysk {
		border-radius: 0;
	}

	/* .teledysk-tlo-napis { */
		/* right: 34px !important; */
		/* top: 36px !important; */
	/* } */

	.teledysk-opis {
		font-size: 16px;
	}

	.teledysk-wideo-obudowa {
		padding: 8px;
		border-radius: 24px;
	}

	.teledysk-wideo-obudowa::before {
		inset: 8px;
		border-radius: 18px;
	}

	.teledysk-wideo-ramka {
		border-radius: 18px;
	}

}


/* 07. AKTUALNOŚCI */
.aktualnosci-numer {
	color: #8d552b !important;
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
	text-shadow: none !important;
}

.aktualnosci {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: 100svh;
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol) !important;
	position: relative;
	overflow: hidden;
	color: #241a13 !important;
	isolation: isolate;
	background: radial-gradient(circle at 12% 16%,rgba(255,250,242,.95),transparent 24%), radial-gradient(circle at 92% 18%,rgba(246,212,170,.62),transparent 28%), radial-gradient(circle at 22% 86%,rgba(200,166,77,.18),transparent 26%), linear-gradient(135deg,var(--bialy) 0%,#fff2df 38%,#f8e5c6 70%,#ecd2aa 100%) !important;
	border-block: 1px solid rgba(138,108,67,.12) !important;
}

.aktualnosci::before {
	content: "";
	position: absolute;
	left: -8vw;
	top: 12%;
	z-index: 0;
	width: min(52vw,720px);
	height: min(52vw,720px);
	border-radius: 38% 62% 58% 42% / 44% 38% 62% 56%;
	background: radial-gradient(circle at 34% 30%,rgba(255,255,255,.86) 0%,rgba(255,244,226,.52) 36%,rgba(236,192,129,.17) 64%,transparent 76%);
	filter: blur(2px);
	opacity: .84;
	animation: aktualnosci-oddech-plamy 20s ease-in-out infinite;
	pointer-events: none;
}

.aktualnosci::after {
	content: "";
	position: absolute;
	right: -7vw;
	bottom: 8%;
	z-index: 0;
	width: min(42vw,560px);
	height: min(42vw,560px);
	border-radius: 64% 36% 48% 52% / 44% 58% 42% 56%;
	background: conic-gradient(from 120deg,rgba(200,166,77,.18),rgba(255,250,242,.42),rgba(110,23,39,.08),rgba(245,206,146,.28),rgba(200,166,77,.18));
	opacity: .58;
	filter: blur(14px);
	animation: aktualnosci-powolny-orbit 26s ease-in-out infinite;
	pointer-events: none;
}

.aktualnosci-naglowek {
	display: grid;
	gap: 14px;
	margin-bottom: clamp(12px,4vw,24px);
	position: relative;
	z-index: 2;
	max-width: 900px;
}

.aktualnosci-tytul {
	margin: 0;
	max-width: 900px;
	color: #241a13 !important;
	font-size: var(--rozmiar-tytulu-sekcji);
	line-height: .98;
	letter-spacing: -.02em;
}

.aktualnosci-opis {
	margin: 0;
	max-width: 100%;
	color: rgba(36,26,19,.72) !important;
	font-size: var(--rozmiar-opisu-sekcji);
	line-height: 1.7;
}

.aktualnosci-tlo-napis {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	user-select: none;
	left: calc(var(--tekst-tla-pozycja-lewa) + 20px)!important;
	right: auto!important;
	top: calc(var(--tekst-tla-pozycja-gora) - 20px)!important;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8;
	color: rgba(110,23,39,.07);
	text-transform: uppercase;
}

.aktualnosci-karuzela {
	position: relative;
	z-index: 2;
}

.aktualnosci-dodatek-nawigacja {
	position: absolute;
	right: 0;
	top: -78px;
	z-index: 4;
	display: flex;
	gap: 10px;
}

.aktualnosci-dodatek-przycisk {
	position: relative;
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(141,85,43,.18);
	border-radius: 50%;
	background: rgba(255,255,255,.48);
	color: var(--bordowy);
	font-size: 20px;
	padding: 0;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 18px 48px rgba(111,74,34,.13);
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease;
}

.przycisk-lewy{padding-right:5px;}
.przycisk-prawy{padding-left:5px;}

.aktualnosci-dodatek-przycisk::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent);
	transform: translateX(-120%);
	transition: transform .62s ease;
}

.aktualnosci-dodatek-przycisk:hover {
	transform: translateY(-3px);
	border-color: rgba(200,166,77,.52);
	background: rgba(255,255,255,.72);
	color: var(--czarny);
	box-shadow: 0 22px 58px rgba(200,166,77,.18),0 0 0 1px rgba(200,166,77,.10) inset;
}

.aktualnosci-dodatek-przycisk:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(200,166,77,.52);
	background: rgba(255,255,255,.72);
	color: var(--czarny);
	box-shadow: 0 22px 58px rgba(200,166,77,.18),0 0 0 1px rgba(200,166,77,.10) inset;
}

.aktualnosci-dodatek-przycisk:hover::before {
	transform: translateX(120%);
}

.aktualnosci-dodatek-przycisk:focus-visible::before {
	transform: translateX(120%);
}

.aktualnosci-lista-kafelkow {
	position: relative;
	z-index: 2;
	display: flex;
	--aktualnosci-odstep: clamp(16px,2vw,22px);
	gap: clamp(16px,2vw,22px);
	overflow-x: auto;
	overflow-y: hidden;
	padding: 6px 0 26px;
	scroll-snap-type: x proximity;
	scroll-padding-left: 0;
	scroll-behavior: smooth;
	cursor: grab;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.aktualnosci-lista-kafelkow::-webkit-scrollbar {
	display: none;
}

.aktualnosci-lista-kafelkow.jest-przeciagany {
	cursor: grabbing;
	scroll-behavior: auto;
}

.aktualnosci-kafelek {
	position: relative;
	min-height: 100%;
	flex: 0 0 calc((100% - (clamp(16px,2vw,22px) * 2)) / 3);
	max-width: none;
	min-width: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	scroll-snap-align: start;
	border: 1px solid rgba(108,74,39,.16) !important;
	border-radius: 28px;
	background: linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,248,237,.54)) !important;
	box-shadow: none !important;
	backface-visibility: hidden;
	transition: transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}

.aktualnosci-kafelek::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(141,85,43,.15);
	border-radius: 22px;
	opacity: .72;
	transition: opacity .32s ease,border-color .32s ease;
}

.aktualnosci-kafelek::after {
	content: "";
	position: absolute;
	inset: auto 18px 0 18px;
	height: 2px;
	z-index: 3;
	background: linear-gradient(90deg,transparent,var(--zloty),transparent);
	opacity: .58;
}

.aktualnosci-kafelek-grafika {
	position: relative;
	overflow: hidden;
	min-height: 230px;
	aspect-ratio: 16/10;
	background: #ead5b8;
}

.aktualnosci-kafelek-grafika::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg,rgba(36,26,19,.24),transparent 56%),radial-gradient(circle at 18% 18%,rgba(243,212,123,.16),transparent 32%);
	pointer-events: none;
}

.aktualnosci-kafelek-zdjecie {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: transform .7s ease,filter .7s ease;
}

.aktualnosci-kafelek-tresc {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: clamp(28px,2.4vw,30px);
}

.aktualnosci-kafelek-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.aktualnosci-kafelek-data {
	display: inline-flex;
	align-items: center;
	color: #8d552b !important;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 12px;
	font-weight: 900;
}

.aktualnosci-kafelek-komentarz {
	display: inline-flex;
	align-items: center;
	color: #8d552b !important;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 12px;
	font-weight: 900;
}

.aktualnosci-kafelek-komentarz::before {
	content: "";
	width: 7px;
	height: 7px;
	margin-right: 10px;
	border-radius: 50%;
	background: var(--zloty);
	box-shadow: 0 0 18px rgba(200,166,77,.38);
}

.aktualnosci-kafelek-tytul {
	margin: 0 0 14px;
	color: #241a13 !important;
	font-size: clamp(21px,2vw,27px);
	line-height: 1.08;
	letter-spacing: -.02em;
}

.aktualnosci-kafelek-opis {
	margin: 0 0 22px;
	color: rgba(36,26,19,.72) !important;
	line-height: 1.68;
	font-size: 16px;
}

.aktualnosci-kafelek-przycisk {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	min-height: 42px;
	margin-top: auto;
	padding: 0 16px;
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(141,85,43,.18);
	border-radius: var(--promien-pigulki);
	background: rgba(255,255,255,.38);
	color: var(--bordowy) !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	box-shadow: none;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease;
}

.aktualnosci-kafelek-przycisk::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
	transform: translateX(-120%);
	transition: transform .62s ease;
}

.aktualnosci-kafelek-przycisk:hover {
	transform: translateY(-3px);
	border-color: rgba(200,166,77,.52);
	background: rgba(255,255,255,.68);
	color: #8d552b !important;
	box-shadow: 0 22px 58px rgba(200,166,77,.18),0 0 0 1px rgba(200,166,77,.10) inset;
}

.aktualnosci-kafelek-przycisk:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(200,166,77,.52);
	background: rgba(255,255,255,.68);
	color: #8d552b !important;
	box-shadow: 0 22px 58px rgba(200,166,77,.18),0 0 0 1px rgba(200,166,77,.10) inset;
}

.aktualnosci-kafelek-przycisk:hover::before {
	transform: translateX(120%);
}

.aktualnosci-kafelek-przycisk:focus-visible::before {
	transform: translateX(120%);
}

.aktualnosci-kafelek:hover {
	transform: translateY(-6px);
	border-color: rgba(200,166,77,.38) !important;
	box-shadow: none !important;
}

.aktualnosci-kafelek:hover .aktualnosci-kafelek-zdjecie {
	transform: scale(1.055);
	filter: saturate(1.04) contrast(1.03);
}

.aktualnosci-kafelek:hover::before {
	opacity: 1;
	border-color: rgba(200,166,77,.32);
}

@media (max-width: 1024px) {
	.aktualnosci {
		min-height: auto;
	}

	.aktualnosci-dodatek-nawigacja {
		position: relative;
		top: auto;
		right: auto;
		justify-content: flex-end;
		margin: -12px 0 16px;
	}

	.aktualnosci-kafelek {
		flex-basis: calc((100% - clamp(16px,2vw,22px)) / 2);
	}
	
	.aktualnosci-tlo-napis {
		right: 12px !important;
		top: 32px !important;
	}
}

@media (max-width: 640px) {
	/* .aktualnosci-tlo-napis { */
		/* right: 12px !important; */
		/* top: 32px !important; */
	/* } */

	.aktualnosci-dodatek-przycisk {
		width: 44px;
		height: 44px;
	}

	.aktualnosci-kafelek {
		flex-basis: 86vw;
		max-width: 86vw;
	}

	.aktualnosci-kafelek-grafika {
		min-height: 210px;
	}

	.aktualnosci::before {
		left: -32vw;
		top: 130px;
		width: 76vw;
		height: 76vw;
	}

	.aktualnosci::after {
		right: -28vw;
		bottom: 80px;
		width: 64vw;
		height: 64vw;
	}

}


/* 08. GALERIA */
.galeria-numer {
	color: var(--zloty-2);
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 10px;
}

.galeria {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol);
	position: relative;
	overflow: hidden;
	color: var(--bialy);
	isolation: isolate;
	background: radial-gradient(circle at 16% 18%,rgba(243,212,123,.10),transparent 24%), radial-gradient(circle at 82% 16%,rgba(110,23,39,.15),transparent 28%), radial-gradient(circle at 76% 84%,rgba(243,212,123,.08),transparent 26%), linear-gradient(135deg,#151013 0%,#1d1519 30%,#291b20 64%,#312026 100%);
	border-block: 1px solid rgba(255,255,255,.05);
}

.galeria::before {
	content: "";
	position: absolute;
	left: -6%;
	top: 14%;
	width: 38%;
	height: 42%;
	z-index: 0;
	pointer-events: none;
	border-radius: 36px;
	background: radial-gradient(circle at 35% 35%,rgba(255,245,229,.18) 0%,rgba(243,212,123,.10) 24%,rgba(243,212,123,.03) 54%,transparent 72%), linear-gradient(135deg,rgba(243,212,123,.08),rgba(255,250,242,.02) 48%,rgba(243,212,123,.06));
	filter: blur(10px);
	opacity: .72;
	transform: rotate(-8deg);
	animation: galeria-plywanie-akcentu 18s ease-in-out infinite;
}

.galeria::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(255,250,242,.09) calc(100% - 1px),rgba(255,250,242,.09) 100%) 0 0 / 110px 100%, linear-gradient(180deg,transparent 0,transparent calc(100% - 1px),rgba(243,212,123,.06) calc(100% - 1px),rgba(243,212,123,.06) 100%) 0 0 / 100% 86px;
	opacity: .34;
	animation: galeria-przesuwanie-linii 24s linear infinite;
}

.galeria-naglowek {
	display: block;
	margin-bottom: 36px;
	position: relative;
	z-index: 2;
}

.galeria-tytul {
	margin: 0;
	font-size: var(--rozmiar-tytulu-sekcji);
	line-height: .98;
	letter-spacing: -.02em;
	color: var(--bialy);
	max-width: 760px;
}

.galeria-tlo-napis {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	user-select: none;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8;
	color: rgba(243,212,123,.09);
	text-transform: uppercase;
	left: auto!important;
	right: calc(var(--tekst-tla-pozycja-prawa) + 40px)!important;
	top: calc(var(--tekst-tla-pozycja-gora) - 40px)!important;
}

.galeria-lista-kafelkow {
	position: relative;
	z-index: 2;
}

.galeria-lista-kafelkow {
	display: grid;
	grid-template-columns: repeat(12,minmax(0,1fr)) !important;
	grid-template-rows: repeat(6,118px) !important;
	grid-auto-rows: 118px !important;
	grid-auto-flow: initial !important;
	gap: 16px;
	align-items: stretch;
	overflow: hidden;
	border-radius: 34px;
	padding: 6px;
}

.galeria-kafelek {
	margin: 0;
	border-radius: 28px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
	border: 1px solid rgba(108,74,39,.76) !important;
	display: block;
	width: 100%;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	transform-origin: center;
	contain: layout paint;
	cursor: pointer;
	box-shadow: 0 28px 76px rgba(111,74,34,.18);
	backface-visibility: hidden;
	transition: transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}

.galeria-kafelek-szeroki {
	margin: 0;
	border-radius: 28px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
	border: 1px solid rgba(108,74,39,.76) !important;
	display: block;
	width: 100%;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	transform-origin: center;
	contain: layout paint;
	cursor: pointer;
	box-shadow: 0 28px 76px rgba(111,74,34,.18);
	backface-visibility: hidden;
	transition: transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}

.galeria-kafelek-wysoki {
	margin: 0;
	border-radius: 28px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
	border: 1px solid rgba(108,74,39,.76) !important;
	display: block;
	width: 100%;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	transform-origin: center;
	contain: layout paint;
	cursor: pointer;
	box-shadow: 0 28px 76px rgba(111,74,34,.18);
	backface-visibility: hidden;
	transition: transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}

.galeria-kafelek-maly {
	margin: 0;
	border-radius: 28px;
	overflow: hidden;
	position: relative;
	background: linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
	border: 1px solid rgba(108,74,39,.76) !important;
	display: block;
	width: 100%;
	height: 100% !important;
	min-width: 0;
	min-height: 0;
	transform-origin: center;
	contain: layout paint;
	cursor: pointer;
	box-shadow: 0 28px 76px rgba(111,74,34,.18);
	backface-visibility: hidden;
	transition: transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}

.galeria-kafelek::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(255,250,242,.18);
	border-radius: 22px;
	opacity: .72;
	transition: opacity .32s ease,border-color .32s ease;
}

.galeria-kafelek::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(0deg,rgba(13,9,7,.92) 0%,rgba(28,18,13,.64) 38%,rgba(28,18,13,.10) 70%,transparent 100%), radial-gradient(circle at 20% 15%,rgba(243,212,123,.14),transparent 34%);
	pointer-events: none;
}

.galeria-kafelek:nth-child(1) {
	grid-column: 1 / 7;
	grid-row: 1 / 3;
}

.galeria-kafelek:nth-child(2) {
	grid-column: 7 / 10;
	grid-row: 1 / 5;
}

.galeria-kafelek:nth-child(3) {
	grid-column: 10 / 13;
	grid-row: 1 / 3;
}

.galeria-kafelek:nth-child(4) {
	grid-column: 1 / 4;
	grid-row: 3 / 5;
}

.galeria-kafelek:nth-child(5) {
	grid-column: 4 / 7;
	grid-row: 3 / 5;
}

.galeria-kafelek:nth-child(6) {
	grid-column: 10 / 13;
	grid-row: 3 / 5;
}

.galeria-kafelek:nth-child(7) {
	grid-column: 1 / 6;
	grid-row: 5 / 7;
}

.galeria-kafelek:nth-child(8) {
	grid-column: 6 / 13;
	grid-row: 5 / 7;
}

.galeria-kafelek-zdjecie {
	width: 100%;
	height: 100% !important;
	display: block;
	object-fit: cover;
	transform-origin: center center;
	transition: transform .7s ease,filter .7s ease;
}

.galeria-kafelek:nth-child(2) .galeria-kafelek-zdjecie {
	object-position: center 18%;
}

.galeria-kafelek:nth-child(4) .galeria-kafelek-zdjecie {
	object-position: center 32%;
}

.galeria-kafelek:nth-child(8) .galeria-kafelek-zdjecie {
	object-position: center 34%;
}

.galeria-kafelek-podpis {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	z-index: 3;
	background: none;
	border: 0;
	box-shadow: none;
	padding: clamp(8px,3vw,10px);
	color: var(--bialy);
}

.galeria-kafelek-etykieta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--zloty-2);
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: 11px;
	font-weight: 900;
}

.galeria-kafelek-etykieta::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--zloty);
	box-shadow: 0 0 18px rgba(243,212,123,.36);
}

.galeria-kafelek-tytul {
	margin: 10px 0 0;
	text-shadow: 0 3px 18px rgba(0,0,0,.55);
	font-size: clamp(19px,1.7vw,24px);
	line-height: 1.05;
}

.galeria-kafelek:hover {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek-szeroki:hover {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek-szeroki:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek-wysoki:hover {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek-wysoki:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek-maly:hover {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek-maly:focus-within {
	transform: translateY(-6px);
	box-shadow: 0 34px 92px rgba(98,62,29,.24),0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.galeria-kafelek:hover .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek:focus-within .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek-szeroki:hover .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek-szeroki:focus-within .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek-wysoki:hover .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek-wysoki:focus-within .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek-maly:hover .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek-maly:focus-within .galeria-kafelek-zdjecie {
	transform: scale(1.065) !important;
	filter: saturate(1.04) contrast(1.03);
}

.galeria-kafelek:hover::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek:focus-within::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek-szeroki:hover::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek-szeroki:focus-within::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek-wysoki:hover::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek-wysoki:focus-within::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek-maly:hover::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.galeria-kafelek-maly:focus-within::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

@media (max-width: 1024px) {

	.galeria-lista-kafelkow {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
		gap: clamp(16px,2vw,22px)!important;
		overflow: visible !important;
		border-radius: 0;
		padding: 0;
	}

	.galeria-kafelek:nth-child(n) {
		grid-column: auto !important;
		grid-row: auto !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 20px !important;
	}
	
	.galeria-tlo-napis {
		right: 52px !important;
		top: 40px !important;
	}	

}

@media (max-width: 640px) {

	/* .galeria-tlo-napis { */
		/* right: 52px !important; */
		/* top: 50px !important; */
	/* } */

	.galeria::after {
		opacity: .24;
	}

	.galeria-lista-kafelkow {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
		gap: 10px !important;
		overflow: visible !important;
		border-radius: 0;
		padding: 0;
	}

	.galeria-kafelek:nth-child(n) {
		grid-column: auto !important;
		grid-row: auto !important;
		height: auto !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 20px !important;
	}

	.galeria-kafelek::before {
		inset: 10px;
		border-radius: 16px;
	}

	.galeria-kafelek-zdjecie {
		width: 100% !important;
		object-fit: cover !important;
		transform: none !important;
	}

	.galeria-kafelek-podpis {
		left: 10px;
		right: 10px;
		bottom: 10px;
	}

	.galeria-kafelek-etykieta {
		font-size: 10px !important;
	}

	.galeria-kafelek-tytul {
		font-size: clamp(14px,4vw,17px) !important;
		margin-top: 8px;
	}

}


/* 09. ROLKI */
.rolki {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: 100svh;
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol) !important;
	position: relative;
	overflow: hidden;
	color: #2a2017 !important;
	background: radial-gradient(circle at 16% 18%,rgba(255,255,255,.88),transparent 25%), radial-gradient(circle at 82% 16%,rgba(255,232,194,.74),transparent 27%), radial-gradient(circle at 76% 84%,rgba(230,187,129,.40),transparent 28%), linear-gradient(135deg,var(--bialy) 0%,#fff0db 44%,#f4dfbe 100%) !important;
	border-block: 1px solid rgba(138,93,44,.10) !important;
	isolation: isolate;
}

.rolki::before {
	content: "";
	position: absolute;
	width: clamp(280px,36vw,620px);
	aspect-ratio: 1/1;
	left: clamp(-180px,-10vw,-80px);
	top: clamp(70px,12vh,160px);
	z-index: 0;
	pointer-events: none;
	border-radius: 42% 58% 48% 52% / 55% 44% 56% 45%;
	background: radial-gradient(circle at 36% 34%,rgba(255,255,255,.92) 0 18%,rgba(255,239,211,.62) 42%,rgba(219,171,108,.20) 68%,transparent 76%);
	filter: blur(3px);
	opacity: .86;
	animation: rolki-plywanie-ksztaltu-lewego 18s ease-in-out infinite;
}

.rolki::after {
	content: "";
	position: absolute;
	width: clamp(240px,31vw,520px);
	aspect-ratio: 1/1;
	right: clamp(-150px,-7vw,-50px);
	bottom: clamp(36px,7vh,96px);
	z-index: 0;
	pointer-events: none;
	border-radius: 55% 45% 61% 39% / 42% 57% 43% 58%;
	background: radial-gradient(circle at 44% 40%,rgba(255,252,246,.86) 0 18%,rgba(248,222,184,.50) 47%,rgba(200,147,84,.16) 70%,transparent 80%);
	filter: blur(2px);
	opacity: .76;
	animation: rolki-plywanie-ksztaltu-prawego 22s ease-in-out infinite;
}

.rolki > * {
	position: relative;
	z-index: 2;
}

.rolki-tlo-napis {
	position: absolute;
	pointer-events: none;
	user-select: none;
	left: calc(var(--tekst-tla-pozycja-left) + 20px) !important;
	right: auto!important;
	top: calc(var(--tekst-tla-pozycja-gora) - 45px) !important;
	bottom: auto !important;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8;
	color: rgba(110,23,39,.105);
	text-transform: uppercase;
	text-shadow: 0 24px 80px rgba(200,166,77,.14);
}

.rolki-naglowek {
	display: block;
	margin-bottom: 34px;

}

.rolki-numer {
	color: #8d552b !important;
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
	text-shadow: none !important;
}

.rolki-tytul {
	margin: 16px 0;
	max-width: 900px;
	color: #241a13 !important;
	font-size: var(--rozmiar-tytulu-sekcji);
	line-height: .98;
	letter-spacing: -.02em;
}

.rolki-lista-kafelkow {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: clamp(16px,2vw,22px);
	z-index: 1000;
}

.rolki-kafelek {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: end;
	overflow: hidden;
	border: 1px solid rgba(108,74,39,.16) !important;
	border-radius: 28px;
	background: linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.08));
	box-shadow: 0 28px 76px rgba(111,74,34,.18), 0 1px 0 rgba(255,255,255,.58) inset !important;
	backface-visibility: hidden;
	transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

.rolki-kafelek-zdjecie {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: 0;
	transition: transform .7s ease,filter .7s ease;
}

.rolki-kafelek::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(0deg,rgba(13,9,7,.92) 0%,rgba(28,18,13,.64) 38%,rgba(28,18,13,.10) 70%,transparent 100%), radial-gradient(circle at 20% 15%,rgba(243,212,123,.14),transparent 34%);
}

.rolki-kafelek::before {
	content: "";
	position: absolute;
	inset: 16px;
	z-index: 2;
	pointer-events: none;
	border: 1px solid rgba(255,250,242,.18);
	border-radius: 22px;
	opacity: .72;
	transition: opacity .32s ease,border-color .32s ease;
}

.rolki-kafelek-tresc {
	position: relative;
	z-index: 3;
	padding: clamp(22px,2.2vw,28px);
	color: var(--bialy) !important;
}

.rolki-kafelek-etykieta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--zloty-2);
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: 12px;
	font-weight: 900;
}

.rolki-kafelek-etykieta::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--zloty);
	box-shadow: 0 0 18px rgba(243,212,123,.36);
}

.rolki-kafelek-tytul {
	margin: 12px 0 18px;
	color: var(--bialy) !important;
	text-shadow: 0 3px 18px rgba(0,0,0,.55);
	font-size: clamp(23px,2.2vw,28px);
	line-height: 1.05;
}

.rolki-kafelek-przycisk {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px;
	overflow: hidden;
	isolation: isolate;
	border: 1px solid rgba(255,250,242,.18);
	border-radius: var(--promien-pigulki);
	background: rgba(255,255,255,.07);
	color: var(--zloty-2);
	font-family: inherit;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: none;
	transition: transform .28s ease, border-color .28s ease, background .28s ease, color .28s ease, box-shadow .28s ease;
}

.rolki-kafelek-przycisk::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
	transform: translateX(-120%);
	transition: transform .62s ease;
}

.rolki-kafelek-przycisk:hover {
	transform: translateY(-3px);
	border-color: rgba(243,212,123,.58);
	background: rgba(255,255,255,.11);
	color: var(--zloty);
	box-shadow: var(--cien-przycisku-mocny);
}

.rolki-kafelek-przycisk:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(243,212,123,.58);
	background: rgba(255,255,255,.11);
	color: var(--zloty);
	box-shadow: var(--cien-przycisku-mocny);
}

.rolki-kafelek-przycisk:hover::before {
	transform: translateX(120%);
}

.rolki-kafelek-przycisk:focus-visible::before {
	transform: translateX(120%);
}

.rolki-kafelek:hover {
	transform: translateY(-6px);
	border-color: rgba(200,166,77,.38) !important;
	box-shadow: 0 34px 92px rgba(98,62,29,.24), 0 0 0 1px rgba(243,212,123,.10) inset !important;
}

.rolki-kafelek:hover .rolki-kafelek-zdjecie {
	transform: scale(1.065);
	filter: saturate(1.04) contrast(1.03);
}

.rolki-kafelek:hover::before {
	opacity: 1;
	border-color: rgba(243,212,123,.32);
}

.rolki-modal {
	position: fixed;
	inset: 0;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .28s ease,visibility .28s ease;
}

.rolki-modal.jest-otwarty {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.rolki-modal-tlo {
	position: absolute;
	inset: 0;
	background: rgba(8,6,6,.82);
	backdrop-filter: blur(10px);
}

.rolki-modal-okno {
	position: relative;
	z-index: 1;
	width: min(520px,100%);
	border: 1px solid rgba(200,166,77,.34);
	border-radius: 28px;
	overflow: hidden;
	background: #080606;
	box-shadow: 0 34px 90px rgba(0,0,0,.64);
}

.rolki-modal-zamknij {
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 2;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,250,242,.20);
	border-radius: 50%;
	background: rgba(8,6,6,.72);
	color: var(--bialy);
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transition: transform .28s ease,background .28s ease,color .28s ease;
}

.rolki-modal-zamknij:hover {
	transform: rotate(90deg) scale(1.04);
	background: var(--zloty);
	color: #120c0e;
}

.rolki-modal-zamknij:focus-visible {
	transform: rotate(90deg) scale(1.04);
	background: var(--zloty);
	color: #120c0e;
}

.rolki-modal-wideo {
	position: relative;
	width: 100%;
	aspect-ratio: 9/16;
	background: #050404;
}

.rolki-modal-wideo iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

@media (max-width: 1024px) {
	.rolki {
		min-height: auto;
	}

	.rolki-lista-kafelkow {
		grid-template-columns: 1fr;
	}

	.rolki-kafelek {
		min-height: 520px;
	}
	.rolki-tlo-napis {
		left: 32px !important;
		top: 24px !important;
	}
}

@media (max-width: 640px) {
	/* .rolki-tlo-napis { */
		/* left: 32px !important; */
		/* top: 42px !important; */
	/* } */

	.rolki::before {
		left: -36vw;
		top: 120px;
		width: 74vw;
	}

	.rolki::after {
		right: -30vw;
		bottom: 80px;
		width: 62vw;
	}

	.rolki-modal {
		padding: 14px;
	}

	.rolki-modal-okno {
		border-radius: 20px;
	}

}


/* 10. PLIKI / DO POBRANIA */




.pliki {
	width: 100vw !important;
	max-width: none;
	margin: 0;
	min-height: auto !important;
	display: flex;
	align-items: center;
	position: relative !important;
	overflow: hidden !important;
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol) !important;
	color: var(--bialy) !important;
	isolation: isolate;
	background: linear-gradient(125deg,#070505 0%,#12090d 30%,#2a0710 64%,#4d1220 100%) !important;
	border-block: 1px solid rgba(243,212,123,.18);
}

.pliki::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background: linear-gradient(118deg,transparent 0 18%,rgba(243,212,123,.07) 18% 18.6%,transparent 18.6% 44%,rgba(255,250,242,.035) 44% 44.4%,transparent 44.4% 100%), repeating-linear-gradient(135deg,rgba(255,250,242,.028) 0 1px,transparent 1px 54px);
	opacity: .62;
	transform: translate3d(-26px,0,0);
	animation: pliki-przesuwanie-linii 26s linear infinite;
}

.pliki::after {
	content: "" !important;
	position: absolute !important;
	left: max(18px,calc((100vw - var(--maksymalna-szerokosc))/2 + 10px));
	top: clamp(48px,8vh,96px);
	z-index: 0 !important;
	width: clamp(210px,27vw,390px);
	height: clamp(160px,18vw,250px);
	pointer-events: none !important;
	background: linear-gradient(135deg,rgba(243,212,123,.50),rgba(255,250,242,.335) 48%,rgba(110,23,39,.16));
	clip-path: polygon(9% 0,100% 15%,86% 100%,0 82%);
	opacity: .46;
	filter: blur(1px);
	animation: pliki-romb-tla 18s ease-in-out infinite;
}

.pliki-tlo {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(90deg,rgba(200,166,77,.10),transparent 24%,transparent 74%,rgba(243,212,123,.08)), linear-gradient(180deg,rgba(255,250,242,.045),transparent 32%,rgba(0,0,0,.16));
	opacity: .72;
}

.pliki-tlo-napis {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	user-select: none;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8;
	color: rgba(243,212,123,.205);
	text-transform: uppercase;
	right: var(--tekst-tla-pozycja-prawa);
	top: calc(var(--tekst-tla-pozycja-gora) - 40px) !important;
	bottom: auto !important;
}

.pliki-uklad {
	position: relative;
	z-index: 2;
	width: 100%;
	display: grid;
	grid-template-columns: minmax(280px,.78fr) minmax(0,1.6fr);
	gap: clamp(28px,4vw,54px);
	align-items: start !important;
}

.pliki-tresc {
	max-width: 520px;
	align-self: start !important;
	padding-top: 0 !important;
}

.pliki-numer {
	color: var(--zloty-2);
	text-transform: uppercase;
	letter-spacing: .22em;
	font-size: 12px;
	font-weight: 800;
}

.pliki-tytul {
	margin: 14px 0 18px;
	color: var(--bialy) !important;
	font-size: clamp(34px,4.7vw,68px);
	line-height: .98;
	letter-spacing: -.025em;
}

.pliki-opis {
	margin: 0;
	color: var(--kolor-tekstu-opisu) !important;
	font-size: var(--rozmiar-opisu-sekcji) !important;
	line-height: 1.72;
}

.pliki-tresc strong {
	color: var(--zloty-2);
	font-weight: 900;
}

.pliki-lista-kafelkow {
	display: grid;
	grid-template-columns: 1fr !important;
	gap: clamp(14px,1.55vw,20px);
	align-items: stretch;
	align-self: start !important;
}

.pliki-kafelek {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0,1fr) clamp(118px,12vw,170px);
	grid-template-rows: auto auto auto auto;
	column-gap: clamp(18px,2vw,30px);
	row-gap: 0;
	align-content: center;
	align-items: center;
	min-height: clamp(184px,16vw,226px) !important;
	padding: clamp(26px,3vw,34px) !important;
	overflow: hidden;
	isolation: isolate;
	text-decoration: none;
	border: 1px solid rgba(255,250,242,.11) !important;
	border-radius: 30px !important;
	background: linear-gradient(145deg,rgba(255,250,242,.105),rgba(255,250,242,.038)), linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)) !important;
	color: var(--bialy) !important;
	box-shadow: 0 28px 80px rgba(0,0,0,.30) !important;
	backface-visibility: hidden;
	transition: transform .32s ease,border-color .32s ease,box-shadow .32s ease,background .32s ease;
}

.pliki-kafelek::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	inset: 14px !important;
	z-index: 1 !important;
	pointer-events: none !important;
	border: 1px solid rgba(243,212,123,.18) !important;
	border-radius: 23px !important;
	opacity: .78;
	transition: border-color .32s ease,opacity .32s ease;
}



.pliki-kafelek:hover {
	transform: translateY(-6px) !important;
	border-color: rgba(255,250,242,.11) !important;
	box-shadow: 0 34px 92px rgba(0,0,0,.36),0 0 0 1px rgba(243,212,123,.08) inset !important;
}

.pliki-kafelek:hover::before {
	border-color: rgba(243,212,123,.36) !important;
	opacity: 1 !important;
}


.pliki-kafelek-grafika {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	grid-column: 2 !important;
	grid-row: 1 / 5 !important;
	justify-self: end !important;
	align-self: center !important;
	width: clamp(108px,11vw,158px) !important;
	height: 100% !important;
	min-height: clamp(136px,12vw,172px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

.pliki-kafelek-numer {
	display: none !important;
}

.pliki-kafelek-etykieta {
	grid-column: 1 !important;
	justify-self: start !important;
}

.pliki-kafelek-tytul {
	grid-column: 1 !important;
	justify-self: start !important;
}

.pliki-kafelek-opis {
	grid-column: 1 !important;
	justify-self: start !important;
}

.pliki-kafelek > em {
	grid-column: 1 !important;
	justify-self: start !important;
}

.pliki-kafelek-etykieta {
	margin: 0 0 9px !important;
	color: var(--zloty-2) !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-weight: 900;
}

.pliki-kafelek-tytul {
	margin: 0 0 12px !important;
	font-size: clamp(20px,1.75vw,27px) !important;
	line-height: 1.04 !important;
	letter-spacing: -.025em;
}

.pliki-kafelek-opis {
	margin: 0 0 14px !important;
	color: rgba(255,250,242,.68) !important;
	line-height: 1.58 !important;
	font-size: 16px !important;
}



.pliki-grafika-partytura {
	width: clamp(122px,10.5vw,158px) !important;
	min-height: clamp(138px,12.5vw,170px) !important;
	padding: 18px !important;
	transform: rotate(-5deg) !important;
	background: linear-gradient(145deg,var(--bialy),#d8d2ca);
	border: 6px solid rgba(255,250,242,.14);
	border-radius: 22px;
	box-shadow: 0 26px 52px rgba(0,0,0,.24) !important;
	color: #161616;
	box-sizing: border-box;
	border-radius: 0px !important;
	overflow: hidden !important;
	border: 3px solid rgba(255,250,242,.13) !important;
	transition: box-shadow .32s ease,transform .32s ease !important;
}

.pliki-grafika-partytura span {
	display: block;
	margin-bottom: 10px !important;
	color: #8b2034 !important;
	font-size: 10px;
	font-weight: 950;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.pliki-grafika-partytura strong {
	display: block;
	margin-bottom: 14px !important;
	color: var(--zloty) !important;
	font-size: clamp(18px,1.55vw,23px) !important;
	line-height: .95;
	letter-spacing: -.04em;
	transition: color .32s ease,text-shadow .32s ease !important;
}

.pliki-grafika-partytura i {
	display: block;
	height: 1px;
	margin: 7px 0 !important;
	background: rgba(22,22,22,.28);
}

.pliki-grafika-partytura em {
	display: block;
	margin-top: 14px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #8b2034 !important;
	font-size: 24px !important;
	font-style: normal;
	letter-spacing: .1em;
	transform-origin: center;
	transition: transform .32s ease,color .32s ease,text-shadow .32s ease;
}

.pliki-kafelek-nuty:hover .pliki-grafika-partytura em {
	color: var(--zloty) !important;
	transform: translateY(-2px) scale(1.08);
	transform: translateY(-2px) !important;
	text-shadow: 0 8px 22px rgba(200,166,77,.35) !important;
}

.pliki-grafika-telefon {
	width: clamp(92px,8.2vw,118px) !important;
	height: clamp(146px,13.5vw,184px) !important;
	padding: 22px 12px 12px !important;
	transform: rotate(4deg) !important;
	border-radius: 28px;
	background: linear-gradient(160deg,#161616,#3b1a22 70%,#0b0b0c);
	border: 6px solid rgba(255,250,242,.13);
	box-shadow: 0 28px 55px rgba(0,0,0,.28) !important;
}

.pliki-grafika-telefon span {
	display: block;
	color: var(--zloty-2);
	font-size: 8px;
	line-height: 1.1;
	font-weight: 950;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.pliki-grafika-telefon strong {
	display: block;
	margin-top: 8px;
	color: var(--bialy);
	font-size: 17px !important;
	line-height: .95;
	letter-spacing: -.04em;
}

.pliki-grafika-telefon small {
	display: block;
	margin-top: 7px;
	color: rgba(255,250,242,.66);
	font-weight: 800;
}

.pliki-grafika-fala {
	height: 32px !important;
	display: flex;
	align-items: end;
	gap: 4px;
	margin-top: 14px !important;
	margin-left: 15px !important;
}

.pliki-grafika-fala i {
	width: 7px !important;
	border-radius: 99px;
	background: linear-gradient(var(--zloty-2),var(--bordowy));
	animation: skokFali 1.05s ease-in-out infinite;
}

.pliki-grafika-fala i:nth-child(1) {
	height: 14px;
}

.pliki-grafika-fala i:nth-child(2) {
	height: 25px;
	animation-delay: .1s;
}

.pliki-grafika-fala i:nth-child(3) {
	height: 34px;
	animation-delay: .2s;
}

.pliki-grafika-fala i:nth-child(4) {
	height: 22px;
	animation-delay: .3s;
}

.pliki-grafika-fala i:nth-child(5) {
	height: 28px;
	animation-delay: .4s;
}

.pliki-grafika-dzwonek {
	width: clamp(86px,7.8vw,112px) !important;
	height: clamp(138px,12vw,172px) !important;
	padding: 20px 12px 14px !important;
	border-radius: 27px !important;
	transform: rotate(4deg) !important;
	background: linear-gradient(160deg,#171316,#3a111c 72%,#0b0a0b);
	border: 6px solid rgba(255,250,242,.14);
	box-shadow: 0 26px 52px rgba(0,0,0,.28) !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}

.pliki-grafika-dzwonek::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 50%;
	width: 26px;
	height: 3px;
	border-radius: var(--promien-pigulki);
	transform: translateX(-50%);
	background: rgba(255,250,242,.22);
}

.pliki-grafika-dzwonek::after {
	content: "";
	position: absolute;
	bottom: 8px;
	left: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	transform: translateX(-50%);
	background: rgba(255,250,242,.16);
}

.pliki-grafika-dzwonek span {
	color: var(--zloty-2);
	font-size: 8px;
	font-weight: 950;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.pliki-grafika-dzwonek strong {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin: 13px 0 9px;
	border-radius: 18px;
	color: var(--bialy);
	font-size: 34px !important;
	line-height: 1;
	background: linear-gradient(145deg,rgba(243,212,123,.22),rgba(110,23,39,.22));
	border: 1px solid rgba(243,212,123,.26);
	box-shadow: 0 18px 34px rgba(0,0,0,.22);
}

.pliki-kafelek-dzwonek:hover .pliki-grafika-dzwonek strong {
	color: var(--zloty);
}

.pliki-kafelek-dzwonek:hover .pliki-grafika-dzwonek small {
	color: var(--bialy);
}

.pliki-kafelek-audio:hover .pliki-grafika-telefon strong {
	color: var(--zloty);
}

.pliki-kafelek-audio:hover .pliki-grafika-telefon small {
	color: var(--bialy);
}

.pliki-kafelek-audio:hover .pliki-grafika-fala i {
	width: 7px !important;
	border-radius: 99px;
	background: linear-gradient(#fff,var(--bordowy));
}

.pliki-grafika-dzwonek small {
	color: rgba(255,250,242,.68);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pliki-kafelek {
	backface-visibility: hidden;
}

.pliki-kafelek-przyciski {
	grid-column: 1 !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: wrap !important;
	margin-top: 4px !important;
	position: relative !important;
	z-index: 2 !important;
}

.pliki-kafelek-przycisk {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 43px !important;
	padding: 12px 16px !important;
	border-radius: var(--promien-pigulki) !important;
	font-style: normal !important;
	font-weight: 900 !important;
	font-size: 12px !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: .1em !important;
	text-decoration: none !important;
	background: rgba(255,255,255,.065) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	color: var(--bialy) !important;
	box-shadow: none !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
}

.pliki-kafelek-przycisk::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	display: block !important;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
}

.pliki-kafelek-nuty:hover .pliki-kafelek-przycisk {
	transform: none !important;
	border-color: rgba(255,255,255,.16) !important;
	background: rgba(255,255,255,.065) !important;
	color: var(--bialy) !important;
	box-shadow: none !important;
}

.pliki-kafelek-nuty:hover .pliki-grafika-partytura strong {
	color: var(--czarny) !important;
	text-shadow: 0 8px 22px rgba(139,32,52,.20) !important;
}

.pliki-kafelek-przycisk:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
}

.pliki-kafelek-przycisk:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
}

.pliki-kafelek-nuty .pliki-kafelek-przycisk:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
}

.pliki-kafelek-nuty .pliki-kafelek-przycisk:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(243,212,123,.58) !important;
	background: rgba(255,255,255,.10) !important;
	color: var(--zloty) !important;
	box-shadow: var(--cien-przycisku-mocny) !important;
}

.pliki-kafelek-przycisk:hover::before {
	transform: translateX(120%) !important;
}

.pliki-kafelek-przycisk:focus-visible::before {
	transform: translateX(120%) !important;
}

.pliki-kafelek-nuty .pliki-kafelek-przycisk:hover::before {
	transform: translateX(120%) !important;
}

.pliki-kafelek-nuty .pliki-kafelek-przycisk:focus-visible::before {
	transform: translateX(120%) !important;
}

.pliki-kafelek {
	grid-template-columns: minmax(0,1fr) var(--pliki-kolumna-grafiki) !important;
}


.pliki-kafelek-grafika {
	grid-column: 2 !important;
	grid-row: 1 / 5 !important;
	justify-self: end !important;
	align-self: center !important;
	width: var(--pliki-grafika-szerokosc) !important;
	height: var(--pliki-grafika-wysokosc) !important;
	min-height: var(--pliki-grafika-wysokosc) !important;
	margin: 0 !important;
}

.pliki-grafika-partytura {
	width: var(--pliki-partytura-szerokosc) !important;
	min-height: var(--pliki-partytura-wysokosc) !important;
}

.pliki-grafika-telefon {
	width: var(--pliki-telefon-szerokosc) !important;
	height: var(--pliki-telefon-wysokosc) !important;
}

.pliki-grafika-dzwonek {
	width: var(--pliki-dzwonek-szerokosc) !important;
	height: var(--pliki-dzwonek-wysokosc) !important;
}

@media (max-width: 1280px) {
	.pliki-uklad {
		grid-template-columns: 1fr !important;
	}

	.pliki-tresc {
		max-width: 760px;
	}

}

@media (max-width: 1024px) {
	.pliki-tlo-napis {
		right: 30px !important;
		left: auto !important;
		top: 24px !important;
	}	
	.pliki-kafelek {
		min-height: 180px !important;
	}
}

@media (max-width: 640px) {
	/* .pliki-tlo-napis { */
		/* right: 12px !important; */
		/* left: auto !important; */
		/* top: 24px !important; */
	/* } */

	.pliki-kafelek {
		grid-template-columns: 1fr !important;
		min-height: auto !important;
	}


	.pliki-kafelek-grafika {
		grid-column: 1 !important;
		grid-row: auto !important;
		justify-self: center !important;
		margin: 10px 0 20px !important;
	}

	.pliki-kafelek-przyciski {
		justify-content: center !important;
	}

	.pliki-kafelek-przycisk {
		width: 100% !important;
	}

}


/* 11. KONTAKT */
.kontakt {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: var(--sekcja-odstep-gora) var(--sekcja-padding-poziomy) var(--sekcja-odstep-dol) !important;
	color: #1b1513 !important;
	background: linear-gradient(135deg,var(--bialy) 0%,#f7e4bd 46%,#fffdfa 100%), linear-gradient(90deg,rgba(200,166,77,.12),rgba(110,23,39,.06)) !important;
}

.kontakt::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background: repeating-linear-gradient(115deg,transparent 0 34px,rgba(110,23,39,.032) 34px 35px,transparent 35px 74px), linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent) !important;
	opacity: .72 !important;
	animation: kontakt-przesuwanie-swiatla 22s linear infinite !important;
}

.kontakt::after {
	content: "" !important;
	position: absolute !important;
	z-index: 0 !important;
	pointer-events: none !important;
	left: 52% !important;
	top: 7% !important;
	width: clamp(300px,32vw,560px) !important;
	height: clamp(130px,14vw,230px) !important;
	clip-path: polygon(0 18%,88% 0,100% 66%,12% 100%) !important;
	background: linear-gradient(135deg,rgba(110,23,39,.10),rgba(200,166,77,.18),rgba(255,255,255,.05)) !important;
	filter: blur(.2px) !important;
	opacity: .76 !important;
	animation: kontakt-przesuwanie-formy 18s ease-in-out infinite !important;
}

.kontakt-tlo {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	display: block;
	opacity: .72;
}

.kontakt-tlo-pierwsze {
	left: -7vw;
	bottom: 12%;
	width: clamp(270px,28vw,520px);
	height: clamp(120px,13vw,210px);
	clip-path: polygon(8% 0,100% 22%,82% 100%,0 74%);
	background: linear-gradient(135deg,rgba(200,166,77,.17),rgba(110,23,39,.07));
	animation: kontakt-forma-lewa 21s ease-in-out infinite;
}

.kontakt-tlo-drugie {
	right: 4vw;
	bottom: 8%;
	width: clamp(180px,19vw,330px);
	height: clamp(90px,9vw,160px);
	clip-path: polygon(18% 0,100% 0,82% 100%,0 78%);
	border: 1px solid rgba(110,23,39,.10);
	background: rgba(255,255,255,.28);
	animation: kontakt-forma-prawa 16s ease-in-out infinite;
}

.kontakt-tlo-napis {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	user-select: none;
	left: var(--tekst-tla-pozycja-lewa);
	top: calc(var(--tekst-tla-pozycja-gora) - 30px) !important;
	font-size: var(--rozmiar-tekstu-w-tle) !important;
	font-weight: 950;
	letter-spacing: -.02em;
	line-height: .8;
	color: rgba(110,23,39,.072) !important;
	text-transform: uppercase;
	z-index: 1 !important;
}

.kontakt-uklad {
	position: relative !important;
	z-index: 3 !important;
	width: min(var(--maksymalna-szerokosc),100%) !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: minmax(0,1.04fr) minmax(340px,.76fr) !important;
	gap: clamp(28px,4vw,58px) !important;
	align-items: stretch !important;
}

.kontakt-panel-glowny {
	position: relative !important;
	overflow: hidden !important;
	border-radius: clamp(30px,4vw,52px) !important;
	border: 1px solid rgba(110,23,39,.10) !important;
	background: rgba(255,255,255,.36) !important;
	box-shadow: 0 34px 100px rgba(66,45,24,.13),0 1px 0 rgba(255,255,255,.78) inset !important;
}

.kontakt-lista-kafelkow {
	position: relative !important;
	overflow: hidden !important;
	border-radius: clamp(30px,4vw,52px) !important;
	border: 1px solid rgba(110,23,39,.10) !important;
	background: rgba(255,255,255,.36) !important;
	box-shadow: 0 34px 100px rgba(66,45,24,.13),0 1px 0 rgba(255,255,255,.78) inset !important;
}

.kontakt-panel-glowny {
	min-height: auto !important;
	padding: clamp(10px,1.5vw,18px) 0 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	backdrop-filter: none !important;
	overflow: visible !important;
}

.kontakt-panel-glowny::before {
	content: none !important;
	position: absolute !important;
	right: -12% !important;
	top: 12% !important;
	width: 42% !important;
	height: 58% !important;
	clip-path: polygon(16% 0,100% 12%,78% 100%,0 76%) !important;
	border: 1px solid rgba(200,166,77,.18) !important;
	background: linear-gradient(135deg,rgba(200,166,77,.12),rgba(110,23,39,.05)) !important;
	transform: rotate(-8deg) !important;
	pointer-events: none !important;
	display: none !important;
}

.kontakt-numer {
	color: #8b2034 !important;
	text-transform: uppercase !important;
	letter-spacing: .22em !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	position: relative !important;
	z-index: 5 !important;
	display: inline-flex !important;
	align-items: center !important;
	width: max-content !important;
	padding: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.kontakt-tytul {
	max-width: 820px !important;
	margin: 20px 0 24px !important;
	color: #171312 !important;
	font-size: clamp(38px,5.25vw,82px) !important;
	line-height: .96 !important;
	letter-spacing: -.04em !important;
}

.kontakt-opis {
	max-width: 740px !important;
	margin: 0 !important;
	color: var(--kolor-tekstu-ciemnego-opisu) !important;
	font-size: var(--rozmiar-opisu-sekcji) !important;
	line-height: 1.76 !important;
}

.kontakt-lista-kafelkow {
	padding: clamp(18px,2.3vw,28px) !important;
	display: grid !important;
	gap: 14px !important;
	align-content: stretch !important;
}

.kontakt-kafelek {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	display: grid !important;
	grid-template-columns: 52px minmax(0,1fr) !important;
	gap: 14px !important;
	align-items: center !important;
	min-height: 92px !important;
	padding: 18px !important;
	border-radius: 26px !important;
	text-decoration: none !important;
	border: 1px solid rgba(110,23,39,.10) !important;
	background: linear-gradient(135deg,rgba(255,255,255,.50),rgba(255,250,242,.32)) !important;
	color: #2f211d !important;
	box-shadow: 0 18px 48px rgba(44,29,18,.075) !important;
	transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease !important;
}

.kontakt-kafelek::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	display: block !important;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
}

.kontakt-kafelek:hover {
	transform: translateY(-5px) !important;
	border-color: rgba(200,166,77,.54) !important;
	box-shadow: 0 26px 66px rgba(66,45,24,.34),0 0 0 1px rgba(243,212,123,.28) inset !important;
	background: linear-gradient(135deg,rgba(255,250,242,.98),rgba(247,228,189,.82)) !important;
	color: #201715 !important;
}

.kontakt-kafelek:focus-visible {
	transform: translateY(-5px) !important;
	border-color: rgba(200,166,77,.54) !important;
	box-shadow: 0 26px 66px rgba(66,45,24,.34),0 0 0 1px rgba(243,212,123,.28) inset !important;
	background: linear-gradient(135deg,rgba(255,250,242,.98),rgba(247,228,189,.82)) !important;
	color: #201715 !important;
}

.kontakt-kafelek:hover::before {
	transform: translateX(120%) !important;
}

.kontakt-kafelek:focus-visible::before {
	transform: translateX(120%) !important;
}

.kontakt-kafelek-ikona {
	width: 52px !important;
	height: 52px !important;
	display: grid !important;
	place-items: center !important;
	border-radius: 50% !important;
	background: linear-gradient(145deg,#171312,#39131e 72%,var(--bordowy)) !important;
	color: var(--zloty-2) !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	box-shadow: 0 16px 38px rgba(34,19,14,.16) !important;
	transition: background .28s ease,color .28s ease,border-color .28s ease !important;
	transform: none !important;
}

.kontakt-kafelek-tytul {
	display: block !important;
	margin-bottom: 5px !important;
	color: #8b2034 !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	text-transform: uppercase !important;
	letter-spacing: .14em !important;
}

.kontakt-kafelek-podpis {
	display: block !important;
	overflow-wrap: anywhere !important;
	font-style: normal !important;
	font-size: clamp(15px,1.18vw,18px) !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
}

.kontakt-lista-linkow {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-top: clamp(28px,4vw,54px) !important;
}

.kontakt-link {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 44px !important;
	padding: 11px 15px !important;
	border-radius: var(--promien-pigulki) !important;
	border: 1px solid rgba(110,23,39,.13) !important;
	background: rgba(255,255,255,.58) !important;
	color: #5c2b22 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	letter-spacing: .09em !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	box-shadow: 0 16px 38px rgba(44,29,18,.06) !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
}

.kontakt-link::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	display: block !important;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
}

.kontakt-link:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(200,166,77,.46) !important;
	background: rgba(255,255,255,.86) !important;
	color: #8b2034 !important;
	box-shadow: 0 22px 52px rgba(66,45,24,.13) !important;
}

.kontakt-link:focus-visible {
	transform: translateY(-3px) !important;
	border-color: rgba(200,166,77,.46) !important;
	background: rgba(255,255,255,.86) !important;
	color: #8b2034 !important;
	box-shadow: 0 22px 52px rgba(66,45,24,.13) !important;
}

.kontakt-link:hover::before {
	transform: translateX(120%) !important;
}

.kontakt-link:focus-visible::before {
	transform: translateX(120%) !important;
}

.kontakt-lista-linkow svg {
	width: 17px !important;
	height: 17px !important;
	flex: 0 0 auto !important;
	fill: currentColor !important;
}

.kontakt-kafelek-ikona svg {
	width: 25px !important;
	height: 25px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.kontakt-kafelek-social {
	background: linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,250,242,.62)) !important;
	color: #2f211d !important;
	border-color: rgba(110,23,39,.10) !important;
}

.kontakt-tlo {
	z-index: 0 !important;
}

.kontakt::before {
	z-index: 0 !important;
}

.kontakt::after {
	z-index: 0 !important;
}

.kontakt-kafelek:hover .kontakt-kafelek-ikona {
	transform: none !important;
	background: linear-gradient(145deg,var(--zloty-2),var(--zloty)) !important;
	color: #4b0715 !important;
	box-shadow: none !important;
}

.kontakt-kafelek:focus-visible .kontakt-kafelek-ikona {
	transform: none !important;
	background: linear-gradient(145deg,var(--zloty-2),var(--zloty)) !important;
	color: #4b0715 !important;
	box-shadow: none !important;
}

.kontakt-kafelek:hover .kontakt-kafelek-tytul {
	color: var(--bordowy) !important;
}

.kontakt-kafelek:focus-visible .kontakt-kafelek-tytul {
	color: var(--bordowy) !important;
}

@media (max-width: 1280px) {
	.kontakt-tlo-napis {
		left: 10px !important;
		top: 30px !important;
	}
	
	.kontakt-uklad {
		grid-template-columns: 1fr !important;
	}

}

@media (max-width: 640px) {
	/* .kontakt-tlo-napis { */
		/* right: 8px !important; */
		/* top: 18px !important; */
	/* } */

	.kontakt-panel-glowny {
		border-radius: 28px !important;
	}

	.kontakt-lista-kafelkow {
		border-radius: 28px !important;
	}

	.kontakt-panel-glowny {
		padding: 24px !important;
	}

	.kontakt-tytul {
		font-size: clamp(36px,12vw,58px) !important;
	}

	.kontakt-kafelek {
		grid-template-columns: 46px minmax(0,1fr) !important;
		min-height: auto !important;
		padding: 15px !important;
		border-radius: 22px !important;
	}

	.kontakt-kafelek-ikona {
		width: 46px !important;
		height: 46px !important;
	}

	.kontakt-link {
		width: 100% !important;
		justify-content: center !important;
	}

	.kontakt-numer {
		padding: 8px 11px !important;
		font-size: 11px !important;
		letter-spacing: .18em !important;
	}

}


/* 12. STOPKA */
.stopka {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 max(22px,calc((100vw - var(--maksymalna-szerokosc))/2)) 0;
	color: var(--kolor-tekstu-opisu);
	background: radial-gradient(circle at 82% 0%,rgba(200,166,77,.15),transparent 28%), linear-gradient(90deg,#080606 0%,#171013 48%,#080606 100%);
	border-top: 1px solid rgba(243,212,123,.18);
	box-shadow: 0 -18px 50px rgba(0,0,0,.28);
}

.stopka::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(115deg,transparent 0 42%,rgba(243,212,123,.075) 42% 42.4%,transparent 42.4% 100%);
	opacity: .8;
}

.stopka-dol {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--maksymalna-szerokosc);
	margin: 0 auto;
}

.stopka-uklad {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--maksymalna-szerokosc);
	margin: 0 auto;	
	display: grid;
	gap: clamp(22px,3vw,46px);
	padding: 34px 0 28px;
	grid-template-columns: minmax(350px,1.05fr) minmax(0,1.32fr) !important;
	grid-template-rows: auto !important;
	align-items: center !important;
	gap: clamp(18px,2vw,34px) !important;
}

.stopka-brand {
	grid-column: 1 !important;
	grid-row: 1 !important;
}

.stopka-brand-tytul {
	display: block;
	color: var(--bialy);
	font-size: clamp(22px,2vw,30px);
	line-height: 1;
	letter-spacing: -.03em;
}

.stopka-brand-opis {
	display: block;
	margin-top: 9px;
	color: var(--zloty);
	font-size: clamp(11px,1.2vw,13px);
	font-weight: 600;
	letter-spacing: .04em;
}

.stopka-dol {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 0 30px;
	border-top: 1px solid rgba(255,255,255,.20);
	justify-content: center !important;
	text-align: center !important;
}

.stopka-podsumowanie {
	margin: 0;
	color: rgba(255,250,242,.32);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-weight: 600;
}

.stopka-menu {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	justify-content: flex-end !important;
	grid-column: 2 !important;
	grid-row: 2 !important;
	width: 100% !important;
	min-width: 0 !important;
	align-items: center !important;
}

.stopka-menu-link {
	position: relative !important;
	overflow: hidden !important;
	isolation: isolate !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 40px !important;
	padding: 10px 14px !important;
	border-radius: var(--promien-pigulki) !important;
	text-decoration: none !important;
	color: #fff8dc !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: .1em !important;
	border: 1px solid rgba(243,212,123,.20) !important;
	background: rgba(255,255,255,.045) !important;
	transition: transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease !important;
	flex: 0 1 auto !important;
	white-space: nowrap !important;
	text-align: center !important;
}

.stopka-menu-link::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent) !important;
	transform: translateX(-120%) !important;
	transition: transform .62s ease !important;
}

.stopka-menu-link:hover {
	transform: translateY(-3px) !important;
	color: var(--zloty) !important;
	border-color: rgba(243,212,123,.54) !important;
	background: rgba(255,255,255,.10) !important;
	box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
}

.stopka-menu-link:focus-visible {
	transform: translateY(-3px) !important;
	color: var(--zloty) !important;
	border-color: rgba(243,212,123,.54) !important;
	background: rgba(255,255,255,.10) !important;
	box-shadow: 0 18px 44px rgba(0,0,0,.24) !important;
}

.stopka-menu-link:hover::before {
	transform: translateX(120%) !important;
}

.stopka-menu-link:focus-visible::before {
	transform: translateX(120%) !important;
}




.stopka-menu {
	grid-column: 3 !important;
	grid-row: 1 !important;
	width: auto !important;
	flex-wrap: nowrap !important;
	justify-content: flex-end !important;
	gap: 8px !important;
}

.stopka-menu-link {
	flex: 0 0 auto !important;
	white-space: nowrap !important;
	padding-inline: clamp(10px,1vw,14px) !important;
}

@media (max-width: 1024px) {
	.stopka-uklad {
		justify-items: start;
		grid-template-columns: 1fr !important;
		justify-items: stretch !important;
	}

	.stopka-menu {
		justify-content: flex-start !important;
	}

	.stopka-brand {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

	.stopka-menu {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

}

@media (min-width: 641px) and (max-width: 1024px) {
	.stopka-menu {
		display: grid !important;
		grid-template-columns: repeat(4,minmax(0,1fr)) !important;
		justify-content: stretch !important;
		width: 100% !important;
	}

	.stopka-menu-link {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}

}

@media (max-width: 640px) {
	.stopka {
		padding: 0 var(--odstep-boczny);
	}

	.stopka-dol {
		display: grid;
		justify-items: start;
		justify-items: center !important;
	}

	.stopka-menu {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		justify-content: stretch !important;
		width: 100% !important;
	}

	.stopka-menu-link {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		padding: 10px 8px !important;
		font-size: 10px !important;
		letter-spacing: .055em !important;
	}

	.stopka-brand {
		text-align: center !important;
	}

}

@media (max-width: 390px) {
	.stopka-menu-link {
		flex-basis: 100% !important;
	}

}


/* 13. PODGLĄD GALERII */
.podglad-zdjecia {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 32px;
	background: rgba(0,0,0,.86);
	backdrop-filter: blur(14px);
}

.podglad-zdjecia.jest-otwarty {
	display: flex;
}

.podglad-figura {
	margin: 0;
	width: min(1100px,94vw);
	max-height: 88vh;
	display: grid;
	gap: 14px;
}

.podglad-zdjecie {
	max-width: 100%;
	max-height: 78vh;
	width: auto;
	height: auto;
	justify-self: center;
	border-radius: 24px;
	box-shadow: 0 34px 120px rgba(0,0,0,.55);
	border: 1px solid rgba(243,212,123,.28);
}

.podglad-podpis {
	color: var(--bialy);
	text-align: center;
	font-weight: 800;
	letter-spacing: .02em;
}

.podglad-przycisk-zamkniecia {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,250,242,.20);
	border-radius: 50%;
	background: rgba(8,6,6,.72);
	color: var(--bialy);
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transition: transform .28s ease,background .28s ease,color .28s ease;
}

.podglad-przycisk-zamkniecia:hover {
	transform: rotate(90deg) scale(1.04);
	background: var(--zloty);
	color: #120c0e;
}

.podglad-przycisk-zamkniecia:focus-visible {
	transform: rotate(90deg) scale(1.04);
	background: var(--zloty);
	color: #120c0e;
}

@media (max-width: 640px) {
	.podglad-zdjecia {
		padding: 18px;
	}

}


/* 14. ANIMACJE */
@keyframes delikatny-ruch-orbity {
	0% {
		transform: translate(-50%,-50%) translate3d(0,0,0);
	}

	35% {
		transform: translate(-50%,-50%) translate3d(2px,-3px,0);
	}

	70% {
		transform: translate(-50%,-50%) translate3d(-2px,2px,0);
	}

	100% {
		transform: translate(-50%,-50%) translate3d(0,0,0);
	}

}

@keyframes oddech-orbity {
	0% {
		opacity: .52;
		transform: scale(1);
	}

	50% {
		opacity: .82;
		transform: scale(1.006);
	}

	100% {
		opacity: .52;
		transform: scale(1);
	}

}

@keyframes plywanie-polnuty {
	0% {
		opacity: .74;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(0,0,0) rotate(0deg) scale(1);
	}

	28% {
		opacity: .9;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(1px,-5px,0) rotate(-1deg) scale(1.018);
	}

	56% {
		opacity: 1;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(2px,-9px,0) rotate(1.4deg) scale(1.036);
	}

	78% {
		opacity: .88;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(-2px,-3px,0) rotate(-.8deg) scale(1.014);
	}

	100% {
		opacity: .74;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(0,0,0) rotate(0deg) scale(1);
	}

}

@keyframes plywanie-nuty {
	0% {
		opacity: .72;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(0,0,0) rotate(0deg) scale(1);
	}

	22% {
		opacity: .84;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(4px,-2px,0) rotate(1.2deg) scale(1.018);
	}

	48% {
		opacity: 1;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(7px,3px,0) rotate(2deg) scale(1.038);
	}

	74% {
		opacity: .86;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(-4px,5px,0) rotate(-1.5deg) scale(1.018);
	}

	100% {
		opacity: .72;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(0,0,0) rotate(0deg) scale(1);
	}

}

@keyframes plywanie-klucza {
	0% {
		opacity: .66;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(0,0,0) rotate(0deg) scale(1);
	}

	30% {
		opacity: .78;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(-2px,3px,0) rotate(-.6deg) scale(1.01);
	}

	58% {
		opacity: .94;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(-5px,7px,0) rotate(-1.2deg) scale(1.026);
	}

	82% {
		opacity: .8;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(3px,2px,0) rotate(.7deg) scale(1.012);
	}

	100% {
		opacity: .66;
		transform: translate(-50%,-50%) rotate(calc(var(--kat-na-orbicie) * -1)) translate3d(0,0,0) rotate(0deg) scale(1);
	}

}

@keyframes przesuwanie-paska {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}

}

@keyframes biografia-ruch-tla {
	0% {
		background-position: -120% 0,0 0,0 0,0 0,0 0;
		opacity: .54;
	}

	48% {
		background-position: 10% 0,28px 28px,-28px 28px,0 0,0 0;
		opacity: .70;
	}

	100% {
		background-position: 140% 0,56px 56px,-56px 56px,0 0,0 0;
		opacity: .58;
	}

}

@keyframes biografia-plywanie-plamy {
	0% {
		transform: translate3d(0,0,0) scale(1) rotate(0deg);
		border-radius: 42% 58% 52% 48% / 46% 40% 60% 54%;
	}

	50% {
		transform: translate3d(-24px,18px,0) scale(1.045) rotate(5deg);
		border-radius: 58% 42% 46% 54% / 42% 58% 46% 54%;
	}

	100% {
		transform: translate3d(0,0,0) scale(1) rotate(0deg);
		border-radius: 42% 58% 52% 48% / 46% 40% 60% 54%;
	}

}

@keyframes teledysk-ruch-swiatla {
	0% {
		transform: translate3d(-4%,2%,0) scale(1.04) rotate(0deg);
		opacity: .62;
	}

	35% {
		transform: translate3d(3%,-3%,0) scale(1.09) rotate(1deg);
		opacity: .84;
	}

	70% {
		transform: translate3d(5%,2%,0) scale(1.05) rotate(-1deg);
		opacity: .70;
	}

	100% {
		transform: translate3d(-2%,-2%,0) scale(1.08) rotate(.6deg);
		opacity: .80;
	}

}

@keyframes teledysk-przejscie-swiatla {
	0% {
		background-position: -135% 0,0 0,0 0;
		opacity: .44;
	}

	35% {
		opacity: .62;
	}

	65% {
		opacity: .70;
	}

	100% {
		background-position: 150% 0,0 0,0 0;
		opacity: .52;
	}

}

@keyframes teledysk-ruch-siatki {
	0% {
		background-position: -135% 0,0 0,0 0;
	}

	100% {
		background-position: -135% 0,32px 32px,-28px 28px;
	}

}

@keyframes rolki-plywanie-ksztaltu-lewego {
	0% {
		transform: translate3d(0,0,0) scale(1) rotate(0deg);
	}

	50% {
		transform: translate3d(34px,-18px,0) scale(1.035) rotate(4deg);
	}

	100% {
		transform: translate3d(0,0,0) scale(1) rotate(0deg);
	}

}

@keyframes rolki-plywanie-ksztaltu-prawego {
	0% {
		transform: translate3d(0,0,0) scale(1) rotate(0deg);
	}

	50% {
		transform: translate3d(-28px,22px,0) scale(1.04) rotate(-5deg);
	}

	100% {
		transform: translate3d(0,0,0) scale(1) rotate(0deg);
	}

}

@keyframes galeria-plywanie-akcentu {
	0% {
		transform: translate3d(0,0,0) rotate(-8deg);
	}

	50% {
		transform: translate3d(28px,-18px,0) rotate(-4deg);
	}

	100% {
		transform: translate3d(0,0,0) rotate(-8deg);
	}

}

@keyframes galeria-przesuwanie-linii {
	0% {
		background-position: 0 0,0 0;
	}

	50% {
		background-position: 22px 0,0 18px;
	}

	100% {
		background-position: 0 0,0 0;
	}

}

@keyframes aktualnosci-oddech-plamy {
	0% {
		transform: translate3d(0,0,0) scale(1) rotate(-4deg);
	}

	50% {
		transform: translate3d(34px,-22px,0) scale(1.045) rotate(3deg);
	}

	100% {
		transform: translate3d(0,0,0) scale(1) rotate(-4deg);
	}

}

@keyframes aktualnosci-powolny-orbit {
	0% {
		transform: translate3d(0,0,0) rotate(0deg);
	}

	50% {
		transform: translate3d(-26px,24px,0) rotate(9deg);
	}

	100% {
		transform: translate3d(0,0,0) rotate(0deg);
	}

}

@keyframes pliki-przesuwanie-linii {
	0% {
		background-position: 0 0,0 0;
		transform: translate3d(-26px,0,0);
	}

	100% {
		background-position: 120px 0,80px 0;
		transform: translate3d(26px,0,0);
	}

}

@keyframes pliki-romb-tla {
	0% {
		transform: translate3d(0,0,0) rotate(-4deg);
		opacity: .34;
	}

	50% {
		transform: translate3d(-28px,18px,0) rotate(2deg);
		opacity: .58;
	}

	100% {
		transform: translate3d(0,0,0) rotate(-4deg);
		opacity: .34;
	}

}

@keyframes kontakt-przesuwanie-swiatla {
	0% {
		background-position: 0 0, -100% 0;
	}

	100% {
		background-position: 120px 0, 100% 0;
	}

}

@keyframes kontakt-przesuwanie-formy {
	0% {
		transform: translate3d(0,0,0) rotate(-4deg);
	}

	50% {
		transform: translate3d(-28px,22px,0) rotate(-1deg);
	}

	100% {
		transform: translate3d(0,0,0) rotate(-4deg);
	}

}

@keyframes kontakt-forma-lewa {
	0% {
		transform: translate3d(0,0,0) rotate(5deg);
	}

	50% {
		transform: translate3d(34px,-18px,0) rotate(1deg);
	}

	100% {
		transform: translate3d(0,0,0) rotate(5deg);
	}

}

@keyframes kontakt-forma-prawa {
	0% {
		transform: translate3d(0,0,0) rotate(-7deg);
	}

	50% {
		transform: translate3d(-22px,16px,0) rotate(-2deg);
	}

	100% {
		transform: translate3d(0,0,0) rotate(-7deg);
	}

}

@keyframes skokFali {
	0% {
		transform: scaleY(.72);
	}

	100% {
		transform: scaleY(.72);
	}

	50% {
		transform: scaleY(1.08);
	}

}

@keyframes delikatnePowiekszenieZdjecia {
	from {
		transform: scale(1.02);
	}

	to {
		transform: scale(1.10);
	}

}

/* OPTYMALIZACJA WYDAJNOŚCI: preloader pierwszego ekranu, lazy iframe i lżejsze efekty na urządzeniach dotykowych */
body.strona-w-trakcie-ladowania {
	overflow: hidden;
}

.preloader-strony {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	place-items: center;
	align-content: center;
	gap: 20px;
	background: radial-gradient(circle at 50% 42%,rgba(243,212,123,.20),transparent 31%), radial-gradient(circle at 50% 50%,rgba(110,23,39,.22),transparent 56%), linear-gradient(135deg,#080606,#16080d 56%,#060405);
	color: var(--bialy);
	transition: opacity .35s ease,visibility .35s ease;
}

.preloader-strony.jest-ukryty {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.preloader-strony-scena {
	position: relative;
	width: clamp(230px,29vw,370px);
	aspect-ratio: 1/1;
	display: grid;
	place-items: center;
	isolation: isolate;
}

.preloader-strony-scena::before {
	content: "";
	position: absolute;
	inset: 18%;
	z-index: -1;
	border-radius: 50%;
	background: radial-gradient(circle,rgba(243,212,123,.20),transparent 64%);
	filter: blur(16px);
}

.preloader-strony-obraz {
	position: relative;
	z-index: 2;
	display: block;
	width: clamp(132px,17vw,161px);
	padding: 20px;
	height: auto;
	filter: drop-shadow(0 20px 42px rgba(0,0,0,.42)) drop-shadow(0 0 20px rgba(243,212,123,.12));
}

.preloader-strony-orbita {
	position: absolute;
	border-radius: 50%;
	border: 1px solid transparent;
	border-top-color: rgba(243,212,123,.92);
	border-right-color: rgba(255,250,242,.34);
	box-shadow: 0 0 22px rgba(243,212,123,.16);
	animation: preloader-obrot 1.25s linear infinite;
}

.preloader-strony-orbita-zewnetrzna {
	inset: 0;
	animation-duration: 1.55s;
}

.preloader-strony-orbita-srodkowa {
	inset: 8%;
	border-top-color: rgba(255,250,242,.74);
	border-right-color: rgba(243,212,123,.42);
	animation-duration: 2.05s;
	animation-direction: reverse;
}

.preloader-strony-orbita-wewnetrzna {
	inset: 16%;
	border-top-color: rgba(243,212,123,.72);
	border-right-color: rgba(255,250,242,.26);
	animation-duration: 1.08s;
}

.preloader-strony-komunikat {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

@keyframes preloader-obrot {
	to {
		transform: rotate(360deg);
	}
}

.teledysk-wideo-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 14px;
	cursor: pointer;
	padding: 0;
	font: inherit;
	color: var(--bialy);
	background: linear-gradient(135deg,rgba(8,6,6,.68),rgba(8,6,6,.34)), url("zdjecia/aktualnosci_teledysk.jpg") center/cover no-repeat;
}

.teledysk-wideo-placeholder-ikona {
	display: grid;
	place-items: center;
	width: clamp(48px,8vw,86px);
	height: clamp(48px,8vw,86px);
	border-radius: 50%;
	padding-left: 5px;
	background: var(--gradient-zloty);
	color: var(--czarny);
	box-shadow: 0 18px 44px rgba(0,0,0,.34);
	font-size: clamp(22px,3.2vw,34px);
}

.teledysk-wideo-placeholder-tekst {
	font-size: clamp(13px,1.5vw,17px);
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	text-shadow: 0 8px 28px rgba(0,0,0,.7);
}

@supports (content-visibility: auto) {
	.biografia,
	.teledysk,
	.aktualnosci,
	.galeria,
	.rolki,
	.pliki,
	.kontakt {
		content-visibility: auto;
		contain-intrinsic-size: 1000px;
	}
}

@media (max-width: 1024px) {
	.strona-tekstura-szumu,
	.strona-swiatlo-kursora {
		display: none !important;
	}

	.naglowek.jest-przewiniety,
	.naglowek-panel-mobilny {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		background: rgba(8,6,6,.94) !important;
	}

	.hero-animacja-orbita,
	.hero-animacja-sciezka,
	.hero-animacja-punkt,
	.hero-animacja-nuta,
	.hero-tlo-slajd.jest-aktywny img,
	.biografia::before,
	.biografia::after,
	.teledysk::before,
	.teledysk::after,
	.aktualnosci::before,
	.aktualnosci::after,
	.galeria::before,
	.galeria::after,
	.rolki::before,
	.rolki::after,
	.pliki::before,
	.pliki::after,
	.kontakt::before,
	.kontakt::after	{
		animation: none !important;
	}

	.element-animowany {
		transition-duration: .45s !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}