.clickt-about-hero {
	position: relative;
	min-height: 460px;
	overflow: hidden;
	color: var(--clickt-cream-100);
	background: var(--clickt-navy-800);
	font-family: var(--clickt-font-body);
}
.clickt-about-hero__bg {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover; display: block;
}
.clickt-about-hero__overlay {
	position: absolute; inset: 0;
	background: var(--clickt-overlay-hero-strong);
}
.clickt-about-hero__content {
	position: relative;
	padding: 120px var(--clickt-pad-x-lg) 110px;
	max-width: 920px;
}
.clickt-about-hero__eyebrow {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 32px;
	font-size: var(--clickt-fs-eyebrow);
	letter-spacing: var(--clickt-ls-caps-eyebrow);
	text-transform: uppercase;
	color: var(--clickt-gold-500);
}
.clickt-about-hero__eyebrow .clickt-diamond {
	width: 8px; height: 8px;
	background: var(--clickt-gold-500);
	transform: rotate(45deg);
}
.clickt-about-hero__heading {
	font-family: var(--clickt-font-display);
	font-weight: 300;
	font-size: var(--clickt-fs-display-xxl);
	line-height: var(--clickt-lh-display);
	margin: 0;
	letter-spacing: var(--clickt-ls-display-tight);
}
.clickt-about-hero__rule {
	width: 60px; height: 1px;
	background: var(--clickt-gold-500);
	margin: 36px 0 28px;
	opacity: 0.7;
}
.clickt-about-hero__lead {
	margin: 0;
	max-width: 580px;
	font-size: var(--clickt-fs-lead);
	line-height: var(--clickt-lh-body);
	color: var(--clickt-cream-82);
	font-weight: 300;
}