/* RAWA Brand — logo block matches logo.html exactly */

.rawa-brand {
	text-align: center;
	font-family: var(--rawa-font);
}

.rawa-brand-wordmark {
	font-family: var(--rawa-font);
	font-weight: 700;
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	letter-spacing: -0.08em;
	line-height: 1;
	color: var(--rawa-black);
	display: inline-block;
	white-space: nowrap;
}

.rawa-brand-wordmark span {
	display: inline;
}

.rawa-brand-r { font-weight: 900; color: var(--rawa-black); }
.rawa-brand-a { font-weight: 600; color: var(--rawa-black-soft); }
.rawa-brand-w { font-weight: 800; color: var(--rawa-black); letter-spacing: -0.04em; }
.rawa-brand-a2 { font-weight: 600; color: var(--rawa-black-soft); }

.rawa-brand-tagline {
	font-family: var(--rawa-font);
	font-weight: 300;
	font-size: 0.75rem;
	letter-spacing: 0.45em;
	text-transform: uppercase;
	color: var(--rawa-text-muted);
	margin-top: 0.85rem;
}

.rawa-brand-tagline span {
	font-weight: 400;
	color: var(--rawa-black);
}

.rawa-brand-divider {
	width: 2.5rem;
	height: 1px;
	background: var(--rawa-black);
	opacity: 0.15;
	margin: 0.85rem auto 0;
}

/* Compact — header / forms */
.rawa-brand--sm .rawa-brand-wordmark {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.rawa-brand--sm .rawa-brand-tagline {
	font-size: 0.55rem;
	letter-spacing: 0.35em;
	margin-top: 0.5rem;
}

.rawa-brand--sm .rawa-brand-divider {
	width: 2rem;
	margin-top: 0.5rem;
}

/* Dark background — white logo */
.rawa-brand--dark .rawa-brand-wordmark,
.rawa-brand--dark .rawa-brand-r,
.rawa-brand--dark .rawa-brand-w {
	color: var(--rawa-white);
}

.rawa-brand--dark .rawa-brand-a,
.rawa-brand--dark .rawa-brand-a2 {
	color: rgba(255, 255, 255, 0.88);
}

.rawa-brand--dark .rawa-brand-tagline {
	color: rgba(255, 255, 255, 0.3);
}

.rawa-brand--dark .rawa-brand-tagline span {
	color: var(--rawa-white);
}

.rawa-brand--dark .rawa-brand-divider {
	background: var(--rawa-white);
	opacity: 0.1;
}

/* SVG logo fallback */
.rawa-logo-img {
	display: block;
	height: auto;
}

.rawa-logo-img--dark {
	width: clamp(120px, 20vw, 180px);
}

.rawa-logo-img--white {
	width: clamp(120px, 20vw, 180px);
}
