/* Mines page: catalog sections intro */
.mines-intro {
	padding: 113px 0 45px;
}

.mines-intro-inner {
	position: relative;
}

.mines-intro-text {
	position: relative;
	z-index: 1;
	max-width: 540px;
}

.mines-intro-title {
	margin-top: 16px;
	font: 600 36px/43px var(--font-title);
	text-transform: uppercase;
	color: var(--color-navy);
}

.mines-intro-lead {
	margin-top: 18px;
	font: 400 14px/21px var(--font-text);
	color: var(--color-text-gray);
}

.mines-intro-bar {
	display: block;
	width: 72px;
	height: 4px;
	margin-top: 32px;
	border-radius: 2px;
	background: var(--color-accent);
}

.mines-intro-media {
	position: absolute;
	top: -113px;
	right: 0;
	width: 730px;
	height: 393px;
	background: url(../../images/mines-chevron.svg) 0 0 no-repeat;
}

.mines-intro-media-img {
	position: absolute;
	top: 8px;
	left: 0;
	width: 697px;
	height: 378px;
	object-fit: contain;
}

@media (max-width: 1279px) {
	.mines-intro {
		padding: 56px 0 40px;
	}

	.mines-intro-media {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		margin-top: 32px;
		background-position: 100% 0;
		background-size: auto 100%;
	}

	.mines-intro-media-img {
		position: static;
		width: 100%;
		max-width: 697px;
		height: auto;
		aspect-ratio: 697 / 378;
	}
}

@media (max-width: 767px) {
	.mines-intro {
		padding: 40px 0 32px;
	}

	.mines-intro-title {
		font-size: 26px;
		line-height: 32px;
	}

	.mines-intro-bar {
		margin-top: 24px;
	}
}