/* Serviços hub — hero teal. Título Clash-Light 68/70 + subtítulo 22/26, à direita (≥740).
   Controle: <740 ~40/44 · ≥740 68/70 ls-1.836. */
.raz-srv-hero {
	background: var(--raz-primary);
	color: var(--raz-cream);
	display: flex;
	align-items: flex-end;
	padding: 110px 0 40px;          /* mobile */
}
.raz-srv-hero__inner { width: 100%; }
.raz-srv-hero__title {
	font-family: var(--raz-font-light);
	font-weight: 300;
	font-size: 40px;                /* mobile */
	line-height: 44px;
	letter-spacing: -1.08px;
	color: var(--raz-cream);
	margin: 0;
}
.raz-srv-hero__sub {
	font-family: var(--raz-font-light);
	font-weight: 400;
	font-size: 18px;                /* mobile */
	line-height: 24px;
	letter-spacing: 0.4px;
	color: var(--raz-cream);
	margin: 18px 0 0;
}
@media (min-width: 740px) {
	.raz-srv-hero { min-height: 500px; padding: 150px 0 50px; }
	.raz-srv-hero__title { font-size: 68px; line-height: 70px; letter-spacing: -1.836px; margin-left: 35%; max-width: 63%; }
	.raz-srv-hero__sub { font-size: 22px; line-height: 26px; margin-left: 35%; max-width: 50%; }
}