.doctor-philosophy {
	background-color: var(--color-light-bg);
}

.doctor-philosophy__layout {
	display: grid;
	grid-template-columns: clamp(300px, 24%, 360px) minmax(0, 1fr);
	justify-content: start;
	gap: clamp(var(--spacing-34), 6vw, 96px);
	align-items: start;
}

.doctor-philosophy__title {
	max-width: 14ch;
	color: var(--color-off-black);
	font-size: clamp(30px, 3.2vw, 44px);
	line-height: var(--line-height-tight);
	text-wrap: balance;
}

@media (max-width: 1080px) {
	.doctor-philosophy__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: clamp(var(--spacing-34), 6vw, 64px);
	}
}