/* Merchant Services America — hero design pass CT-0930 (Daedalus)
   Placed: Two Counters hero art on the homepage; CTA de-pilled per §10.5.3.
   Scoped to .hero-media / .hero-copy which exist only on the homepage. */

.amg-content-hero { overflow: hidden; }

.amg-content-hero .hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: clamp(28px, 4vw, 56px);
	align-items: center;
	max-width: 1160px;
	margin: auto;
}

.amg-content-hero .hero-copy h1 { max-width: 12ch; }

.amg-content-hero .hero-copy a {
	border-radius: 8px;
	padding: 16px 28px;
	font-size: 16.5px;
}

.amg-content-hero .hero-media {
	margin: 0;
	position: relative;
	border-radius: 12px;
	border: 1px solid rgba(192, 192, 192, 0.22);
	background: #050d1a;
	box-shadow: 0 24px 60px -16px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}

.amg-content-hero .hero-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.amg-content-hero .hero-media figcaption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 10px 16px;
	font-size: 12.5px;
	letter-spacing: 0.02em;
	color: rgba(212, 212, 212, 0.85);
	background: linear-gradient(to top, rgba(5, 13, 26, 0.85), rgba(5, 13, 26, 0));
}

@media (max-width: 860px) {
	.amg-content-hero .hero-grid { grid-template-columns: 1fr; }
	.amg-content-hero .hero-copy h1 { max-width: none; }
	.amg-content-hero .hero-copy a { min-height: 52px; display: inline-flex; align-items: center; }
}

@media (prefers-reduced-motion: no-preference) {
	.amg-content-hero .hero-media img { transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1); }
	.amg-content-hero .hero-media:hover img { transform: scale(1.015); }
}