header {
	width: 100%;
	height: 180px;

	background:url("../../img/background/header-bois.webp") center center / cover no-repeat;

	position: relative;
}

/* H1 texte caché hors écran (SEO + accessibilité) */
header h1 {
	position: absolute;
	left: -9999px;
	top: 0;
}

/* image macramé utilisée comme titre visuel */
header .macrame-title {
	width: 300px;
	height: 150px;
	object-fit: cover;
	border-radius: 15px;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}