.mcc-promo-v2,
.mcc-promo-v2 * {
	box-sizing: border-box;
}

.mcc-promo-v2 {
	--mcc-gold: #c89a52;
	--mcc-gold-light: #e2bd7a;
	--mcc-cream: #f4eee5;
	--mcc-muted: #c9c0b3;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(400px, .98fr);
	width: min(100%, 1500px);
	margin: clamp(32px, 4.5vw, 66px) auto;
	background: #090908;
	color: var(--mcc-cream);
	border: 1px solid rgba(200, 154, 82, .38);
	box-shadow: 0 28px 74px rgba(0, 0, 0, .38);
	overflow: hidden;
}

.mcc-promo-v2__visual {
	position: relative;
	min-height: 620px;
	background-image: var(--mcc-promo-image);
	background-size: contain;
	background-position: center center;
	background-color: #080807;
	background-repeat: no-repeat;
	overflow: hidden;
}

.mcc-promo-v2__visual-shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(0,0,0,.02) 55%, rgba(5,5,4,.52) 72%, rgba(8,8,7,.98) 90%, #080807 100%),
		linear-gradient(90deg, rgba(0,0,0,.04) 0%, transparent 18%, transparent 82%, rgba(0,0,0,.12) 100%);
	pointer-events: none;
}

.mcc-promo-v2__provider {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 12px;
	align-items: center;
	max-width: 280px;
	padding: 9px 12px;
	background: rgba(8,8,7,.86);
	border: 1px solid rgba(226,189,122,.65);
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 12px 28px rgba(0,0,0,.3);
	backdrop-filter: blur(8px);
}

.mcc-promo-v2__provider span,
.mcc-promo-v2__provider strong {
	grid-column: 1;
}

.mcc-promo-v2__provider span {
	font-size: 10px;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #d8d0c4;
}

.mcc-promo-v2__provider strong {
	font-size: 14px;
	line-height: 1.25;
	color: var(--mcc-gold-light);
}

.mcc-promo-v2__provider em {
	grid-column: 2;
	grid-row: 1 / 3;
	font-style: normal;
	font-size: 18px;
}

.mcc-promo-v2__provider:hover,
.mcc-promo-v2__provider:focus-visible {
	border-color: var(--mcc-gold-light);
	filter: brightness(1.08);
}

.mcc-promo-v2__progress {
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 18px;
	z-index: 3;
	padding: 13px 17px 15px;
	background: rgba(8,8,7,.92);
	border: 1px solid rgba(200,154,82,.72);
	box-shadow: 0 14px 36px rgba(0,0,0,.42);
	backdrop-filter: blur(10px);
}

.mcc-promo-v2__progress-copy {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 11px;
	text-transform: uppercase;
	letter-spacing: .075em;
}

.mcc-promo-v2__progress-copy strong {
	font-size: 27px;
	line-height: 1;
	color: var(--mcc-gold-light);
}

.mcc-promo-v2__progress-copy span {
	font-size: 12px;
	color: #fff;
}

.mcc-promo-v2__track {
	height: 11px;
	background: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.08);
	overflow: hidden;
}

.mcc-promo-v2__track span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--mcc-gold), var(--mcc-gold-light));
}

.mcc-promo-v2__content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(30px, 3.7vw, 58px);
	background:
		radial-gradient(circle at 100% 0%, rgba(200,154,82,.1), transparent 38%),
		linear-gradient(145deg, #151411 0%, #080807 100%);
}

.mcc-promo-v2__content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7%;
	bottom: 7%;
	width: 1px;
	background: linear-gradient(transparent, rgba(200,154,82,.55), transparent);
}

.mcc-promo-v2__eyebrow {
	margin: 0 0 12px !important;
	color: var(--mcc-gold-light) !important;
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: .19em;
	text-transform: uppercase;
}

.mcc-promo-v2__content h2 {
	margin: 0 0 16px !important;
	color: var(--mcc-cream) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 3vw, 50px) !important;
	line-height: 1.08 !important;
	font-weight: 500 !important;
	letter-spacing: -.02em;
}

