.astro-industry {
	overflow-x: clip;
	color: var(--astro-color-ink);
	background: var(--astro-color-paper);
}

.astro-industry__intro {
	color: var(--astro-color-paper);
	background:
		linear-gradient(118deg, rgb(0 85 165 / 28%), transparent 44%),
		var(--astro-color-graphite);
}

.astro-industry .astro-breadcrumbs {
	display: flex;
	min-block-size: 44px;
	gap: var(--astro-space-2);
	align-items: center;
	border-block-end: 1px solid var(--astro-technical-line);
	font-family: var(--astro-font-mono);
	font-size: .7rem;
}

.astro-industry .astro-breadcrumbs :where(a, span) {
	color: var(--astro-color-steel);
}

.astro-industry__hero {
	display: grid;
	min-block-size: clamp(36rem, 72vh, 50rem);
	grid-template-columns: minmax(0, .92fr) minmax(22rem, 1.08fr);
}

.astro-industry__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: clamp(var(--astro-space-10), 7vw, var(--astro-space-20)) clamp(var(--astro-space-8), 5vw, var(--astro-space-16)) clamp(var(--astro-space-10), 7vw, var(--astro-space-20)) 0;
}

.astro-industry h1 {
	max-inline-size: 12ch;
	margin-block: var(--astro-space-5) var(--astro-space-6);
	color: var(--astro-color-paper);
	font-size: clamp(3.25rem, 2rem + 4.6vw, 7rem);
	letter-spacing: -.06em;
	line-height: .92;
}

.astro-industry__summary {
	max-inline-size: 50ch;
	margin: 0;
	color: var(--astro-color-muted-on-dark);
	font-size: clamp(1.05rem, .96rem + .45vw, 1.4rem);
	line-height: 1.6;
}

.astro-industry__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--astro-space-4);
	align-items: center;
	margin-block-start: var(--astro-space-8);
}

.astro-industry__actions a {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	color: var(--astro-color-action);
	text-underline-offset: .35em;
}

.astro-industry__actions .astro-industry__primary {
	padding-inline: var(--astro-space-6);
	background: var(--astro-color-action);
	color: var(--astro-color-ink);
	font-weight: 750;
	text-decoration: none;
}

.astro-industry__media {
	position: relative;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	border-inline-start: 1px solid var(--astro-technical-line);
	background: var(--astro-color-deep);
}

.astro-industry__media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgb(0 85 165 / 14%), transparent 48%);
	content: "";
	pointer-events: none;
}

.astro-industry__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.astro-industry__body {
	max-inline-size: min(68rem, calc(100% - 2rem));
	padding-block: var(--astro-section-space);
}

.astro-industry__body :where(h2, h3) {
	color: var(--astro-color-ink);
	font-size: clamp(1.8rem, 1.4rem + 1.5vw, 3.25rem);
	line-height: 1.08;
}

.astro-industry__body :where(p, li) {
	font-size: clamp(1rem, .96rem + .18vw, 1.125rem);
	line-height: 1.75;
}

@media (max-width: 64rem) {
	.astro-industry__hero {
		grid-template-columns: minmax(0, 1fr);
	}

	.astro-industry__copy {
		padding-inline-end: 0;
	}

	.astro-industry__media {
		min-block-size: clamp(18rem, 62vw, 36rem);
		border-block-start: 1px solid var(--astro-technical-line);
		border-inline-start: 0;
	}
}

@media (max-width: 47.99rem) {
	.astro-industry__hero {
		min-block-size: auto;
	}

	.astro-industry h1 {
		font-size: clamp(2.7rem, 13vw, 4.4rem);
	}

	.astro-industry__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.astro-industry__actions a {
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.astro-industry *,
	.astro-industry *::before,
	.astro-industry *::after {
		animation: none !important;
		transition: none !important;
	}
}