img {
	height: auto;
}

.wrap {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	--rama: 250px;
	padding: 150px var(--rama);
}

.wrap.no-top {padding-top: 0}

.wrap.no-bottom {padding-bottom: 0}

.iwrap {
	width: 100%;
	max-width: var(--tresc-czytanie);
	position: relative;
	margin: 0 auto;
}

html.lenis,
html.lenis body {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}

.lenis.lenis-smooth iframe {
	pointer-events: none;
}

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

.skip-link {
	position: fixed;
	z-index: 200;
	top: -100px;
	left: 0;
	padding: 15px 25px;
	background: var(--kolor-granat);
	color: white;
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	transition: top 0.2s;
}
.skip-link:focus {top: 0}

.opacity-hover a, a.opacity-hover {transition: opacity var(--ruch-stan)}
.opacity-hover a:hover, a.opacity-hover:hover {opacity: 0.6}

.black-to-blue a, a.black-to-blue {transition: color var(--ruch-stan)}
.black-to-blue a:hover, a.black-to-blue:hover {color: var(--kolor-akcent)}

.fc-white, .fc-white p, .fc-white a, .fc-white h2, .fc-white h3 {color: white}
.fc-black {color: var(--kolor-tekst)}

.fc-alert {
	color: var(--kolor-blad);
	font-weight: 700;
}

.bc-grey {background-color: var(--kolor-mgla)}
.bc-white {background-color: white}

#single-aktualnosc > article > p,
#single-aktualnosc > article > ul,
#single-aktualnosc > article > ol,
#o_wydarzeniu-opis > article > p,
#wspoldzielczosc-opis > article > p,
#historia-wrap > article > article p,
#historia-wrap > article > article ul,

#home-wydarzenie > article > p,
#home-program > article > p,

#o_wydarzeniu > article > p,
#wspoldzielczosc > article > p,
#program-wstep p,
#prelegenci-wstep p,

#checkbox-wrap > p,

#regulamin > article > p,
#regulamin > article > ol,
#regulamin > article > ul {
	max-width: 58ch;
}

#single-aktualnosc > article > p,
#single-aktualnosc > article > ul,
#single-aktualnosc > article > ol {
	margin-left: 0;
	margin-right: 0;
}

#home-wspoldzieczosc .iwrap > p {
	max-width: 58ch;
	margin-left: auto;
	margin-right: auto;
}

.fc-gradient {
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--marka-gradient);	
}

.ta-center {text-align: center}

strong {font-weight: 700}

em {font-style: italic}

h1 {
	font-family: "Sora", sans-serif;
	font-size: 42px;
	line-height: 42px;
	letter-spacing: 2px;
	word-spacing: 2px;
	font-weight: 900;
	margin-bottom: 40px;
	color: var(--kolor-granat);
}

h2 {
	font-family: "Sora", sans-serif;
	color: var(--kolor-granat);
	font-size: 42px;
	line-height: 42px;
	letter-spacing: 2px;
	word-spacing: 2px;
	font-weight: 900;
	margin-bottom: 40px;
}

h3 {
	font-family: "Sora", sans-serif;
	color: var(--kolor-granat);
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 2px;
	word-spacing: 2px;	
	font-weight: 900;
	margin-bottom: 25px;
}

h4 {
	font-family: "Nunito Sans", sans-serif;
	display: table;
	position: relative;
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 24px;
	font-weight: 800;
	letter-spacing: 2px;
	word-spacing: 2px;
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image:
        linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%),
        var(--marka-gradient);
    background-size: 40% 100%, 100% 100%;
    background-position: -60% 0, 0 0;
    background-repeat: no-repeat;
}

h4.is-charged {
	animation: naglowek-ladowanie 1150ms cubic-bezier(0.35, 0.15, 0.55, 0.9) both;
}

@keyframes naglowek-ladowanie {
	from {background-position: -60% 0, 0 0}
	to   {background-position: 160% 0, 0 0}
}
h4.fc-black {
	-webkit-text-fill-color: var(--kolor-tekst);
    background-image: none;	
}
.ta-center h4 {
	margin-left: auto;
	margin-right: auto;
}

