/*
 * Regional homepage mastheads.
 *
 * Every private regional edition uses the same editorial composition and
 * interaction model. The artwork and restrained accent colors identify the
 * place; headings, search and accessibility text remain live HTML.
 */
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero {
	--edition-hero-accent:#f4c62d;
	--edition-hero-shadow:#11120f;
	--edition-hero-position:63% center;
	min-height:590px;
	display:flex;
	align-items:flex-end;
	position:relative;
	overflow:hidden;
	background-color:#101a24;
	background-image:
		linear-gradient(90deg,rgba(7,16,25,.96) 0%,rgba(7,20,31,.84) 37%,rgba(7,20,31,.28) 68%,rgba(7,20,31,.12) 100%),
		var(--edition-hero-image);
	background-size:cover;
	background-position:var(--edition-hero-position);
	border-top:0;
	border-bottom:6px solid var(--edition-hero-accent);
	color:#fffaf0;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero:after {
	content:'';
	position:absolute;
	inset:12px;
	z-index:0;
	pointer-events:none;
	border:1px solid rgba(255,255,255,.22);
	border-radius:68px 0 68px 0;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-grid {
	position:relative;
	z-index:1;
	width:100%;
	align-items:end;
	padding-bottom:20px;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero h1 {
	font-family:var(--sans);
	font-size:clamp(55px,8vw,112px);
	font-weight:900;
	letter-spacing:-.065em;
	color:var(--edition-hero-accent);
	text-shadow:3px 3px 0 var(--edition-hero-shadow);
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero :is(.eyebrow,.hero-claim) {
	color:#fffaf0;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side {
	padding:20px;
	background:rgba(7,16,25,.78);
	border:1px solid color-mix(in srgb,var(--edition-hero-accent) 62%,transparent);
	backdrop-filter:blur(9px);
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side .thesis span {
	color:#fffaf0;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side .thesis span:last-child {
	color:var(--edition-hero-accent);
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side .search-form {
	background:#fffaf0;
	color:#11120f;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side .search-form input {
	color:#11120f;
}
:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side .search-form button {
	background:var(--edition-hero-accent);
	color:#11120f;
}

.edition-jp .hero {
	--edition-hero-image:url('assets/images/japan-crossing-hero-v1.webp');
	--edition-hero-accent:#f0b84b;
	--edition-hero-shadow:#7d211a;
}
.edition-sg .hero {
	--edition-hero-image:url('assets/images/singapore-crossing-hero-v1.webp');
	--edition-hero-accent:#ffb9bf;
	--edition-hero-shadow:#831a26;
}
.edition-tw .hero {
	--edition-hero-image:url('assets/images/taiwan-crossing-hero-v1.webp');
	--edition-hero-accent:#8ed8e7;
	--edition-hero-shadow:#17445e;
}
.edition-lon .hero {
	--edition-hero-image:url('assets/images/london-crossing-hero-v1.webp');
	--edition-hero-accent:#e5c998;
	--edition-hero-shadow:#5d2635;
}
.edition-nyc .hero {
	--edition-hero-image:url('assets/images/new-york-crossing-hero-v1.webp');
	--edition-hero-accent:#ffd84a;
	--edition-hero-shadow:#11120f;
}

html[data-theme=dark] body.edition-jp .brand{color:#f0b84b!important}
html[data-theme=dark] body.edition-sg .brand{color:#ffb9bf!important}
html[data-theme=dark] body.edition-tw .brand{color:#8ed8e7!important}
html[data-theme=dark] body.edition-lon .brand{color:#e5c998!important}
html[data-theme=dark] body.edition-nyc .brand{color:#ffd84a!important}
html[data-theme=dark] body.edition-mia .brand{color:#91eee4!important}

html[data-theme=dark] body:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero {
	background-color:#080d12;
	background-image:
		linear-gradient(90deg,rgba(3,8,13,.96) 0%,rgba(3,10,16,.84) 37%,rgba(3,10,16,.3) 68%,rgba(3,10,16,.14) 100%),
		var(--edition-hero-image)!important;
	background-size:cover!important;
	background-position:var(--edition-hero-position)!important;
}
html[data-theme=dark] body:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero h1 {
	color:var(--edition-hero-accent)!important;
}
html[data-theme=dark] body:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero :is(.eyebrow,.hero-claim) {
	color:#fffaf0!important;
}

@media(max-width:760px) {
	:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero,
	html[data-theme=dark] body:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero {
		min-height:650px;
		background-image:
			linear-gradient(180deg,rgba(4,10,16,.2) 0%,rgba(4,10,16,.5) 43%,rgba(4,10,16,.97) 100%),
			var(--edition-hero-image)!important;
		background-position:var(--edition-hero-position)!important;
	}
	:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero:after {
		inset:8px;
		border-radius:40px 0;
	}
	:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-grid {
		padding-top:240px;
	}
	:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero-side {
		padding:16px;
	}
	:is(.edition-jp,.edition-sg,.edition-tw,.edition-lon,.edition-nyc,.edition-mia) .hero h1 {
		font-size:clamp(50px,17vw,82px);
		text-shadow:2px 2px 0 var(--edition-hero-shadow);
	}
}