/* Homepage journal — sits above the closing quote slider */
.lbn-hj {
	--hj-ink: #050505;
	--hj-gold: #c4a16b;
	--hj-copper: #bc9064;
	--hj-cream: #ece6dc;
	--hj-text: #bdb7ae;
	--hj-muted: #8a847c;
	--hj-line: rgba(196, 161, 107, .2);
	--hj-serif: "Tenor Sans", Georgia, serif;
	--hj-italic: "Cormorant Garamond", Georgia, serif;
	--hj-sans: Poppins, "Helvetica Neue", Arial, sans-serif;

	/* Full-bleed black — no Elementor "box" gutters on the sides */
	position: relative;
	left: 50%;
	right: 50%;
	width: 100vw;
	max-width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: clamp(88px, 12vh, 140px) clamp(20px, 5vw, 72px) clamp(72px, 10vh, 120px);
	box-sizing: border-box;
	background: var(--hj-ink);
	color: var(--hj-text);
	font-family: var(--hj-sans);
	text-align: center;
	overflow: hidden;
}

/* Kill Elementor column/section padding that creates gray side rails */
.elementor-element:has(.lbn-hj),
.elementor-element:has(.lbn-hj) > .elementor-container,
.elementor-element:has(.lbn-hj) > .elementor-widget-wrap,
.elementor-element:has(.lbn-hj) .elementor-widget-shortcode,
.elementor-element:has(.lbn-hj) .elementor-widget-container {
	padding: 0 !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
	background: #050505 !important;
}
.elementor-element:has(.lbn-hj) > .elementor-container {
	display: block !important;
}
.lbn-hj__head { max-width: 720px; margin: 0 auto 56px; }
.lbn-hj__eyebrow {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .38em;
	text-transform: uppercase;
	color: var(--hj-copper);
}
.lbn-hj__title {
	margin: 0 !important;
	font-family: var(--hj-serif) !important;
	font-size: clamp(30px, 3.6vw, 48px) !important;
	font-weight: 400 !important;
	line-height: 1.15 !important;
	letter-spacing: .02em !important;
	text-transform: none !important;
	color: var(--hj-gold) !important;
}
.lbn-hj__orn {
	position: relative;
	display: block;
	width: 120px;
	height: 9px;
	margin: 28px auto 0;
}
.lbn-hj__orn::before {
	content: "";
	position: absolute;
	top: 4px; left: 0; right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--hj-gold) 28%, var(--hj-gold) 72%, transparent);
	opacity: .55;
}
.lbn-hj__orn i {
	position: absolute;
	left: 50%; top: 0;
	width: 9px; height: 9px;
	margin-left: -4.5px;
	background: var(--hj-ink);
	border: 1px solid var(--hj-gold);
	transform: rotate(45deg);
}

.lbn-hj__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(22px, 3vw, 36px);
	align-items: stretch;
	max-width: 1240px;
	margin: 0 auto;
	text-align: left;
}
.lbn-hj__card {
	min-width: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.lbn-hj__media {
	display: block;
	overflow: hidden;
	margin-bottom: 22px;
	border-radius: 1px;
	box-shadow: 0 0 0 1px rgba(236,230,220,.05);
	background: #111;
	flex: 0 0 auto;
}
.lbn-hj__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 1.1s cubic-bezier(.2,.65,.2,1), opacity .4s ease;
	opacity: .92;
}
.lbn-hj__card:hover .lbn-hj__media img {
	transform: scale(1.04);
	opacity: 1;
}
.lbn-hj__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--hj-muted);
}
.lbn-hj__cat { color: var(--hj-copper); }
.lbn-hj__dot {
	width: 3px; height: 3px;
	border-radius: 50%;
	background: var(--hj-gold);
	opacity: .7;
}
.lbn-hj__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}
.lbn-hj__card-title {
	margin: 0 0 18px !important;
	min-height: calc(1.3em * 2);
	font-family: var(--hj-serif) !important;
	font-size: clamp(20px, 1.7vw, 26px) !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	letter-spacing: .01em !important;
	text-transform: none !important;
}
.lbn-hj__card-title a {
	color: var(--hj-cream) !important;
	text-decoration: none !important;
	transition: color .25s;
}
.lbn-hj__card-title a:hover { color: var(--hj-gold) !important; }
.lbn-hj__more {
	display: inline-block;
	align-self: flex-start;
	margin-top: auto;
	padding-bottom: 3px;
	border-bottom: 1px solid var(--hj-line);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--hj-copper) !important;
	text-decoration: none !important;
	transition: color .25s, border-color .25s;
}
.lbn-hj__more:hover {
	color: var(--hj-cream) !important;
	border-color: var(--hj-gold);
}
.lbn-hj__cta { margin-top: 40px; }
.lbn-hj__all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 32px;
	border: 1px solid rgba(196,161,107,.45);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--hj-cream) !important;
	text-decoration: none !important;
	transition: background .25s, border-color .25s, color .25s;
}
.lbn-hj__all:hover {
	background: rgba(196,161,107,.1);
	border-color: var(--hj-gold);
	color: var(--hj-gold) !important;
}

@media (max-width: 900px) {
	.lbn-hj__grid { grid-template-columns: 1fr; max-width: 520px; }
	.lbn-hj { padding-top: 72px; padding-bottom: 64px; }
	.lbn-hj__head { margin-bottom: 40px; }
}