/* Sobre — hero teal + marca "C" decorativa. Título Clash-Light + intro, à direita (≥740).
   Controle: <740 45/49.5 ls-1.215 · ≥740 60/62 ls-1.62. */
.raz-sobre-hero {
	position: relative;
	overflow: hidden;
	background: var(--raz-primary);
	color: var(--raz-cream);
	display: flex;
	align-items: center;
	padding: 130px 0 60px;          /* mobile */
}
.raz-sobre-hero__mark {
	position: absolute;
	z-index: 0;
	top: -10%; left: -30%;
	width: 70%; height: auto;
	max-width: none;
	pointer-events: none;
}
.raz-sobre-hero__inner { position: relative; z-index: 1; width: 100%; }
.raz-sobre-hero__title {
	font-family: var(--raz-font-light);
	font-weight: 300;
	font-size: 45px;                /* mobile */
	line-height: 49.5px;
	letter-spacing: -1.215px;
	color: #fff;
	margin: 0;
}
.raz-sobre-hero__title strong { font-family: var(--raz-font-display); font-weight: 600; }
.raz-sobre-hero__intro {
	font-family: var(--raz-font-light);
	font-weight: 400;
	font-size: 19px;                /* mobile */
	line-height: 22.8px;
	color: var(--raz-cream);
	margin-top: 22px;
}
.raz-sobre-hero__intro p { margin: 0 0 1em; }
.raz-sobre-hero__intro p:last-child { margin-bottom: 0; }
@media (min-width: 740px) {
	.raz-sobre-hero { min-height: 786px; padding: 150px 0 60px; }
	.raz-sobre-hero__mark { top: -200px; left: -360px; width: 760px; }
	.raz-sobre-hero__title { font-size: 60px; line-height: 62px; letter-spacing: -1.62px; margin-left: 38%; max-width: 60%; }
	.raz-sobre-hero__intro { font-size: 20px; line-height: 26px; margin-left: 38%; max-width: 46%; }
}