/**
 * Individual product_brand term presentation.
 *
 * Loaded only on brand term pages. The Brands directory is unchanged.
 */

.pb-brand .pb-brand-hero {
	display: block;
	background: var(--pb-navy);
	padding-block: 2.5rem 2.25rem;
	color: var(--pb-white);
}

.pb-brand-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	color: var(--pb-white);
}

.pb-brand-eyebrow .pb-tick {
	flex: 0 0 auto;
}

.pb-brand .pb-brand-title {
	max-width: 14em;
	margin: 0.85rem 0 0;
	color: var(--pb-white);
	font-size: clamp(2.1rem, 4vw, 3.35rem);
	letter-spacing: 0.03em;
	line-height: var(--pb-leading-display-open);
	overflow-wrap: break-word;
}

.pb-brand-lede {
	max-width: 38rem;
	margin: 1rem 0 0;
	color: var(--pb-neutral);
	font-size: 1.0625rem;
	line-height: 1.6;
}

.pb-brand-feature {
	background: var(--pb-white);
	padding-block: 1.75rem 0;
}

.pb-brand-feature-image {
	display: block;
	width: 100%;
	height: auto;
	margin-inline: auto;
}

.pb-brand-feature + .pb-brand-products .pb-canvas {
	padding-top: 1rem;
}

.pb-brand .pb-brand-products,
.pb-brand .pb-brand-systems {
	margin-top: 0;
	background: var(--pb-white);
}

.pb-brand-products .pb-canvas {
	padding-top: 1.5rem;
	border-top: 1px solid var(--pb-grey);
}

.pb-brand .pb-brand-section-title,
.pb-brand .pb-brand-products .pb-display,
.pb-brand .pb-brand-systems .pb-display {
	margin: 0;
	font-size: clamp(1.7rem, 3vw, 2.35rem);
	letter-spacing: 0.04em;
	line-height: var(--pb-leading-display-open);
	overflow-wrap: break-word;
}

.pb-brand .pb-equip-grid,
.pb-brand .pb-edu-grid,
.pb-brand .pb-brand-systems ul {
	margin-top: 1.5rem;
}

.pb-brand .pb-brand-products,
.pb-brand .pb-brand-systems {
	padding-bottom: 3rem;
}

@media (min-width: 720px) {
	.pb-brand .pb-brand-hero {
		padding-block: 3rem 2.5rem;
	}

	.pb-brand-feature {
		padding-top: 2rem;
	}

	.pb-brand-lede {
		font-size: 1.125rem;
	}
}

@media (min-width: 1024px) {
	.pb-brand .pb-brand-hero {
		padding-block: 3.25rem 2.75rem;
	}

	.pb-brand .pb-brand-products,
	.pb-brand .pb-brand-systems {
		padding-bottom: 3.75rem;
	}
}