/* Luton Rentals — Footer */

.lr.ft { background-color: var(--lr-night); color: var(--lr-white); padding: 80px 0 28px; --mark-b: var(--lr-amber); }

.lr .ft__cta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lr .ft__panel { display: grid; align-content: start; gap: 8px; padding: 40px 44px; border-radius: 24px; color: inherit; text-decoration: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); transition: background-color .15s; }
.lr .ft__panel:hover { background-color: var(--lr-dusk); color: inherit; }
.lr .ft__panel--amber { background-color: var(--lr-amber); color: var(--lr-night); box-shadow: none; }
.lr .ft__panel--amber:hover { background-color: var(--lr-amber-d); color: var(--lr-night); }
.lr .ft__panel-k { font-size: 15px; font-weight: 500; opacity: .75; }
.lr .ft__panel-t { font-weight: 600; font-size: clamp(24px, 2.6vw, 38px); letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }

.lr .ft__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 72px 0 64px; }
.lr .ft__col h3 { font-size: 14px; font-weight: 500; line-height: 1.4; color: rgba(255, 255, 255, .5); margin: 0 0 16px; }
.lr .ft__col a { display: block; text-decoration: none; padding: 5px 0; color: rgba(255, 255, 255, .88); }
.lr .ft__col a:hover { color: var(--lr-amber); }
.lr .ft__col p { margin: 0 0 14px; color: rgba(255, 255, 255, .88); }

.lr .ft__mark { display: flex; align-items: center; gap: clamp(14px, 2vw, 32px); padding-bottom: 40px; color: var(--lr-white); }
.lr .ft__mark .ft__svg { width: clamp(80px, 18vw, 270px); height: auto; aspect-ratio: 220 / 100; flex: none; }
.lr .ft__mark .ft__logo { display: block; width: 100%; max-width: 1180px; height: auto; aspect-ratio: 214.5 / 30; }
.lr .ft__mark span { font-weight: 600; font-size: clamp(30px, 8.6vw, 150px); letter-spacing: -0.05em; line-height: .9; white-space: nowrap; }

.lr .ft__legal { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 14px; color: rgba(255, 255, 255, .5); }
.lr .ft__legal a { color: rgba(255, 255, 255, .5); text-decoration: none; }
.lr .ft__legal a:hover { color: var(--lr-white); }
.lr .ft__legal .ft__credit { margin-left: auto; }

@media (max-width: 1100px) {
	.lr .ft__cols { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
	.lr.ft { padding-top: 56px; }
	.lr .ft__cta { grid-template-columns: 1fr; }
	.lr .ft__panel { padding: 28px 24px; border-radius: 18px; }
	.lr .ft__cols { gap: 32px 20px; padding: 48px 0 44px; }
	.lr .ft__legal .ft__credit { margin-left: 0; width: 100%; }
}
