/* Matte normal-site branding. Never target the separate intro/preloader. */
.whm-site-logo {
	--whm-brand-gold: #c2a374;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	vertical-align: middle;
	width: 68px;
	color: var(--whm-brand-gold);
	line-height: 1;
}
.whm-site-logo__mark {
	display: block;
	width: 36px;
	aspect-ratio: 311 / 300;
	background: var(--whm-brand-gold);
	-webkit-mask: url('../images/whm-logo.png') center / contain no-repeat;
	mask: url('../images/whm-logo.png') center / contain no-repeat;
}
/* Enlarge visually inside the existing header footprint; layout stays fixed. */
.whm-site-logo--header {
	/* Retain the original occupied height after removing the header-only line. */
	height: calc(36px * 300 / 311 + 20px);
	justify-content: center;
	transform: scale(1.3216); /* 12% larger than the previous 1.18 scale. */
	transform-origin: center;
}
.whm-site-logo--header .whm-site-logo__wordmark { margin-top: 2px; }
.whm-site-logo--header .whm-site-logo__line { display: none; }
.whm-site-logo__wordmark {
	margin-top: 4px;
	padding-left: 0.34em;
	font-family: Inter, system-ui, sans-serif;
	font-size: 8px;
	font-weight: 400;
	line-height: 10px;
	letter-spacing: 0.34em;
	color: var(--whm-brand-gold);
}
.whm-site-logo__line {
	display: block;
	width: 36px;
	height: 1px;
	margin-top: 5px;
	background: var(--whm-brand-gold);
	opacity: 0.8;
}
.whm-site-logo--footer { width: 96px; }
.whm-site-logo--footer .whm-site-logo__mark { width: 64px; }
.whm-site-logo--footer .whm-site-logo__wordmark { margin-top: 7px; font-size: 10px; line-height: 12px; }
.whm-site-logo--footer .whm-site-logo__line { width: 48px; margin-top: 7px; }