.mst-screen-reader-copy {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

article.mst-article.mst-article--graphic,
article.mst-article.mst-article--text {
	background: var(--mst-ink) !important;
	color: var(--mst-paper) !important;
}

.mst-article__graphic-hero {
	position: relative;
	width: min(1120px, calc(100% - clamp(32px, 7vw, 144px)));
	margin: 0 auto;
	padding-top: clamp(44px, 4vw, 58px);
}

.mst-article__graphic-hero picture,
.mst-article__graphic-hero img {
	display: block;
	width: 100%;
}

.mst-article__graphic-hero.is-legacy-graphic img {
	aspect-ratio: auto;
}

.mst-legacy-mobile-copy {
	display: none;
}

.mst-article__graphic-hero img {
	height: auto !important;
	aspect-ratio: 1200 / 630;
	object-fit: contain !important;
	background: #080b0c;
}

.mst-article--graphic .mst-article__content {
	padding-top: clamp(54px, 7vw, 86px);
}

.mst-article__text-hero {
	position: relative;
	padding: clamp(168px, 20vw, 238px) 0 clamp(64px, 9vw, 118px);
	border-bottom: 1px solid var(--mst-line);
	background:
		radial-gradient(circle at 78% 15%, rgba(100, 202, 250, .08), transparent 31%),
		linear-gradient(180deg, #0d1213, var(--mst-ink));
}

.mst-article__text-hero h1 {
	max-width: 980px;
	margin: 25px 0 0;
	font: 400 clamp(39px, 5.4vw, 76px) / 1.2 "Noto Serif JP", serif;
	letter-spacing: -.045em;
}

.mst-article__text-hero.has-no-date h1,
.mst-article__hero.has-no-date h1 {
	margin-top: 0;
}

@media (max-width: 700px) {
	.mst-article__graphic-hero {
		width: calc(100% - 40px);
		padding-top: 30px;
	}

	.mst-article__graphic-hero.has-mobile-graphic img {
		aspect-ratio: 4 / 5;
	}

	.mst-article__graphic-hero.is-legacy-graphic {
		isolation: isolate;
	}

	.mst-article__graphic-hero.is-legacy-graphic::after {
		position: absolute;
		z-index: 1;
		inset: 30px 0 0;
		content: "";
		pointer-events: none;
		background: linear-gradient(0deg, rgba(4, 7, 8, .92), transparent 58%);
	}

	.mst-article__graphic-hero.is-legacy-graphic img {
		aspect-ratio: 4 / 5;
		object-fit: cover !important;
	}

	.mst-legacy-mobile-copy {
		position: absolute;
		z-index: 2;
		left: 25px;
		right: 25px;
		bottom: 30px;
		display: block;
	}

	.mst-legacy-mobile-copy time {
		display: block;
		margin-bottom: 12px;
		color: var(--mst-cyan);
		font: 500 10px / 1 "DM Sans", sans-serif;
		letter-spacing: .14em;
	}

	.mst-legacy-mobile-copy p {
		margin: 0;
		color: var(--mst-paper);
		font: 400 25px / 1.38 "Noto Serif JP", serif;
		letter-spacing: -.035em;
	}

	.mst-article__text-hero {
		padding: 148px 0 68px;
	}

	.mst-article__text-hero h1 {
		font-size: 40px;
	}
}