/* Contato — hero escuro (#1e1e1e) + marca "C". Título Clash-Light 68/70 + intro 22/25,
   à direita (≥740). Controle: <740 42/46.2 ls-1.134. */
.raz-cont-hero {
	position: relative;
	overflow: hidden;
	background: #1e1e1e;
	color: var(--raz-cream);
	display: flex;
	align-items: center;
	padding: 130px 0 60px;          /* mobile */
}
.raz-cont-hero__mark {
	position: absolute; z-index: 0;
	top: -10%; left: -30%;
	width: 66%; height: auto; max-width: none;
	pointer-events: none;
}
.raz-cont-hero__inner { position: relative; z-index: 1; width: 100%; }
.raz-cont-hero__title {
	font-family: var(--raz-font-light);
	font-weight: 300;
	font-size: 42px;                /* mobile */
	line-height: 46.2px;
	letter-spacing: -1.134px;
	color: #fff;
	margin: 0;
}
.raz-cont-hero__intro {
	font-family: var(--raz-font-light);
	font-weight: 400;
	font-size: 17px;                /* mobile */
	line-height: 23.8px;
	letter-spacing: 0.3px;
	color: var(--raz-cream);
	margin: 20px 0 0;
}
@media (min-width: 740px) {
	.raz-cont-hero { min-height: 537px; padding: 150px 0 60px; }
	.raz-cont-hero__mark { top: -160px; left: -340px; width: 720px; }
	.raz-cont-hero__title { font-size: 68px; line-height: 70px; letter-spacing: -1.836px; margin-left: 38%; max-width: 60%; }
	.raz-cont-hero__intro { font-size: 22px; line-height: 25px; margin-left: 38%; max-width: 50%; }
}
