/**
 * Company single-page-specific pieces: logo/name header, generic section
 * spacing block. Reuses .key-facts, .faq-block, .compare-table, .related-content
 * from components.css/guide.css for everything else.
 */

.company-hero {
	display: flex;
	align-items: center;
	gap: var(--space-5);
	padding-block: var(--space-6);
}

.company-hero__logo {
	width: 72px;
	height: 72px;
	border-radius: var(--radius);
	overflow: hidden;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--color-primary-soft);
}

.company-hero__logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-hero__initial {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 2rem;
	color: var(--color-primary);
}