/* Banner: full-bleed photo with a dark fade (business hire). */
.lr.banner { --shade: 1; position: relative; color: var(--lr-white); background: var(--lr-night); min-height: 640px; display: flex; align-items: center; overflow: hidden; }
.lr .banner__bg { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 62%; }
.lr.banner::before { content: ""; position: absolute; inset: 0; z-index: 1; opacity: var(--shade); background: linear-gradient(90deg, rgba(13, 22, 36, .85) 0%, rgba(13, 22, 36, .5) 45%, rgba(13, 22, 36, 0) 75%); }
.lr .banner__in { position: relative; z-index: 2; width: 100%; }
.lr .banner__copy { max-width: 520px; }
.lr .banner__text { color: rgba(255, 255, 255, .8); margin: 20px 0 32px; font-size: 18px; }

@media (max-width: 640px) {
	.lr.banner { min-height: 560px; align-items: flex-end; padding-bottom: 48px; }
	.lr.banner::before { background: linear-gradient(0deg, rgba(13, 22, 36, .9) 0%, rgba(13, 22, 36, .5) 55%, rgba(13, 22, 36, .1) 100%); }
}