.mcc-promo-v2__content > p:not(.mcc-promo-v2__eyebrow):not(.mcc-promo-v2__legal) {
	margin: 0 0 12px !important;
	color: var(--mcc-muted) !important;
	font-size: clamp(14px, 1vw, 17px) !important;
	line-height: 1.52 !important;
}

.mcc-promo-v2__content a {
	color: var(--mcc-gold-light);
}

.mcc-promo-v2__benefits {
	margin-top: 10px;
	border-top: 1px solid rgba(200,154,82,.32);
}

.mcc-promo-v2__benefit {
	display: grid;
	grid-template-columns: 50px minmax(0,1fr);
	gap: 14px;
	align-items: center;
	padding: 14px 0;
	border-bottom: 1px solid rgba(200,154,82,.32);
}

.mcc-promo-v2__icon {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 1px solid var(--mcc-gold);
	border-radius: 50%;
	color: var(--mcc-gold-light);
}

.mcc-promo-v2__icon svg {
	width: 25px;
	height: 25px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mcc-promo-v2__benefit h3 {
	margin: 0 0 4px !important;
	color: var(--mcc-gold-light) !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.mcc-promo-v2__benefit p {
	margin: 0 !important;
	color: var(--mcc-muted) !important;
	font-size: 13px !important;
	line-height: 1.42 !important;
}

.mcc-promo-v2__actions {
	margin-top: 20px;
}

.mcc-promo-v2__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 100%;
	min-height: 52px;
	padding: 12px 21px;
	background: linear-gradient(90deg, var(--mcc-gold), var(--mcc-gold-light));
	color: #080807 !important;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .035em;
	text-decoration: none !important;
	text-transform: uppercase;
	box-shadow: 0 12px 26px rgba(0,0,0,.28);
	transition: transform .2s ease, filter .2s ease;
}

.mcc-promo-v2__button:hover,
.mcc-promo-v2__button:focus-visible {
	transform: translateY(-2px);
	filter: brightness(1.07);
}

.mcc-promo-v2__secondary-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px 24px;
	margin-top: 14px;
}

.mcc-promo-v2__secondary-links a {
	font-size: 13px;
	font-weight: 700;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.mcc-promo-v2__legal {
	margin: 18px 0 0 !important;
	color: #918b82 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
	letter-spacing: .035em;
	text-transform: uppercase;
}

@media (max-width: 1180px) {
	.mcc-promo-v2 {
		grid-template-columns: 1fr;
		width: min(100%, 920px);
	}

	.mcc-promo-v2__visual {
		min-height: 600px;
	}

	.mcc-promo-v2__content::before {
		display: none;
	}
}

@media (max-width: 720px) {
	.mcc-promo-v2 {
		margin: 34px auto;
		border-left: 0;
		border-right: 0;
	}

	.mcc-promo-v2__visual {
		min-height: 380px;
		background-position: center center;
	}

	.mcc-promo-v2__provider {
		top: 14px;
		right: 14px;
		left: 14px;
		max-width: none;
	}

	.mcc-promo-v2__progress {
		left: 14px;
		right: 14px;
		bottom: 14px;
		padding: 13px 14px 15px;
	}

	.mcc-promo-v2__progress-copy strong {
		font-size: 26px;
	}

	.mcc-promo-v2__progress-copy span {
		font-size: 10px;
	}

	.mcc-promo-v2__content {
		padding: 32px 20px 36px;
	}

	.mcc-promo-v2__content h2 {
		font-size: clamp(30px, 9vw, 40px) !important;
	}

	.mcc-promo-v2__benefit {
		grid-template-columns: 46px minmax(0,1fr);
		gap: 13px;
	}

	.mcc-promo-v2__icon {
		width: 44px;
		height: 44px;
	}

	.mcc-promo-v2__secondary-links {
		align-items: center;
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mcc-promo-v2__button {
		transition: none;
	}
}