/* Over philosophy quote (spec §4.16, type §2.2). */
.over-philosophy { max-width: var(--container-3xl); margin-inline: auto; text-align: center; }
.over-philosophy__eyebrow {
	margin-bottom: calc(var(--spacing) * 4);
	font-size: var(--text-xs);
	line-height: var(--text-xs-lh);
	font-weight: var(--font-weight-semibold);
	color: var(--color-brand-orange);
	text-transform: uppercase;
	letter-spacing: var(--tracking-wider);
}
.over-philosophy__quote { position: relative; }
.over-philosophy__mark {
	position: absolute;
	top: calc(var(--spacing) * -4);
	inset-inline-start: calc(var(--spacing) * -2);
	font-family: var(--font-serif);
	font-size: var(--text-5xl);
	line-height: var(--text-5xl-lh);
	color: var(--color-orange-15a);
	user-select: none;
}
.over-philosophy__text {
	padding-inline: calc(var(--spacing) * 2);
	font-size: var(--text-xl);
	line-height: var(--leading-snug);
	font-weight: var(--font-weight-medium);
	color: var(--color-brand-dark);
}
.over-philosophy__signature { margin-top: calc(var(--spacing) * 8); display: flex; flex-direction: column; align-items: center; gap: calc(var(--spacing) * 3); }
.over-philosophy__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--spacing) * 2);
	font-size: var(--text-base);
	line-height: var(--text-base-lh);
	font-weight: var(--font-weight-bold);
	color: var(--color-brand-dark);
}
.over-philosophy__tc { font-size: var(--text-lg); line-height: var(--text-lg-lh); }
.over-philosophy__sep { width: 1px; height: calc(var(--spacing) * 5); background-color: var(--color-gray-300); }
.over-philosophy__tagline { font-size: var(--text-xs); line-height: var(--text-xs-lh); color: var(--color-gray-500); }
@media (min-width: 40rem) {
	.over-philosophy__mark { top: calc(var(--spacing) * -6); inset-inline-start: calc(var(--spacing) * -4); font-size: var(--text-7xl); line-height: var(--text-7xl-lh); }
	.over-philosophy__text { padding-inline: calc(var(--spacing) * 4); font-size: var(--text-2xl); }
	.over-philosophy__brand { font-size: var(--text-lg); line-height: var(--text-lg-lh); }
	.over-philosophy__tc { font-size: var(--text-xl); line-height: var(--text-xl-lh); }
	.over-philosophy__tagline { font-size: var(--text-sm); line-height: var(--text-sm-lh); }
}
@media (min-width: 48rem) {
	.over-philosophy__eyebrow { margin-bottom: calc(var(--spacing) * 6); font-size: var(--text-sm); line-height: var(--text-sm-lh); }
	.over-philosophy__mark { font-size: var(--text-8xl); line-height: var(--text-8xl-lh); }
	.over-philosophy__text { font-size: var(--text-3xl); line-height: var(--leading-tight); }
	.over-philosophy__signature { margin-top: calc(var(--spacing) * 10); }
}
@media (min-width: 64rem) { .over-philosophy__text { font-size: var(--text-4xl); } }
