.philosophy {
	margin-top: var(--py-section);
	margin-bottom: var(--py-section);
}

.philosophy-inner {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.philosophy-content h2 {
	font-size: 34px;
	line-height: 48px;
	margin-bottom: 30px;
}

.philosophy-content p:last-child {
	margin-bottom: 0;
}

.philosophy-media img {
	width: 100%;
	display: block;
}

@media screen and (min-width: 768px) {
	.philosophy-inner {
		flex-direction: row;
		align-items: center;
	}

	.philosophy-content,
	.philosophy-media {
		width: 50%;
	}
}

@media screen and (min-width: 1025px) {
	.philosophy-content h2 {
		font-size: 48px;
	}
}