/**
 * Blurlu hero — yapı ve nokta doku (renk/blur boyut Özelleştirici’den)
 */

.hero-banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}

.hero-banner__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 0;
}

/* Taşan blur kenarları gizlensin; hafif büyütme ile kenar boşluğu azaltılır */
.hero-banner__blur {
	position: absolute;
	left: -5%;
	top: -5%;
	width: 110%;
	height: 110%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transform: scale(1.06);
	will-change: filter;
}

.hero-banner__blur--placeholder {
	background: linear-gradient(135deg, #3d4a38 0%, #2a3228 50%, #1e241c 100%);
	filter: none !important;
	-webkit-filter: none !important;
	transform: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Koyu katman + ince nokta örgüsü */
.hero-banner__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-image: radial-gradient(rgba(0, 0, 0, 0.35) 1px, transparent 1px);
	background-size: 5px 5px;
}

.hero-banner__content {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 3rem 1.25rem;
	max-width: 56rem;
}

.hero-banner__title {
	margin: 0 0 0.65rem;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
}

.hero-banner__desc {
	margin: 0;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0.03em;
}

@media (max-width: 600px) {
	.hero-banner__content {
		padding: 2.25rem 1rem;
	}
}