/* ATM Processor — hero design pass CT-0930 (Daedalus)
   Placed: Store ATM hero art as a masked background layer on the homepage hero.
   Scoped to .hero.has-photo which exists only on the homepage. */

.hero.has-photo {
	position: relative;
	overflow: hidden;
	background-image: url("atm-store-1600.webp");
	background-size: cover;
	background-position: 72% 38%;
}

.hero.has-photo::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(96deg, rgba(5, 13, 26, 0.94) 6%, rgba(5, 13, 26, 0.72) 46%, rgba(5, 13, 26, 0.38) 100%),
		linear-gradient(to bottom, rgba(5, 13, 26, 0.20), rgba(5, 13, 26, 0.72));
}

.hero.has-photo > .container { position: relative; z-index: 1; }

.hero.has-photo,
.hero.has-photo .search-card { color: #f5f7f8; }

.hero.has-photo .eyebrow { color: #4de4ff; }

.hero.has-photo h1 { color: #fff; }

.hero.has-photo .hero-lead { color: #d4d4d4; }

.hero.has-photo .search-card {
	background: rgba(255, 255, 255, 0.97);
	color: #122129;
	border: 1px solid rgba(192, 192, 192, 0.22);
}

.hero.has-photo .btn-primary {
	background: #00d4ff;
	color: #06121c;
	border-radius: 8px;
	font-weight: 700;
}

@media (max-width: 860px) {
	.hero.has-photo { background-position: 62% 40%; }
	.hero.has-photo::before {
		background:
			linear-gradient(96deg, rgba(5, 13, 26, 0.90) 6%, rgba(5, 13, 26, 0.80) 46%, rgba(5, 13, 26, 0.62) 100%),
			linear-gradient(to bottom, rgba(5, 13, 26, 0.30), rgba(5, 13, 26, 0.78));
	}
}