.sc-cn-v2 {
	overflow: visible;
}

.sc-cn-v2 h1,
.sc-cn-v2 h2,
.sc-cn-v2 h3 {
	text-wrap: balance;
}

.sc-cn-hero {
	width: 100vw;
	margin-inline: calc(50% - 50vw);
	padding-block: 84px 34px;
	background: linear-gradient(180deg, #07172f 0%, #030d1e 100%);
	overflow: clip;
}

.sc-cn-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 15% 18%, rgba(184, 132, 50, 0.22), transparent 35%),
		radial-gradient(circle at 85% 100%, rgba(255, 255, 255, 0.03), transparent 38%);
	pointer-events: none;
}

.sc-cn-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.98fr);
	gap: 48px;
	align-items: center;
	width: min(100% - 64px, 1240px);
	margin-inline: auto;
}

.sc-cn-hero__copy > p:not(.sc-cn-kicker) {
	max-width: 620px;
	line-height: 1.78;
}

.sc-cn-hero__copy {
	display: grid;
	align-content: center;
}

.sc-cn-hero__media {
	background: linear-gradient(180deg, #f5f7fa 0%, #dde4ec 100%);
}

.sc-cn-hero__media img {
	height: auto;
	object-fit: contain;
	object-position: center top;
	background: #fff;
}

.sc-cn-hero__media figcaption {
	position: static;
	display: grid;
	gap: 4px;
	padding: 18px 22px 20px;
	background: #fff;
	color: var(--cn-navy);
}

.sc-cn-hero__media figcaption strong {
	color: var(--cn-navy);
}

.sc-cn-hero__media figcaption span {
	color: var(--cn-muted);
}

.sc-cn-media-note {
	margin-top: 18px;
	color: #8f9aad;
}

.sc-cn-suspicious-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
}

.sc-cn-suspicious-grid__guide {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	gap: 22px 24px;
	align-items: center;
	padding: 22px;
}

.sc-cn-suspicious-grid__guide > img {
	height: auto;
	object-fit: contain;
	border-radius: 16px;
	background: #fff;
	border: 1px solid rgba(10, 26, 56, 0.08);
}

.sc-cn-suspicious-grid__guide > div {
	display: grid;
	gap: 10px;
	align-self: center;
	padding: 8px 6px 8px 0;
}

.sc-cn-suspicious-grid__guide > div > strong {
	margin: 0;
	color: var(--cn-navy);
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.7rem;
	font-weight: 500;
}

.sc-cn-suspicious-grid__guide > div > p {
	margin: 0;
	color: var(--cn-muted);
	font-size: .84rem;
	line-height: 1.78;
}

@media (max-width: 1100px) {
	.sc-cn-hero__grid {
		grid-template-columns: 1fr;
		gap: 40px;
		width: min(100% - 64px, 760px);
	}

	.sc-cn-hero__media {
		max-width: 760px;
	}

	.sc-cn-suspicious-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.sc-cn-hero {
		padding-block: 62px 28px;
	}

	.sc-cn-hero__grid {
		gap: 40px;
		width: min(100% - 30px, 620px);
	}

	.sc-cn-hero__media img {
		height: auto;
	}

	.sc-cn-suspicious-grid {
		grid-template-columns: 1fr;
	}

	.sc-cn-suspicious-grid__guide {
		grid-column: auto;
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 18px;
	}

	.sc-cn-suspicious-grid__guide > img {
		height: auto;
	}
}