.mike-about-page .mike-page-hero p {
	max-width: 68ch;
	margin: var(--space-4) auto 0;
	color: var(--color-text-muted);
}

.mike-about-page__intro {
	padding-top: var(--space-12);
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: var(--space-8);
	align-items: start;
}

.mike-about-page__intro img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--radius-lg);
}

.mike-about-page__stats {
	padding-top: var(--space-10);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}

.mike-about-page__stats article {
	background: var(--color-bg-soft);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-5);
	text-align: center;
}

.mike-about-page__stats strong {
	display: block;
	font-size: clamp(1.75rem, 4vw, 2.4rem);
	color: var(--color-purple);
}

.mike-about-page__values {
	padding-top: var(--space-12);
}

.mike-about-page__values-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-5);
}

.mike-about-page__values-grid article {
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	padding: var(--space-5);
}

.mike-about-page__gallery {
	padding-top: var(--space-12);
	padding-bottom: var(--space-16);
}

.mike-about-page__gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--space-4);
}

.mike-about-page__gallery-grid a {
	display: block;
}

.mike-about-page__gallery-grid img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--radius-md);
	transition: transform 0.2s ease;
}

.mike-about-page__gallery-grid a:hover img {
	transform: scale(1.03);
}

@media (max-width: 900px) {
	.mike-about-page__intro {
		grid-template-columns: 1fr;
	}

	.mike-about-page__stats,
	.mike-about-page__values-grid {
		grid-template-columns: 1fr;
	}
}