/* Home — hero: vídeo de fundo + overlay #161F21@.5 + marca "C" decorativa que sangra
   para a faixa teal seguinte. Título Clash-Xlight; à direita em ≥740 (controle).
   Type scale do controle: <740 48/48 esq · ≥740 67/71 dir. */

.raz-home-hero {
	position: relative;
	z-index: 2;                 /* acima da faixa: a marca (filha) sangra por cima do teal */
	overflow: visible;
	color: #fff;
	display: flex;
	align-items: flex-end;
	min-height: 78vh;
	padding: 110px 0 60px;      /* mobile */
}
.raz-home-hero__media { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.raz-home-hero__video {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	display: block;
	background-size: cover; background-position: center;
}
.raz-home-hero__overlay { position: absolute; inset: 0; background: #161F21; opacity: 0.5; }

/* Marca "C" (SVG já vem em opacity .15). Sangra do topo-esquerdo, atravessa hero→teal. */
.raz-home-hero__mark {
	position: absolute;
	z-index: 1;
	top: -54px; left: -64%;
	width: 122%; height: auto;
	max-width: none;
	pointer-events: none;
	user-select: none;
}

.raz-home-hero__inner { position: relative; z-index: 3; width: 100%; }
.raz-home-hero__title {
	font-family: var(--raz-font-xlight);
	font-weight: 200;
	font-size: 48px;            /* mobile */
	line-height: 48px;
	letter-spacing: 1.2px;
	color: #fff;
	margin: 0;
}
.raz-home-hero__title strong,
.raz-home-hero__title b { font-family: var(--raz-font-display); font-weight: 600; }

@media (min-width: 740px) {
	.raz-home-hero { min-height: 600px; padding: 165px 0 110px; }
	.raz-home-hero__mark { top: -120px; left: -66%; width: 116%; }
	.raz-home-hero__title {
		font-size: 67px; line-height: 71px;
		margin-left: 38%;        /* controle: bloco começa a ~38% do container (x≈584/1440) */
		max-width: 62%;
	}
}
@media (min-width: 1160px) {
	.raz-home-hero { min-height: 786px; padding: 201px 0 144px; }
	.raz-home-hero__mark { top: -308px; left: -951px; width: 1440px; }
}