small {
	font-size: 15px;
    line-height: 18px;
}

.link-box {
	display: table;
	padding: 17px 30px 15px;
	position: relative;  
	margin-top: 75px;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	word-spacing: 2px;
	background: transparent;
	overflow: hidden;
	opacity: 1 !important;
}
.link-box:before {
	content:"";
	position: absolute;
	inset: 0;
	padding: var(--kreska-gruba); 
	background: var(--marka-gradient);
	border-radius: inherit;
	--m:conic-gradient(#000 0 0);
	mask: var(--m) content-box exclude,var(--m);
	pointer-events: none;
}

.link-box p {position: relative}

.link-box figure {
	position: absolute;
	inset: 0;
	background: var(--marka-gradient);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform var(--ruch-wypelnienie) var(--ruch-krzywa);
}
.link-box:hover figure {transform: scaleY(1)}

a.link-box:active figure,
a.link-box:active > figure {
	transform: scaleY(1);
	transition-duration: var(--ruch-odpowiedz);
}

.link-box.black {transition: color var(--ruch-wypelnienie)}
.link-box.black:before {background: linear-gradient(45deg,black,black)}
.link-box.black figure {background: linear-gradient(45deg,black,black)}
.link-box.black:hover {color: white}

.ta-center .link-box {
	margin-left: auto;
	margin-right: auto;
}

.link-more a, a.link-more {
	display: table;
	font-family: "Nunito Sans", sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	word-spacing: 2px;
	margin-top: 25px;
	transition: color var(--ruch-stan);
}
.link-more a:hover, a.link-more:hover {color: var(--kolor-akcent) !important}

#menu {
	position: absolute;
	z-index: 100;
	width: 100%;
	box-sizing: border-box;
	left: 0;
}

.hamburger {
	position: absolute;
	z-index: 90;
	width: 28px;
	height: 28px;
	top: 86px;
	left: 100px
}

body > .hamburger {position: fixed}

#chrome-dock {
	position: fixed;
	z-index: 89;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: var(--kolor-granat);
	transform: translateY(-100%);
	transition: transform var(--ruch-dok);
	pointer-events: none;
}

body.chrome-docked #chrome-dock {transform: translateY(0)}

#chrome-sentinel {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 130px;
	pointer-events: none;
}

body.chrome-docked > .hamburger {top: 21px}
body.chrome-docked #menu-rejestracja {top: 10px}

body > .hamburger,
#menu-rejestracja {transition: top var(--ruch-dok)}

#menu-sociale,
#menu-contact {transition: opacity var(--ruch-dok)}

body.chrome-docked #menu-sociale,
body.chrome-docked #menu-contact {
	opacity: 0;
	pointer-events: none;
}

.hamburger > span {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background: white;
	margin: auto;
	transition: all var(--ruch-stan);
}
.hamburger > span:nth-of-type(1) {top: 0}
.hamburger > span:nth-of-type(2) {
	top: 0;
	bottom: 0;
	width: 60%;
}
.hamburger > span:nth-of-type(3) {bottom: 0}

.hamburger:hover > span:nth-of-type(2) {width: 100%}

#menu-rejestracja {
	position: fixed; 
	top: 75px;
	left: 250px;
	color: white;
	margin-top: 0;
}

#menu-contact {
	position: absolute;
	display: block;
	width: 50px;
	top: calc(50vh - 50px);
	left: 100px;
}
.home #menu-contact {top: calc(100vh - 150px)}

#menu-contact img {
	display: block;
	width: 100%;
}

#menu-sociale {
	position: absolute;
	top: 200px;
	left: 100px;
}

#menu-sociale a {
	display: block;
	width: 20px;
	height: 20px;
	margin-bottom: 10px
}

#menu-sociale a img {
	display: block;
	width: 100%;
}

#menu-cont {
	position: fixed;
	top: 0;
	left: 0;
	width: 45vw;
	min-height: calc(var(--vh, 1vh)* 100);
	z-index: 110;
	display: none;
}

