.poronin-hero-wrap {
	--poronin-hero-backdrop: var(--bg, #F2EFE2);
	background: var(--poronin-hero-backdrop);
}

.poronin-hero {
	--poronin-hero-bg: var(--green, #326748);
	--poronin-hero-accent: var(--yellow, #F3CF02);
	--poronin-hero-min-height: clamp(560px, 85vh, 920px);
	--poronin-hero-mask-size: 65vw;
	--poronin-hero-mask-bleed: 5vw;
	--poronin-hero-wave-height: clamp(22px, calc(34 / 1920 * 100vw), 34px);
	--poronin-hero-wave-mask-bleed: 2px;
	--poronin-hero-wave-tile-width: calc(207 / 33.6562 * (var(--poronin-hero-wave-height) + var(--poronin-hero-wave-mask-bleed)));

	position: relative;
	background: var(--poronin-hero-bg);
	min-height: var(--poronin-hero-min-height);
	overflow: hidden;
	isolation: isolate;
	-webkit-mask-image:
		linear-gradient(
			to bottom,
			#fff 0,
			#fff calc(100% - var(--poronin-hero-wave-height)),
			transparent calc(100% - var(--poronin-hero-wave-height))
		),
		url('wave-tile.svg');
	mask-image:
		linear-gradient(
			to bottom,
			#fff 0,
			#fff calc(100% - var(--poronin-hero-wave-height)),
			transparent calc(100% - var(--poronin-hero-wave-height))
		),
		url('wave-tile.svg');
	-webkit-mask-size: 100% 100%, var(--poronin-hero-wave-tile-width) calc(var(--poronin-hero-wave-height) + var(--poronin-hero-wave-mask-bleed));
	mask-size: 100% 100%, var(--poronin-hero-wave-tile-width) calc(var(--poronin-hero-wave-height) + var(--poronin-hero-wave-mask-bleed));
	-webkit-mask-position: 0 0, 0 100%;
	mask-position: 0 0, 0 100%;
	-webkit-mask-repeat: no-repeat, repeat-x;
	mask-repeat: no-repeat, repeat-x;
	-webkit-mask-composite: source-over;
	mask-composite: add;
}

.poronin-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
	min-height: var(--poronin-hero-min-height);
	
	display: flex;
	align-items: center;
}


.poronin-hero__content {
	width: 50%;
	min-height: var(--poronin-hero-min-height);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 140px 0 80px;
	box-sizing: border-box;
}

.poronin-hero--image-half .poronin-hero__content {
	padding: 140px 50px 50px 0;
}

.poronin-hero.poronin-hero--image-half,
.poronin-hero.poronin-hero--image-half .poronin-hero__inner,
.poronin-hero.poronin-hero--image-half .poronin-hero__content {
	min-height: unset;
}

.poronin-hero.poronin-hero--image-half .poronin-hero__content {
	padding: 180px 50px 90px 0;
}

.poronin-hero__heading {
	color: #fff;
	font-weight: 500;
	margin: 0 0 5px;
}

.poronin-hero--bg-white .poronin-hero__heading,
.poronin-hero--bg-bg .poronin-hero__heading,
.poronin-hero--bg-yellow .poronin-hero__heading {
	color: var(--dark, #2B2506);
}

.poronin-hero__subtitle {
	color: var(--poronin-hero-subtitle-color, var(--poronin-hero-accent));
	font-size: clamp(18px, 2.2vw, 32px);
	line-height: 1.35;
	margin: 0 0 30px 0;
}

.poronin-hero__date {
	display: block;
	margin: 0 0 30px;
	color: var(--txt, #2F4D4D);
	font-size: clamp(16px, 1.2vw, 18px);
	font-weight: 400;
	line-height: 1.5;
}

.poronin-hero--bg-white .poronin-hero__date,
.poronin-hero--bg-bg .poronin-hero__date,
.poronin-hero--bg-yellow .poronin-hero__date {
	color: var(--txt, #2F4D4D);
}

.poronin-hero__description {
	color: #fff;
	font-weight: 300;
	line-height: 1.65;
	margin: 0 0 clamp(24px, 4vh, 40px);
}

.poronin-hero--bg-white .poronin-hero__description,
.poronin-hero--bg-bg .poronin-hero__description,
.poronin-hero--bg-yellow .poronin-hero__description {
	color: var(--txt, #2F4D4D);
}

.poronin-hero__description p {
	margin: 0 0 1em;
}

.poronin-hero__description p:last-child {
	margin-bottom: 0;
}

.poronin-hero__actions {
}

.poronin-hero--image-half .poronin-hero__actions  {
	margin-top: 60px;
}

.poronin-hero__breadcrumbs {
	margin: 0 0 20px;
	font-size: 14px;
	line-height: 1.4;
}

.poronin-hero__breadcrumbs--placeholder {
	opacity: 0.7;
	font-style: italic;
}

.poronin-hero #breadcrumbs {
	margin: 0 0 30px;
}

.poronin-hero__button {

}

.poronin-hero__media {
	position: absolute;
	top: 0;
	right: calc(-1 * var(--poronin-hero-mask-bleed));
	bottom: 0;
	width: var(--poronin-hero-mask-size);
	z-index: 1;
	pointer-events: none;
}

.poronin-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
	display: block;
}

.poronin-hero--image-mask .poronin-hero__image {
	-webkit-mask-image: url('mask-circle.svg');
	mask-image: url('mask-circle.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: var(--poronin-hero-mask-size) var(--poronin-hero-mask-size);
	mask-size: var(--poronin-hero-mask-size) var(--poronin-hero-mask-size);
	-webkit-mask-position: right center;
	mask-position: right center;
}

.poronin-hero--image-half .poronin-hero__media {
	right: 0;
	width: 50%;
}

.poronin-hero--image-half .poronin-hero__image {
	object-position: center;
}

.poronin-hero--editor {
	min-height: auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
}

.poronin-hero--editor .poronin-hero__inner {
	grid-column: 1;
	grid-row: 1;
	min-height: 480px;
}

.poronin-hero--editor .poronin-hero__content {
	min-height: 480px;
}

.poronin-hero--editor .poronin-hero__media {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	width: 65%;
	right: -5%;
	min-height: 480px;
	overflow: hidden;
}

.poronin-hero--editor.poronin-hero--image-half .poronin-hero__media {
	width: 50%;
	right: 0;
}

.poronin-hero--editor.poronin-hero--image-mask .poronin-hero__image {
	--poronin-hero-mask-size: 100%;
}

.poronin-hero--editor .poronin-hero__button--placeholder {
	opacity: 0.65;
	cursor: default;
}

@media screen and (max-width: 1000px) {
	.poronin-hero {
		--poronin-hero-min-height: auto;
		--poronin-hero-mask-size: 85vw;
		--poronin-hero-mask-bleed: 8vw;
	}

	.poronin-hero--image-mask,
	.poronin-hero--image-half {
		display: flex;
		flex-direction: column;
	}

	.poronin-hero__inner {
		min-height: 0;
	}

	.poronin-hero--image-mask .poronin-hero__inner,
	.poronin-hero--image-half .poronin-hero__inner {
		order: 1;
	}

	.poronin-hero__content {
		width: 100%;
		min-height: 0;
		padding-top: 155px;
		padding-bottom: 0px;
	}
	
	
	.poronin-hero.poronin-hero--image-half .poronin-hero__content {
		padding-top: 175px;
		padding-bottom: 0;
	}
	
	.poronin-hero--image-half .poronin-hero__actions {
		margin-top: 20px;
	}
	
	.poronin-hero--image-mask .poronin-hero__media,
	.poronin-hero--image-half .poronin-hero__media {
		position: relative;
		order: 2;
		width: 100%;
		height: clamp(280px, 52vw, 380px);
		top: auto;
		right: auto;
		bottom: auto;
		overflow: hidden;
		pointer-events: none;
	}

	.poronin-hero--image-mask .poronin-hero__media::before,
	.poronin-hero--image-half .poronin-hero__media::before {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(
			to bottom,
			var(--poronin-hero-bg) 0%,
			color-mix(in srgb, var(--poronin-hero-bg) 82%, transparent) 22%,
			color-mix(in srgb, var(--poronin-hero-bg) 48%, transparent) 42%,
			transparent 68%
		);
		z-index: 1;
	}

	.poronin-hero__image {
		object-position: right bottom;
	}

	.poronin-hero--image-mask .poronin-hero__image {
		-webkit-mask-image: none;
		mask-image: none;
		-webkit-mask-position: initial;
		mask-position: initial;
	}

	.poronin-hero--image-half .poronin-hero__content {
		padding-bottom: 0;
	}

	.poronin-hero--editor {
		display: block;
	}

	.poronin-hero--editor .poronin-hero__inner,
	.poronin-hero--editor .poronin-hero__content {
		min-height: 0;
	}

	.poronin-hero--editor .poronin-hero__content {
		padding-bottom: 40px;
	}

	.poronin-hero--editor.poronin-hero--image-half .poronin-hero__media {
		width: 100%;
		min-height: 280px;
		height: 280px;
	}
}

/* Wariant: pojedyncza aktualność (single.php) */
.poronin-hero.poronin-hero--aktualnosc {
	--poronin-hero-min-height: 350px;
	--poronin-hero-header-offset: 140px;
	--poronin-hero-content-pad-top: 20px;
	--poronin-hero-content-pad-bottom: 60px;
	min-height: 350px;
	height: auto;
}

.poronin-hero.poronin-hero--aktualnosc,
.poronin-hero.poronin-hero--aktualnosc .poronin-hero__inner,
.poronin-hero.poronin-hero--aktualnosc .poronin-hero__content {
	min-height: unset;
}

.poronin-hero.poronin-hero--aktualnosc {
	min-height: 350px;
}

.poronin-hero.poronin-hero--aktualnosc .poronin-hero__inner {
	align-items: stretch;
}

.poronin-hero.poronin-hero--aktualnosc.poronin-hero--image-half .poronin-hero__content {
	width: 50%;
	min-height: 0;
	padding: calc(var(--poronin-hero-header-offset) + var(--poronin-hero-content-pad-top)) 50px var(--poronin-hero-content-pad-bottom) 0;
	justify-content: flex-start;
}

.poronin-hero--aktualnosc .poronin-hero__heading {
	font-weight: 700;
	margin: 0 0 40px;
}

.poronin-hero--aktualnosc .poronin-hero__date {
	margin: 0;
}

@media screen and (max-width: 1000px) {
	.poronin-hero.poronin-hero--aktualnosc.poronin-hero--image-half .poronin-hero__content {
		width: 100%;
		padding-bottom: 0;
	}
	
	.poronin-hero--aktualnosc .poronin-hero__heading {
		margin-bottom: 20px;
	}
	
	.poronin-hero--aktualnosc .poronin-hero__date {
		font-size: 16px;
		opacity: 0.6;
	}
}


@media screen and (max-width: 900px) {
	.poronin-hero--aktualnosc {
		--poronin-hero-header-offset: 100px;
	}

}