/**
 * Two Column Content Industries — styles copied from EverSmith-HTML-PAGE/assets/css/styles.css
 * (industries-section, .es-icon-titles used in section label, and responsive blocks).
 */

.two-column-content-industries-block {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

/* Label crown: theme .es-icon-titles */

/* Industries Section - Main content area
   Full-width section with background image and overlay */
.industries-section {
	position: relative;
	width: 100%;
	padding: 100px 80px;
	overflow: hidden;
}

/* Background image container - fills the entire section */
.industries-section-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.industries-section-bg img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: none;
	transform-origin: center center;
}

/* Dark blue overlay on top of background image - matching hero */
.industries-section-overlay {
	position: absolute;
	inset: 0;
	background: rgba(25, 62, 110, 0.8);
}

/* Content container - positioned above overlay */
.industries-container {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 64px;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

/* Industries Section Header (Figma node 304:7452)
   Centered label with crown icon and white title */
.industries-section-header {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 0 168px;
}

.industries-section-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.industries-section-label span {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	text-transform: uppercase;
}

/* Section h2: theme .es-section-title + .es-section-title--light (white on overlay) */

/* Industries Row - 2 cards per row */
.industries-row {
	display: flex;
	gap: 32px;
	width: 100%;
}

/* Individual Industry Card */
.industries-card {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 32px;
	background: #f6fbfc;
	border-radius: 8px;
	box-shadow: 0px 4px 5px -1px rgba(0, 88, 95, 0.12);
	backdrop-filter: blur(21px);
	overflow: hidden;
}

/* Card image container - 200px height */
.industries-card-image {
	width: 100%;
	height: 200px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 4px;
}

.industries-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Card content area */
.industries-card-content {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
}

/* Card headline: base .es-card-title is 16px grey — this block uses teal 22px for the h3 */
.industries-card-content > h3.es-card-title {
	font-size: 22px;
	line-height: 1.5;
	color: #0097a7;
}

/* Card “subtitle” line: bold 16px (not the same as default .es-section-subtitle weight/size) */
.industries-card-content > p.es-section-subtitle {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: var(--smith-grey, #404a50);
}

/* Card body text */
.industries-card-body {
	font-family: 'Inter', system-ui, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--smith-grey, #404a50);
}

.industries-card-body p {
	margin: 0 0 8px;
}

/* List title uses .es-card-title inside .industries-card-body */
.industries-card-body > p.es-card-title {
	margin: 16px 0 8px;
}

/* Bullet list */
.industries-card-list {
	list-style: disc;
	padding-left: 24px;
	margin: 0;
}

.industries-card-list li {
	margin-bottom: 4px;
	line-height: 1.5;
}

.industries-card-list li:last-child {
	margin-bottom: 0;
}

/* Tablet — from styles.css @media (max-width: 1024px) */
@media (max-width: 1024px) {
	.industries-section {
		padding: 60px 32px;
	}

	.industries-section-bg img {
		object-position: center;
	}

	.industries-section-header {
		padding: 0 80px;
	}

	.industries-container {
		gap: 40px;
	}

	.industries-row {
		flex-direction: column;
		gap: 32px;
	}

	.industries-card {
		flex: 1 1 100%;
	}
}

/* Mobile — from styles.css @media (max-width: 768px) */
@media (max-width: 768px) {
	.industries-section {
		padding: 48px 20px;
	}

	.industries-section-bg img {
		object-position: center;
	}

	.industries-section-header {
		padding: 0 20px;
		gap: 16px;
	}

	.industries-container {
		gap: 32px;
	}

	.industries-row {
		gap: 24px;
	}

	.industries-card {
		padding: 24px;
		gap: 16px;
	}

	.industries-card-image {
		height: 180px;
	}

	.industries-card-content > h3.es-card-title {
		font-size: 20px;
	}

	.industries-card-content > p.es-section-subtitle {
		font-size: 15px;
	}

	.industries-card-body {
		font-size: 15px;
	}
}