/**
 * Industries page — base layout.
 *
 * @package Deltraux
 */

.deltraux-industries {
	--ind-bg-body: #f7f8fa;
	--ind-bg-white: #ffffff;
	--ind-bg-secondary: #f1f3f6;
	--ind-text-heading: #0f172a;
	--ind-text-body: #334155;
	--ind-text-muted: #475569;
	--ind-accent: #1e40af;
	--ind-accent-teal: #0ea5a4;
	--ind-border: #e2e8f0;
	--ind-border-light: #eef2f7;
}

.deltraux-industries h1,
.deltraux-industries h2,
.deltraux-industries h3,
.deltraux-industries h4 {
	font-family: 'Playfair Display', Georgia, serif;
	color: var(--ind-text-heading);
}

.deltraux-industries section.bg-white {
	background: var(--ind-bg-white);
}

.deltraux-industries section.bg-body,
.deltraux-industries .industries-cta-section {
	background: var(--ind-bg-body);
}

.deltraux-industries #industry-analysis {
	padding: 96px 0;
}

.deltraux-industries .industries-reveal {
	opacity: 1;
	transform: none;
}

@supports (animation-timeline: view()) {
	.deltraux-industries .industries-reveal {
		opacity: 0;
		transform: translateY(16px);
		animation: deltraux-industries-fade-up linear both;
		animation-timeline: view();
		animation-range: entry 0% cover 25%;
	}
}

@keyframes deltraux-industries-fade-up {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.is-industries-page #main-content > .deltraux-industries > #hero {
	padding-top: 128px;
}

@media (max-width: 1024px) {
	.deltraux-industries #industry-analysis {
		padding: 72px 0;
	}

	.is-industries-page #main-content > .deltraux-industries > #hero {
		padding-top: 96px;
	}
}

@media (max-width: 768px) {
	.deltraux-industries #industry-analysis {
		padding: 64px 0;
	}

	.is-industries-page #main-content > .deltraux-industries > #hero {
		padding-top: 80px;
	}
}