#menu-cont .hamburger > span:nth-of-type(1) {
    transform: rotate(45deg);
    bottom: 0;
}
#menu-cont .hamburger > span:nth-of-type(2) {display: none}
#menu-cont .hamburger > span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: 0;
}

#menu-cont > div {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/menu-bg.webp);
	box-sizing: border-box;
	padding: 75px 0px 75px 250px;
	color: white;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	overflow: hidden;
}

#menu-cont-rejestracja {margin-top: 0}

#menu-cont > div > img {
	position: absolute;
	display: block;
	left: 50px;
	bottom: 250px;
    width: 250px;
	opacity: 0.20;
}

#menu-cont a {color: white}

#menu-cont .link-box {color: white !important}

#menu-cont > div > div {
	width: 100%;
	position: relative;
}

#menu-cont ul {
	list-style: none;
	margin-bottom: -1.5vh
}

#menu-cont li {
	margin-bottom: 1.5vh;
	position: relative;
}

#menu-cont ul a {
	font-family: "Sora", sans-serif;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 2px;
	word-spacing: 2px;	
	text-transform: uppercase;
	transition: color var(--ruch-stan);
}

#menu-cont ul .current-menu-item a {
	font-weight: 600;
	-webkit-background-clip: text;
    background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: var(--marka-gradient);
}

#menu-cont ul a:hover {color: var(--kolor-akcent)}

#menu-cont > div > div:last-of-type a {transition: color var(--ruch-stan)}
#menu-cont > div > div:last-of-type a:hover {color: var(--kolor-akcent)}

#footer {
	text-align: center;
	background-color: var(--kolor-granat);
	background-image:
		radial-gradient(90% 120% at 6% 108%,  rgba(0, 235, 150, 0.30) 0%, rgba(0, 235, 150, 0) 60%),
		radial-gradient(80% 130% at 22% -20%, rgba(0, 190, 245, 0.34) 0%, rgba(0, 190, 245, 0) 62%),
		linear-gradient(115deg, rgba(0, 190, 245, 0.18) 0%, rgba(0, 190, 245, 0) 55%);
	padding-top: 75px;
	padding-bottom: 50px;
	color: white;
	position: relative;

	
	z-index: 3;

	--wyplyw: 64px;      
	--wyplyw-szer: 38%;  
}

#stopka-piksele {
	position: absolute;
	left: 0;
	top: calc(-1 * var(--wyplyw));

	
	width: 100%;
	height: calc(100% + var(--wyplyw));
	pointer-events: none;
	z-index: 0;
	clip-path: polygon(
		0                  0,
		var(--wyplyw-szer) 0,
		var(--wyplyw-szer) var(--wyplyw),
		100%               var(--wyplyw),
		100%               100%,
		0                  100%
	);
}

#stopka-piksele .pw {
	transform: translate3d(
		calc(var(--mx, 0) * var(--z) * var(--wzmocnienie, 1) * -22px),
		calc(var(--my, 0) * var(--z) * var(--wzmocnienie, 1) * -10px),
		0
	);
}

#stopka-piksele .pw[data-glebia="0"] {--z: 0.10}   
#stopka-piksele .pw[data-glebia="1"] {--z: 0.28}
#stopka-piksele .pw[data-glebia="2"] {--z: 0.50}
#stopka-piksele .pw[data-glebia="3"] {--z: 0.74}
#stopka-piksele .pw[data-glebia="4"] {--z: 1.00}   

#stopka-piksele.w-kadrze .pw {
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	#stopka-piksele .pw {
		transform: none;
		will-change: auto;
	}
}

#footer > article {
	position: relative;
	z-index: 1;
}

#footer a {color: white}

#footer small a[href*="cookies"] {
	display: inline-block;
	margin-left: 14px;
	text-decoration: underline;
	text-underline-offset: 4px;
}

#ciasteczka-info {
	position: fixed;
	left: clamp(20px, 4vw, 64px);
	right: clamp(20px, 4vw, 64px);
	bottom: 24px;
	z-index: 130;
	opacity: 1;
	transform: translateY(0);
	transition:
		opacity var(--ruch-stan) var(--ruch-krzywa),
		transform var(--ruch-stan) var(--ruch-krzywa);
}

