@layer components {
	@scope (.industries-index) {
		/* Hero */
		.industries-hero {
			padding-block-end: calc(var(--stack) * 4);
		}

		.industries-hero__inner {
			display: flex;
			flex-direction: column;
			gap: var(--gutter);
		}

		.industries-hero h1 {
			text-wrap: balance;
		}

		.industries-hero__lede {
			font-size: var(--font-size-lg);
			color: var(--color-text-muted-invert);
			max-inline-size: 400px;
		}

		/* Why Industry Expertise Matters */
		.industries-why {
			align-items: start;
		}

		.industries-why__body {
			display: flex;
			flex-direction: column;
			gap: var(--gutter);
		}

		.industries-why__body p {
			font-size: var(--font-size-md);
			color: var(--color-text-muted-invert);
		}
	}
}