/* ------------------------------------------------------------------ *
 * BLOOM - the "ברוכה הבאה" greeting on the home page.
 *
 * A centred editorial signature: the words set large and delicate in
 * Bellefair, a thin smoky-gold rule reaching out to either side and
 * fading as it goes, a small drawn heart, and the opening line beneath
 * in the regular body font. Airy, but deliberately short - the whole
 * block is about 150px tall on a desktop.
 *
 * Nothing else on the home page is touched by this file.
 * ------------------------------------------------------------------ */

/* The air above and below the greeting. The section's own top padding is
   what opens the gap under the menu, so it is pulled in here rather than
   by pushing the block around with margins. Only this section is touched -
   every other band on the page keeps its own spacing. */
.lt.lt-sec--about { padding-top: 24px; }

.bw {
	text-align: center;
	margin: 0 auto 14px;
	padding: 0;
}

/* The rules and the words sit on one line and share it: the words take
   the room they need, the rules take what is left. */
.bw-line {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(16px, 3vw, 30px);
	max-width: 720px;
	margin: 0 auto;
}

.bw-rule {
	flex: 1 1 auto;
	min-width: 24px;
	height: 1px;
	background: linear-gradient(to right,
		rgba(196, 168, 130, 0) 0%,
		rgba(196, 168, 130, .55) 45%,
		rgba(196, 168, 130, .8) 100%);
}
/* The pair mirror each other, so each fades away from the middle. */
.bw-line .bw-rule:last-child {
	background: linear-gradient(to left,
		rgba(196, 168, 130, 0) 0%,
		rgba(196, 168, 130, .55) 45%,
		rgba(196, 168, 130, .8) 100%);
}

.bw-title {
	font-family: 'Bellefair', 'Frank Ruhl Libre', serif;
	font-weight: 400;
	font-size: clamp(34px, 5.4vw, 58px);
	line-height: 1.08;
	letter-spacing: .015em;
	color: #4A3728;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	border: 0;
}
.bw-title::before,
.bw-title::after { content: none; }

.bw-heart {
	display: block;
	margin: 8px auto 0;
	color: #C4A882;
	line-height: 0;
}
.bw-heart svg { display: inline-block; vertical-align: middle; }

.bw-lead {
	font-family: 'Assistant', system-ui, sans-serif;
	font-size: clamp(15px, 1.5vw, 18px);
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .01em;
	color: #63584F;
	margin: 10px auto 0;
	max-width: 46ch;
}

/* On a narrow screen the words need the full width, so the rules step
   under them rather than squeezing the letters. */
@media (max-width: 600px) {
	.lt.lt-sec--about { padding-top: 16px; }
	.bw { margin-bottom: 12px; }
	.bw-line { gap: 12px; }
	.bw-title { white-space: normal; }
	.bw-rule { min-width: 14px; }
	.bw-heart { margin-top: 7px; }
}