#ciasteczka-info.zamykanie {
	opacity: 0;
	transform: translateY(24px);
	pointer-events: none;
}

#ciasteczka-info > div {
	max-width: 1180px;
	margin: 0 auto;
	padding: 18px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	background: var(--kolor-granat);
	color: var(--kolor-papier);
	border: 1px solid rgba(0, 235, 150, 0.45);
	box-shadow: 0 18px 44px rgba(4, 19, 38, 0.28);
	position: relative;
	overflow: hidden;
}

#ciasteczka-info > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--marka-gradient-os);
}

#ciasteczka-info p {
	margin: 0;
	max-width: 78ch;
	font-size: 15px;
	line-height: 22px;
	position: relative;
	z-index: 1;
}

#ciasteczka-info a {
	color: var(--kolor-papier);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

#ciasteczka-akcept {
	min-width: 124px;
	height: 44px;
	padding: 0 18px;
	border: 1px solid transparent;
	background: var(--marka-gradient-os);
	color: var(--kolor-granat);
	font-size: 14px;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

#ciasteczka-akcept:hover,
#ciasteczka-akcept:focus {
	border-color: var(--kolor-papier);
	outline: none;
}

#footer > article > img {
	display: block;
	max-width: 150px;
	height: auto;
	position: relative;
	margin: 0 auto 25px;
}

.slideshow-arrows {z-index: 100}

#scroll-top {
	position: fixed;
	z-index: 99;
	--dol: 50px;
	bottom: max(var(--dol), var(--parking, 0px));
	right: 50px;
	width: 50px;
	height: 50px;
	display: none;
	background: var(--marka-gradient);
	overflow: hidden;
}

#scroll-top svg {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 13px;
	left: 13px;
	fill: none;
	stroke: var(--kolor-granat);   
	stroke-width: 2.4;
	stroke-linecap: square;
	stroke-linejoin: miter;
	transition: top var(--ruch-stan);
}

#scroll-top:hover svg {top: 7px}

#scroll-top:focus-visible {
	outline: var(--kreska-gruba) solid var(--kolor-papier);
	outline-offset: 3px;
}

@media all and (max-width: 1440px) {
	
.wrap {--rama: 150px; padding: 100px var(--rama)}

.link-box {margin-top: 50px}

.hamburger {
	top: 71px;
	left: 60px
}

#menu-rejestracja {
	top: 60px;
	left: 185px;
}

#menu-contact {
	left: 60px;
}

.home #menu-contact {top: calc(100vh - 125px)}

#menu-sociale {
	position: absolute;
	top: 150px;
	left: 60px;
}

#menu-cont > div {padding: 60px 0px 60px 185px}

#menu-cont > div > img {
	bottom: 225px;
    width: 200px;
}
	
}

@media all and (max-width: 1280px) {
	
.wrap {--rama: 100px; padding: 100px var(--rama)}

h1 {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 25px;
}

h2 {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 25px;
}

h3 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 15px;
}

h4 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
}

#scroll-top {right: 25px}

.link-box {margin-top: 35px}

#menu-cont > div > img {bottom: 200px}

#menu-contact {
	left: 50px;
	width: 40px;
	top: calc(50vh - 25px);
}

.home #menu-contact {top: calc(100vh - 100px)}
	
}

@media all and (max-width: 1024px) {
	
.opacity-hover a:hover, a.opacity-hover:hover {opacity: 1}
.black-to-blue a:hover, a.black-to-blue:hover {color: black}
.link-box:hover figure {transform: scaleY(0)}
.link-more a:hover, a.link-more:hover {color: black !important}
.hamburger:hover > span:nth-of-type(2) {width: 60%}
#menu-cont ul a:hover {color: white}
#menu-cont > div > div:last-of-type a:hover {color: white}	

h1, h2, h3, h4 {
	letter-spacing: 1px;
	word-spacing: 1px;
}

.wrap {--rama: 50px;  padding: 50px var(--rama)}

#scroll-top {--dol: 25px}

.hamburger {
	top: 61px;
	left: 50px
}

#menu-rejestracja {
	top: 50px;
	left: 125px;
}

