/**
 * Brand Simple Page — scoped layout for brand about/editorial pages.
 */

.vn-brand-simple-page__hero {
	position: relative;
	display: grid;
	align-items: end;
	min-height: clamp(180px, 28vw, 320px);
	padding: clamp(1.5rem, 4vw, 3rem) 0;
	background: linear-gradient(135deg, #e8f3fb 0%, #f7f9fc 100%);
	background-image: var(--vn-brand-simple-hero-bg);
	background-size: cover;
	background-position: center;
	color: #fff;
}

.vn-brand-simple-page--height-compact .vn-brand-simple-page__hero {
	min-height: clamp(140px, 20vw, 220px);
}

.vn-brand-simple-page--height-large .vn-brand-simple-page__hero {
	min-height: clamp(220px, 36vw, 420px);
}

.vn-brand-simple-page__hero-overlay {
	position: absolute;
	inset: 0;
}

.vn-brand-simple-page__hero-inner {
	position: relative;
	z-index: 1;
}

.vn-brand-simple-page__eyebrow {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.vn-brand-simple-page__title {
	margin: 0;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
	line-height: 1.2;
}

.vn-brand-simple-page__description {
	margin: 0.75rem 0 0;
	max-width: 42rem;
	font-size: 1rem;
	line-height: 1.6;
}

.vn-brand-simple-page__content {
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
}

.vn-brand-simple-page--width-wide .vn-brand-simple-page__content {
	max-width: 1120px;
}

.vn-brand-simple-page__breadcrumb {
	padding-top: 1rem;
}