header.hero-header {
	align-items: center;
	min-height: min(20vw, 219px);
	/* padding-bottom: var(--spacing); */
	/* border-bottom: var(--border-thin); */
	margin-bottom: 3em;
	justify-content: space-between;
	transition: max-width 300ms ease-in-out;
	border-radius: max(0px, min(var(--spacing), calc((100vw - 100%) * 9999))); /* conditional corners */
	background-color: var(--panel-light);
	padding: 1ch;
}

@media (min-width: 1880px) {
	header.hero-header.hero-header-img {
		max-width: 1700px;
		transition: max-width 400ms ease-in-out; /* slower when large */
	}
}

header.hero-header>* {
	/* flex: 2; */
	flex-shrink: 1;
	flex-basis: fit-content;
}

header.hero-header>div {
	padding: 3%;
}

header.hero-header>img {
	/* flex: 3; */
	height: min(600px, 50vh, 40vw);
	/* width: 100%; */
	width: auto;
	max-width: 65%;
	object-fit: var(--hero-img-fit, cover);
	/* box-shadow: var(--shadow); */
}

@media (max-width: 650px) {
	header.hero-header {
		flex-direction: column;
		background: none;
		border-bottom: var(--border-thin);
	}

	header.hero-header>img {
		width: 100%;
		max-width: 100%;
		min-height: 13em;
	}
}