.hamarosan{
	padding-bottom: clamp(3rem, 8vw, 7rem);
}

.hamarosan-kep{
	position: relative;
	margin: 0;
	width: 100%;
	height: clamp(280px, 66vh, 720px);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(181.5deg, #000 calc(100% - 2.6vw - 16px), transparent calc(100% - 2.6vw));
	mask-image: linear-gradient(181.5deg, #000 calc(100% - 2.6vw - 16px), transparent calc(100% - 2.6vw));
}

.hamarosan-kep-hatter{
	position: absolute;
	top: 0;
	left: 50%;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	object-fit: cover;
	object-position: 50% 100%;
	filter: blur(36px);
	transform: translateX(-50%) scaleX(2.4);
	transform-origin: center center;
}

.hamarosan-kep-elo{
	position: relative;
	display: block;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	object-position: 50% 100%;
}

@media (min-width: 1200px){
	.hamarosan-kep-elo{
		-webkit-mask-image: linear-gradient(to right, transparent 0, #000 13%, #000 87%, transparent 100%);
		mask-image: linear-gradient(to right, transparent 0, #000 13%, #000 87%, transparent 100%);
	}
}

.hamarosan-tartalom{
	max-width: 1140px;
	margin: 0 auto;
	padding: clamp(2rem, 4vw, 3.5rem) 20px 0;
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	gap: clamp(1.25rem, 3.5vw, 3.5rem);
	align-items: center;
}

.hamarosan .hamarosan-cim{
	margin: 0;
	padding: 0;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	font-size: clamp(2.75rem, 6.5vw, 5rem);
	line-height: .9;
	letter-spacing: -.02em;
	color: #ffffff;
}

.hamarosan-szoveg p{
	margin: 0;
	max-width: 46ch;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: clamp(1.05rem, 1.4vw, 1.25rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, .8);
}

.hamarosan-gomb{
	grid-column: 1 / -1;
	margin: 0;
	text-align: center;
}

.hamarosan-gomb .btn-amts-ticket-orange{
	margin-top: 0;
}

.hamarosan-gomb .btn-amts-ticket-orange:focus-visible{
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

@media (max-width: 767.98px){
	.hamarosan-kep{
		height: 44vh;
		min-height: 220px;
		-webkit-mask-image: linear-gradient(184deg, #000 calc(100% - 7vw - 14px), transparent calc(100% - 7vw));
		mask-image: linear-gradient(184deg, #000 calc(100% - 7vw - 14px), transparent calc(100% - 7vw));
	}

	.hamarosan-tartalom{
		grid-template-columns: minmax(0, 1fr);
		gap: 1.25rem;
	}

	.hamarosan .hamarosan-cim{
		font-size: clamp(2.25rem, 12vw, 3.25rem);
	}
}
