/* =============================================================
   Service Hub templates (templates/hub-a.php, hub-b.php).
   Depends on landing.css. Loaded only on the hub templates.
   ============================================================= */

/* ---------- Hub ---------- */
.dm-hub--rows .dm-hubrow {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)); /* 50-50 down to 768px */
	gap: clamp(26px, 3.5vw, 70px);
	align-items: center;
	padding-block: clamp(30px, 3vw, 56px);
}
.dm-hubrow + .dm-hubrow { border-top: 1px solid var(--color-border-faint); }
.dm-hubrow--flip .dm-hubrow__media { order: -1; }
.dm-hubrow__icon {
	width: 72px; height: 72px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--color-bg-footer);
	border: 1px solid var(--color-border-faint);
	margin-bottom: 18px;
}
.dm-hubrow__icon-img { width: 40px; height: 40px; object-fit: contain; }
.dm-hubrow__title { font-size: clamp(22px, 1.66vw, 32px); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: -.02em; }
.dm-hubrow__text { margin-top: 14px; font-size: clamp(15px, .94vw, 18px); line-height: 1.65; color: rgba(255, 255, 255, .85); }
.dm-hubrow .dm-btn { margin-top: 22px; }
.dm-hubrow__img { border-radius: var(--radius-card); }


@media (max-width: 768px) {
	.dm-hub--rows .dm-hubrow { grid-template-columns: minmax(0, 1fr); }
	.dm-hubrow--flip .dm-hubrow__media { order: 0; }
}