#menu-contact {top: 275px !important}

#menu-sociale {
	position: absolute;
	top: 150px;
	left: 50px;
}

#menu-cont {width: 50vw}

#menu-cont > div {padding: 50px 125px}

#menu-cont > div > img {bottom: 175px}

#menu-cont ul a {
	font-size: 20px;
	line-height: 20px;
}
	
}

@media all and (max-width: 768px) {
	
#menu-rejestracja {
	left: auto;
	right: 50px;
}

#menu-cont {width: 100%}

#menu-cont > div {
	padding: 33vh 25px 50px;
	text-align: center;
}

#menu-cont > div h4, #menu-cont > div .link-box {
	margin-left: auto;
	margin-right: auto;
}

#menu-cont-rejestracja {
	position: absolute;
	top: 50px;
	right: 50px;
}

#menu-cont > div > img {
	left: 25px;
	bottom: auto;
	top: 25px;
    width: 300px;
}
	
}

@media all and (max-width: 568px) {
	
.wrap {--rama: 25px;  padding: 50px var(--rama)}

h1 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
}

h2 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 20px;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 15px;
}

h4 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}

small {
    font-size: 12px;
    line-height: 14px;
}

.link-box {
    padding: 12px 20px;
    margin-top: 25px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    word-spacing: 1px;
}

.link-more a, a.link-more {
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin-top: 15px;
}

.hamburger {
	top: 40px;
	left: 40px
}

#menu-rejestracja {
	top: 40px;
	left: auto;
	right: 40px;
}

#chrome-dock {height: 56px}
body.chrome-docked > .hamburger {top: 14px}
body.chrome-docked #menu-rejestracja {top: 8px}

#menu-contact {
	width: 40px;
	top: 100px !important;
	left: 40px;
}

#menu-sociale {
	position: absolute;
	top: 160px;
	left: 40px;
}

#footer {
    padding-top: 50px;
    padding-bottom: 25px;
}

#footer > article > img {max-width: 125px}

#footer small a[href*="cookies"] {
	margin-left: 0;
	margin-top: 8px;
}

#ciasteczka-info {
	left: 12px;
	right: 12px;
	bottom: 12px;
}

#ciasteczka-info > div {
	padding: 16px;
	display: block;
}

#ciasteczka-info p {
	font-size: 14px;
	line-height: 20px;
}

#ciasteczka-akcept {
	width: 100%;
	margin-top: 14px;
}

#menu-cont-rejestracja {
	top: 40px;
	right: 40px;
}

}

@media all and (max-width: 440px) {
	
h1 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 20px;
}	

h2 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 15px;
}

h4 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}

	
.wrap {--rama: 20px;  padding: 40px var(--rama)}

#scroll-top {
	--dol: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}

#scroll-top svg {
	width: 20px;
	height: 20px;
	top: 10px;
	left: 10px;
}
#scroll-top:hover svg {top: 5px}

#menu-contact {width: 36px}

#menu-cont > div > img {width: 250px}
	
}

.slideshow-pause {
	position: absolute;
	z-index: 101;
	right: 0;
	bottom: -50px;
	width: 34px;
	height: 34px;
	padding: 0;
	border: var(--kreska) solid rgba(255,255,255,0.5);
	background: transparent;
	border-radius: 0;
	cursor: pointer;
	transition: border-color var(--ruch-stan);
}
.slideshow-pause:hover {border-color: var(--kolor-papier)}

.slideshow-pause:focus-visible {
	outline: var(--kreska-gruba) solid var(--kolor-papier);
	outline-offset: 3px;
}

.slideshow-pause .slideshow-pause-mark {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 4px;
	height: 12px;
	background: var(--kolor-papier);
	box-shadow: 6px 0 0 var(--kolor-papier);
	transform: translateX(-3px);
}

