.service-brand {
	--brand-display: "Fraunces", Georgia, serif;
	--brand-sans: "Hanken Grotesk", sans-serif;
	--brand-mono: "Spline Sans Mono", monospace;
	--brand-ink: #24160f;
	--brand-paper: #f6ead8;
	--brand-cream: #fff8ed;
	--brand-orange: #ff5f38;
	--brand-orange-deep: #d94b29;
	--brand-yellow: #ffc96b;
	--brand-muted: #847164;
	--brand-line: rgba(74, 42, 27, .2);
	--brand-container: 1320px;
	--brand-hero-size: clamp(4.5rem, 5.6vw, 5rem);
	--brand-title-size: clamp(3.4rem, 5vw, 4.5rem);
	--brand-section-space: clamp(78px, 8vw, 128px);
	font-family: var(--brand-sans);
	color: var(--brand-ink);
}

.service-brand .brand-container {
	width: min(calc(100% - 9vw), var(--brand-container));
	margin-inline: auto;
}

.service-brand .brand-kicker {
	font-family: var(--brand-mono);
	font-size: .7rem;
	font-weight: 500;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.service-brand .brand-display {
	font-family: var(--brand-display);
	font-weight: 600;
	letter-spacing: -.055em;
}

.service-brand .brand-display em {
	color: var(--brand-orange);
	font-weight: 500;
}

@media (max-width: 680px) {
	.service-brand .brand-container { width: min(calc(100% - 34px), var(--brand-container)); }
}