/* Landing - sekcja HERO */

.epw-hero {
	display: flex;
	align-items: flex-start;
	background-image: linear-gradient(90deg, rgba(20, 14, 8, .78) 0%, rgba(20, 14, 8, .45) 42%, rgba(20, 14, 8, .05) 70%), var(--epw-hero-bg);
	background-size: cover;
	background-position: center right;
}

/* Górny padding odsuwa treść spod pływającego (transparentnego) headera Blocksy */
.epw-hero__inner {
	max-width: var(--epw-wrap);
	width: 100%;
	margin: 0 auto;
	padding: 130px 24px 90px;
}

.epw-hero__box {
	max-width: 620px;
	color: #fff;
}

.epw-eyebrow {
	display: inline-block;
	margin-bottom: 1rem;
	padding: .35em .9em;
	border-radius: 999px;
	background: rgba(248, 149, 30, .18);
	border: 1px solid rgba(248, 149, 30, .5);
	color: #ffd9a8;
	font-family: var(--epw-sora);
	font-weight: 600;
	font-size: .8rem;
	letter-spacing: .02em;
}

.epw-hero__title {
	font-family: var(--epw-sora);
	font-weight: 700;
	font-size: clamp(2rem, 4.6vw, 3rem);
	line-height: 1.08;
	letter-spacing: -.01em;
	color: #fff;
	margin: 0 0 .5em;
}

.epw-hero__lead {
	font-size: clamp(1.05rem, 1.8vw, 1.25rem);
	line-height: 1.55;
	color: rgba(255, 255, 255, .92);
	margin: 0 0 1.6em;
}

.epw-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin-bottom: 1.1rem;
}

.epw-hero__cta .epw-btn--ghost {
	color: #fff;
	border-color: rgba(255, 255, 255, .4);
}

.epw-hero__cta .epw-btn--ghost:hover {
	border-color: #fff;
	background: rgba(255, 255, 255, .08);
}

.epw-hero__micro {
	font-size: .9rem;
	color: rgba(255, 255, 255, .8);
	margin: 0;
}

@media (max-width: 781px) {
	.epw-hero__inner { padding: 120px 24px 56px; }
}

@media (max-width: 600px) {
	.epw-hero { min-height: 0; }
	.epw-hero__inner { padding: 110px 20px 48px; }
}