/* About page-only styles. */

.about-hero {
--page-hero-image: url("../../images/banner/banner_11.jpg");
	--page-hero-position: center 44%;
}

.split-copy h2 {
margin-top: 14px;
	font-size: clamp(31px, 4.4vw, 50px);
	font-weight: 900;
}

.split-copy p {
max-width: 640px;
	margin: 15px 0 0;
	color: var(--muted);
	font-size: 17px;
}

.about-split {
display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 42px;
	align-items: center;
}

.philosophy-section {
display: grid;
	grid-template-columns: 1fr 0.72fr;
	gap: 42px;
	align-items: center;
}

.philosophy-copy h2 {
margin-top: 14px;
	font-size: clamp(34px, 5vw, 56px);
	font-weight: 900;
}

.philosophy-copy p {
max-width: 760px;
	margin: 18px 0 0;
	color: var(--muted);
	font-size: 18px;
}

.philosophy-panel {
padding: 32px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.96)),
		url("../../images/gallery/gallery_03.jpg") center / cover no-repeat;
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow);
}

.philosophy-panel p {
margin: 0;
	color: var(--sage-dark);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.45;
}

.about-split img {
width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 44%;
	border-radius: var(--radius-card);
	box-shadow: var(--shadow);
}

.split-copy .button {
margin-top: 24px;
}

@media (max-width: 1024px) {
	.about-split,
	.philosophy-section {
	grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.philosophy-copy h2,
	.split-copy h2 {
	font-size: 34px;
	}
	
	.philosophy-panel {
	padding: 24px;
	}
	
	.philosophy-panel p {
	font-size: 19px;
	}
}