/* Hero (#top) — bundle verbatim, BEM-hídon. Sötét enteriőr + parallax + split-cím. */

.eb-hero {
	position: relative;
	margin-top: -68px; /* a transzparens sticky header alá */
	min-height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--color-dark);
}

.eb-hero__bg {
	position: absolute;
	inset: 0;
}

.eb-hero__bg img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* A bundle 3 rétegű átfedése egy elemben (bal→jobb sötétítés + alsó + felső fade). */
.eb-hero__scrim {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(to bottom, rgba(22, 18, 14, .62), transparent 160px),
		linear-gradient(to top, rgba(22, 18, 14, .5), transparent 40%),
		linear-gradient(90deg, rgba(22, 18, 14, .8) 0%, rgba(22, 18, 14, .5) 42%, rgba(22, 18, 14, .12) 100%);
}

.eb-hero__inner {
	position: relative;
	z-index: 2;
	max-width: var(--container-max-width);
	margin: 0 auto;
	width: 100%;
	padding: 0 clamp(16px, 4vw, 56px);
}

.eb-hero__box {
	max-width: 640px;
}

.eb-hero__title {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: clamp(38px, 6.2vw, 68px);
	line-height: 1.02;
	letter-spacing: -.03em;
	color: #fff;
	margin: 0 0 20px;
	text-wrap: balance;
}

.eb-hero__lead {
	font-size: clamp(16px, 1.9vw, 20px);
	line-height: 1.5;
	color: rgba(255, 255, 255, .82);
	margin: 0 0 34px;
	max-width: 34ch;
}

.eb-hero__cta {
	display: inline-block;
	background: var(--acc);
	color: #fff;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: clamp(15px, 1.7vw, 17px);
	padding: 16px 30px;
	border-radius: 12px;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .28);
	transition: filter .22s ease, background var(--transition-fast);
}

.eb-hero__cta:hover {
	filter: brightness(.92);
	color: #fff;
}