/* Luton Rentals — Photo and Text */

.lr.story { padding: 112px 0; background-color: var(--lr-white); color: var(--lr-ink); }
.lr.story--paper { background-color: var(--lr-paper); }
.lr.story--night { background-color: var(--lr-night); color: var(--lr-white); }
.lr.story--paper + .lr.story--paper, .lr.story--white + .lr.story--white { padding-top: 0; }

.lr .story__in { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.lr.story--right .story__media { order: 2; }
.lr.story--noimg .story__in { grid-template-columns: minmax(0, 1fr); max-width: 860px; }

.lr .story__media { position: relative; border-radius: var(--lr-r); overflow: hidden; background-color: var(--lr-paper); }
.lr .story__media--4-3 { aspect-ratio: 4 / 3; }
.lr .story__media--1-1 { aspect-ratio: 1 / 1; }
.lr .story__media--4-5 { aspect-ratio: 4 / 5; }
.lr .story__media img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }

.lr .story__copy { max-width: 36em; }
.lr .story__text { margin-top: 22px; font-size: 17.5px; line-height: 1.65; color: var(--lr-ink-2); }
.lr.story--night .story__text { color: rgba(255, 255, 255, .74); }
.lr .story__text p + p, .lr .story__text p + ul, .lr .story__text ul + p { margin-top: 14px; }
.lr .story__text ul, .lr .story__text ol { padding-left: 1.2em; margin: 14px 0 0; }
.lr .story__text a { color: inherit; text-underline-offset: 4px; text-decoration-color: var(--lr-amber-d); }
.lr .story__text strong { font-weight: 600; color: var(--lr-ink); }
.lr.story--night .story__text strong { color: var(--lr-white); }

.lr .story__ticks { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 12px; }
.lr .story__ticks li { position: relative; padding-left: 32px; line-height: 1.5; }
.lr .story__ticks li::before { content: ""; position: absolute; left: 3px; top: .4em; width: 14px; height: 8px; border-left: 2.5px solid var(--lr-amber-d); border-bottom: 2.5px solid var(--lr-amber-d); transform: rotate(-45deg); }
.lr.story--night .story__ticks li::before { border-color: var(--lr-amber); }

.lr .story__act { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin-top: 34px; }
.lr.story--night .story__act .link { color: var(--lr-white); }
.lr .story__act .link:hover { color: var(--lr-amber-d); }
.lr.story--night .story__act .link:hover { color: var(--lr-amber); }

@media (max-width: 1100px) {
	.lr .story__in { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.lr.story--right .story__media { order: 0; }
	.lr .story__media--4-5 { aspect-ratio: 4 / 3; }
}

@media (max-width: 640px) {
	.lr.story { padding: 64px 0; }
	.lr .story__in { gap: 28px; }
	.lr .story__text { font-size: 16.5px; }
	.lr .story__act .btn { width: 100%; }
}