/* About and Our Team page sections. See doc 07 §7.3 and §7.4. */

/* About story */
.ads-about-story__inner {
	display: grid;
	gap: var(--ads-space-8);
}

.ads-about-story__content {
	align-self: center;
}

.ads-about-story .ads-heading {
	margin-bottom: var(--ads-space-5);
}

.ads-about-story .ads-heading__title {
	text-wrap: balance;
}

/* The opening sentence reads strongest, so it isn't the muted lead color. */
.ads-about-story .ads-lead {
	color: var(--ads-color-navy);
}

.ads-about-story__content > p + p {
	margin-top: var(--ads-space-4);
}

@media (min-width: 1024px) {
	.ads-about-story__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: var(--ads-space-7);
	}
}

/* On large screens the visual takes the extra width, so the text keeps a comfortable length. */
@media (min-width: 1280px) {
	.ads-about-story__inner {
		grid-template-columns: minmax(0, 44rem) minmax(0, 1fr);
		gap: var(--ads-space-8);
	}
}

/* About closing */
.ads-about-closing {
	text-align: center;
}

.ads-about-closing .ads-icon {
	display: block;
	width: 3rem;
	height: 3rem;
	margin-inline: auto;
	color: var(--ads-color-gold);
	stroke-width: 1.25;
}

.ads-about-closing__text {
	max-width: 48rem;
	margin: var(--ads-space-4) auto 0;
	font-size: 1.1875rem;
}

.ads-about-closing__tagline {
	max-width: none;
	margin-top: var(--ads-space-5);
	font-family: var(--ads-font-heading);
	font-size: var(--ads-fs-h2);
	font-weight: 700;
	line-height: var(--ads-lh-tight);
	color: var(--ads-color-navy);
	text-wrap: balance;
}

/* Team grid */
.ads-team__grid {
	display: grid;
	gap: var(--ads-space-5);
}

@media (min-width: 1024px) {
	.ads-team__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}