/* Frise Vodoun */
.hgb-frieze {
	--hgb-frieze-color: #825500;
	--hgb-frieze-h: 16px;
	--hgb-frieze-w: 24px;
	display: flex; align-items: center; gap: 12px; width: 100%;
	color: var(--hgb-frieze-color);
}
.hgb-frieze__band {
	flex: 1 1 auto; height: var(--hgb-frieze-h);
	background-color: var(--hgb-frieze-color);
	-webkit-mask-repeat: repeat-x; mask-repeat: repeat-x;
	-webkit-mask-size: var(--hgb-frieze-w) 100%; mask-size: var(--hgb-frieze-w) 100%;
	-webkit-mask-position: center; mask-position: center;
}
.hgb-frieze--lozenge .hgb-frieze__band {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M12 1 23 8 12 15 1 8z' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M12 5.5 16 8 12 10.5 8 8z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M12 1 23 8 12 15 1 8z' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M12 5.5 16 8 12 10.5 8 8z'/%3E%3C/svg%3E");
}
.hgb-frieze--chevron .hgb-frieze__band {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M0 12 6 4l6 8 6-8 6 8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M0 12 6 4l6 8 6-8 6 8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}
.hgb-frieze--triangle .hgb-frieze__band {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M0 16 6 4l6 12zM12 0h12L18 12z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M0 16 6 4l6 12zM12 0h12L18 12z'/%3E%3C/svg%3E");
}
.hgb-frieze--dots .hgb-frieze__band {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M6 2 12 8 6 14 0 8z'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M6 2 12 8 6 14 0 8z'/%3E%3Ccircle cx='18' cy='8' r='2'/%3E%3C/svg%3E");
}
.hgb-frieze__center {
	flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
	font-size: 20px; line-height: 1; padding: 6px; border-radius: 2px; transform: rotate(0);
}
.hgb-frieze__center svg { width: 1em; height: 1em; fill: currentColor; }

/* Text banner mode */
.hgb-frieze-banner {
	width: 100%;
	background-color: #f7f3ea;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-inline: 1rem;
	border-bottom: 1px solid #d3c4b9;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	text-align: center;
}
.hgb-frieze-banner__diamonds {
	color: #825500;
	opacity: 0.7;
	font-family: monospace;
	font-size: 0.75rem;
	letter-spacing: 0.5em;
}
.hgb-frieze-banner__text {
	font-family: "Montserrat", sans-serif;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.12em;
	font-weight: 700;
	text-transform: uppercase;
	color: #4f453d;
}

@media (max-width: 640px) {
	.hgb-frieze-banner {
		gap: 0.4rem;
		padding-inline: 0.5rem;
	}
	.hgb-frieze-banner__diamonds {
		font-size: 0.65rem;
		letter-spacing: 0.2em;
	}
	.hgb-frieze-banner__text {
		font-size: 9px;
		letter-spacing: 0.06em;
	}
}
