.hm-about {
	width: 100%;
	padding: var(--hm-layout-section-top) var(--hm-layout-gutter) var(--hm-layout-section-bottom);
	background: var(--hm-color-background);
}

.hm-about__layout {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 4.6vw;
	width: 100%;
	align-items: stretch;
}

.hm-about__media {
	margin: 0;
	overflow: hidden;
	border-radius: 1.2rem;
	aspect-ratio: 1.46 / 1;
}

.hm-about__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hm-about__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.hm-about__title {
	margin: 0 0 0.55em;
	color: var(--hm-color-text);
	font-size: clamp(2rem, 3vw, 3.25rem);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: -0.025em;
}

.hm-about__text {
	margin: 0;
	color: var(--hm-color-text);
	font-size: clamp(1rem, 1.15vw, 1.25rem);
	font-weight: 400;
	line-height: 1.45;
}

.hm-about__certificates {
	margin-top: auto;
	padding-top: 2.8vw;
}

.hm-about__certificates-title {
	margin: 0 0 0.6em;
	color: var(--hm-color-text);
	font-size: clamp(1.45rem, 1.8vw, 2rem);
	font-weight: 600;
	line-height: 1.1;
}

.hm-about__certificate-list {
	display: grid;
	gap: 1.2vw;
}

.hm-certificate {
	display: grid;
	grid-template-columns: 18% 1fr;
	gap: 1.5vw;
	align-items: start;
	padding: 1.15vw 1.35vw;
	border: 1px solid var(--hm-color-border-soft);
	border-radius: 0.9rem;
	background: var(--hm-color-surface);
}

.hm-certificate__media {
	width: 100%;
	aspect-ratio: 0.72 / 1;
}

.hm-certificate__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
}

.hm-certificate__content {
	min-width: 0;
	padding-top: 0.25em;
}

.hm-certificate__title {
	margin: 0;
	color: var(--hm-color-text);
	font-size: clamp(1.05rem, 1.28vw, 1.45rem);
	font-weight: 400;
	line-height: 1.25;
}

.hm-certificate__text {
	margin: 0.7em 0 0;
	color: var(--hm-color-muted);
	font-size: clamp(0.95rem, 1vw, 1.1rem);
	line-height: 1.4;
}

@media (max-width: 56rem) {
	.hm-about__layout {
		grid-template-columns: 1fr;
		gap: 7vw;
	}

	.hm-about__media {
		aspect-ratio: 16 / 10;
	}

	.hm-about__certificates {
		margin-top: 0;
		padding-top: 6vw;
	}

	.hm-about__certificate-list {
		gap: 2.5vw;
	}

	.hm-certificate {
		gap: 3vw;
		padding: 2.5vw 3vw;
	}
}

@media (max-width: 36rem) {
	.hm-about__media {
		aspect-ratio: 4 / 3;
	}

	.hm-certificate {
		grid-template-columns: 24% 1fr;
		gap: 4vw;
		padding: 4vw;
	}
}