/**
 * Nexza Post Hero widget.
 */

.nx-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--nx-taupe);
}

.nx-crumbs a {
	color: inherit;
	transition: color .3s;
}

.nx-crumbs a:hover,
.nx-crumbs a:focus-visible,
.nx-crumbs .is-current {
	color: var(--nx-ember);
}

.nx-poh h1 {
	max-width: 18ch;
	margin: 28px 0 0;
	font-size: clamp(40px, 5.6vw, 104px);
	line-height: .98;
	overflow-wrap: break-word;
}

.nx-poh .nx-lead {
	margin: 28px 0 0;
}

.nx-byline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin-top: 28px;
	font-size: 14px;
	color: var(--nx-muted-dark);
}

.nx-byline b {
	color: var(--nx-sand);
}

.nx-byline-photo {
	width: 44px;
	height: 44px;
	border: 1px solid var(--nx-line-2);
	border-radius: 50%;
}

.nx-byline i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--nx-taupe);
}

.nx-poh-img {
	margin-top: clamp(40px, 5vw, 80px);
}

@media (max-width: 860px) {
	.nx-poh-img.nx-ratio-21-9 {
		aspect-ratio: 16 / 9;
	}
}