/*
 * „За нас" (page 49) — prototype screen "08 За нас".
 * The look is style.css section 22 (.hc-about__*); this file fits it to the
 * core-block markup (Group / Paragraph) of the page.
 */

/* Mission tile + the three numbers. */
.wp-block-group.hc-about__hero { display: flex; flex-wrap: wrap; gap: 14px; }
.hc-about__hero > *,
.hc-about__mission > *,
.hc-about__stats > *,
.hc-about__stat > * { margin: 0; }

.wp-block-group.hc-about__mission { padding: clamp(22px, 3.4vw, 40px); }
.wp-block-group.hc-about__stat { padding: 16px 20px; flex-wrap: wrap; }
p.hc-about__stat-num { line-height: 1; }
.hc-about__stat--yellow p.hc-about__stat-label { color: inherit; }

/* Text column starts at the left edge of the page column, like the title. */
.wp-block-group.hc-section > .wp-block-group.hc-about__text { max-width: var(--hc-maxw); margin-top: 0; }
.hc-about__text > * { max-width: 760px; }
.hc-about__text a { color: inherit; }

@media (max-width: 599px) {
	.wp-block-group.hc-about__mission { min-height: 240px; }
}