.slideshow-pause.is-paused .slideshow-pause-mark {
	width: 10px;
	height: 12px;
	background: var(--kolor-papier);
	box-shadow: none;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	transform: translateX(1px);
}

@media (prefers-reduced-motion: reduce) {

	

	
	.link-box figure,
	a.link-box:active figure,
	.link-box:hover figure {
		transition: none !important;
	}

	#aktualnosci-home > div a figcaption > * {
		transition: none !important;
		transform: none !important;
	}

	#scroll-top svg,
	.hamburger > span {
		transition: none !important;
	}

	
	a, button,
	.link-more a, a.link-more,
	#menu-cont ul a,
	#historia-cont > div,
	#menu-sociale a, #menu-contact, #scroll-top,
	.slideshow-arrows a, .slideshow-pause,
	.prelegent-excerpt > div > figcaption,
	#chrome-dock, .skip-link,
	body > .hamburger, #menu-rejestracja {
		transition-duration: 0.1s !important;
	}

	
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

.link-more a:active, a.link-more:active,
#menu-cont ul a:active,
#historia-cont > div:active {
	color: var(--kolor-akcent);
	transition-duration: var(--ruch-odpowiedz);
}

#menu-sociale a:active,
#menu-contact:active,
#scroll-top:active,
.prelegent-excerpt > div > nav div a:active,
#prelegenci-single > figure nav a:active,
#single-aktualnosc .share a:active,
.slideshow-arrows a:active {
	opacity: 0.55;
	transition-duration: var(--ruch-odpowiedz);
}

.slideshow-pause:active {
	border-color: var(--kolor-papier);
	transition-duration: var(--ruch-odpowiedz);
}

.hamburger:active > span:nth-of-type(2) {
	width: 100%;
	transition-duration: var(--ruch-odpowiedz);
}

.k-wlos, .k, .k-gruba {
	vector-effect: non-scaling-stroke;
}

.k-wlos  {stroke-width: var(--kreska-wlos)}
.k       {stroke-width: var(--kreska)}
.k-gruba {stroke-width: var(--kreska-gruba)}

.glebia {
	transform: translate3d(
		calc(var(--gx, 0) * var(--z, 1) * var(--wzmocnienie, 1) * -32px),
		calc(var(--gy, 0) * var(--z, 1) * var(--wzmocnienie, 1) * -18px),
		0
	);
}

.glebia.w-kadrze {
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.glebia {
		transform: none;
		will-change: auto;
	}
}

#hero-poswiata .prad {
	filter: drop-shadow(0 0 7px rgba(0, 235, 150, 0.55))
	        drop-shadow(0 0 18px rgba(0, 190, 245, 0.35));
}

#hero-impuls .prad-impuls {
	opacity: 0.9;
}

#hero-impuls .pasmo {
	will-change: transform;
}

#hero-impuls .pasmo {
	animation: hero-prad-plynie 5s linear infinite;
}

@keyframes hero-prad-plynie {
	from {transform: translateY(0)}
	to   {transform: translateY(-1500px)}
}

@media (prefers-reduced-motion: reduce) {
	#hero-impuls .pasmo {animation: none}
	#hero-impuls .prad-impuls {display: none}
}

.glebia-h,
.glebia-t {
	transform: translate3d(
		calc(var(--gx, 0) * var(--zh, 1) * var(--wzmocnienie, 1) * -22.7px),
		calc(var(--gy, 0) * var(--zh, 1) * var(--wzmocnienie, 1) * -12px),
		0
	);
}

.glebia-h[data-glebia="0"] {--zh: 0.10}   
.glebia-h[data-glebia="1"] {--zh: 0.28}
.glebia-t                  {--zh: 0.39}   
.glebia-h[data-glebia="2"] {--zh: 0.50}
.glebia-h[data-glebia="3"] {--zh: 0.74}
.glebia-h[data-glebia="4"] {--zh: 1.00}   

.warstwa-hero.w-kadrze .glebia-h,
.warstwa-hero.w-kadrze .glebia-t {
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.glebia-h, .glebia-t {transform: none}
}