/* Branding Monogram
   A zero-height block that drops an overlapping "L" on the seam between the
   blocks above and below — the monogram straddles both (like the contact L).
   Takes no vertical space itself; purely an overlay. */

.branding--section {
	position: relative;
	height: 0;
	z-index: 2;
	pointer-events: none;
}

.branding--monogram {
	position: absolute;
	left: 50%;
	top: 0;                              /* block has no height: top = the seam */
	transform: translate(-50%, -50%);    /* center the L on the seam */
	width: clamp(140px, 22vw, 300px);
	height: auto;
	display: block;
}