/**
 * OSHIDA — about / future-of-work.
 *
 * @figma 2014:2618  heading 1167.24 x 63 at (136.38, 4298.73), centred
 * @figma 2014:2617  lede    842.69 x 255 at (298.92, 4371.57), centred, 51px leading
 * @figma 2014:2502  Frame 336 — card 1168 x 810 at (137.19, 4693.35), r=50
 * @figma 2014:2503  card copy 1048.94 x 660 at parent (59.06, 75)
 *
 * Owner: work package C2.
 */

.o-about-future-of-work {
	padding-block-start: var(--o-about-gap);
}

.o-about-future-of-work__heading .o-section-heading__lede {
	max-inline-size: 843px; /* @figma 2014:2617 */
	margin-inline: auto;
	line-height: 51px; /* 255 / 5 lines */
	text-align: center;
}

.o-about-future-of-work__card {
	margin-block-start: clamp(32px, 4.6vw, 67px); /* 4693.35 - 4626.57 */
	padding-block: clamp(28px, 5.2vw, 75px);
	padding-inline: clamp(20px, 4.1vw, 59px);
	border: var(--o-line-width) solid var(--o-line-soft);
	border-radius: var(--o-radius-xl);
	background-color: var(--o-veil-panel);
	box-shadow: var(--o-shadow-panel);
	font-size: var(--o-fs-md);
	font-weight: var(--o-fw-extralight);
	line-height: 47px; /* @figma 2014:2503 — 660 / 14 lines */
	letter-spacing: var(--o-track-tight);
}

.o-about-future-of-work__card p {
	margin: 0;
}

.o-about-future-of-work__card p + p {
	margin-block-start: 47px;
}

@media (max-width: 899px) {
	.o-about-future-of-work__heading .o-section-heading__lede,
	.o-about-future-of-work__card {
		line-height: var(--o-lh-body);
	}

	.o-about-future-of-work__card p + p {
		margin-block-start: var(--o-space-md);
	}
}