/*
 * Brand pilot assets.
 *
 * Visual fallbacks bundled with the theme are used only while the equivalent
 * WordPress media fields are empty. Rules are scoped by brand variant so real
 * uploaded media keeps precedence in the server-rendered markup.
 */

/* Olenka — fallback logo on the light Hero copy column. */
.fenie-brand-profile--olenka .fenie-brand-profile__hero-copy > .fenie-eyebrow:first-child {
	background-image: url("../images/brands/olenka/logo/02-olenka-logo-horizontal-dark.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	color: transparent;
	font-size: 0;
	height: 4rem;
	letter-spacing: 0;
	line-height: 0;
	margin: 0 0 clamp(1.25rem, 2vw, 2rem);
	max-width: 18rem;
	overflow: hidden;
	width: min(18rem, 65%);
}

/* Olenka — responsive Hero artwork. The element exists only when no WP cover is set. */
.fenie-brand-profile--olenka .fenie-brand-profile__hero-placeholder {
	background-color: var(--wp--preset--color--midnight);
	background-image: url("../images/brands/olenka/hero/01-hero-editorial-olenka.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.fenie-brand-profile--olenka .fenie-brand-profile__hero-placeholder::before,
.fenie-brand-profile--olenka .fenie-brand-profile__hero-placeholder span {
	display: none;
}

@media (max-width: 680px) {
	.fenie-brand-profile--olenka .fenie-brand-profile__hero-placeholder {
		background-image: url("../images/brands/olenka/hero/01-hero-editorial-olenka-mobile.png");
		background-position: center;
	}
}