/* RL Site Footer */
.rl-foot { background: var(--rl-ink, #0E0D0B); color: var(--rl-on-ink, #F4EFE5); padding-top: clamp(64px, 8vw, 96px); }

.rl-foot__news { display: grid; gap: 28px; align-items: end; padding-bottom: 56px; border-bottom: 1px solid rgba(244, 239, 229, .12); }
@media (min-width: 960px) { .rl-foot__news { grid-template-columns: 1fr 1fr; gap: 64px; } }
.rl-foot__news-head { display: grid; gap: 16px; justify-items: start; }
:where(.rl-foot) .rl-eyebrow { color: var(--rl-gold-lt, #E8CD8A); }
:where(.rl-foot) .rl-foot__news-title { font-size: clamp(26px, 3vw, 38px); color: var(--rl-on-ink, #F4EFE5); }
:where(.rl-foot) .rl-title em { color: var(--rl-gold-lt, #E8CD8A); }
:where(.rl-foot) .rl-desc { color: var(--rl-on-ink-mute, #A9A296); }

.rl-foot__form { position: relative; display: grid; gap: 12px; grid-template-columns: 1fr; }
@media (min-width: 600px) {
	.rl-foot__form { grid-template-columns: 1fr auto; }
	.rl-foot__form--name { grid-template-columns: 1fr 1fr auto; }
}
.rl-foot__form input[type=text], .rl-foot__form input[type=email] {
	width: 100%; min-width: 0; padding: 14px 2px; margin: 0;
	background: transparent; color: var(--rl-on-ink, #F4EFE5);
	border: 0; border-bottom: 1px solid rgba(244, 239, 229, .3); border-radius: 0; box-shadow: none;
	font: 400 16px var(--rl-font-body, sans-serif); transition: border-color .3s;
}
:where(.rl-foot-in-box) .rl-foot__form input[type=text], :where(.rl-foot-in-box) .rl-foot__form input[type=email] { border: 1px solid rgba(244, 239, 229, .3); padding: 14px 16px; }
.rl-foot__form input::placeholder { color: var(--rl-on-ink-mute, #A9A296); opacity: 1; }
.rl-foot__form input:focus { outline: 0; border-color: var(--rl-gold, #C29B4E); }
.rl-foot__form .rl-foot__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.rl-foot__submit[disabled] { opacity: .6; cursor: progress; }
.rl-foot__note { grid-column: 1 / -1; min-height: 1.4em; font: 400 12px/1.4 var(--rl-font-mono, monospace); letter-spacing: .06em; color: var(--rl-on-ink-mute, #A9A296); }
.rl-foot__note.is-ok { color: var(--rl-gold-lt, #E8CD8A); }
.rl-foot__note.is-error { color: #F2A38C; }

.rl-foot__grid { display: grid; gap: 40px; padding-block: 56px; grid-template-columns: 1fr; }
@media (min-width: 700px) { .rl-foot__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1060px) { .rl-foot__grid { grid-template-columns: var(--rl-foot-brand, 1.4fr) repeat(var(--rl-foot-cols, 3), minmax(0, 1fr)); } }
.rl-foot__brand, .rl-foot__col { display: grid; gap: 18px; align-content: start; min-width: 0; }
.rl-foot__logo img { height: 84px; width: auto; }
.rl-foot__brand-text { max-width: 34ch; font-size: 15px; line-height: 1.6; color: var(--rl-on-ink-mute, #A9A296); }
.rl-foot__col-title { margin: 0 0 2px; font: 500 11px/1 var(--rl-font-mono, monospace); letter-spacing: .2em; text-transform: uppercase; color: var(--rl-gold-lt, #E8CD8A); }
.rl-foot__col-body { display: grid; gap: 12px; font-size: 15px; line-height: 1.6; color: #D9D2C4; }
.rl-foot__col-body p { margin: 0; }
.rl-foot__col-body a { color: #D9D2C4; transition: color .3s; }
.rl-foot__col-body a:hover { color: var(--rl-gold-lt, #E8CD8A); }
.rl-foot__menu { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.rl-foot__menu li { list-style: none; }

.rl-foot .rl-socials { display: flex; flex-wrap: wrap; gap: 12px; }
.rl-foot .rl-socials a {
	display: inline-grid; place-items: center; width: 40px; height: 40px; font-size: 14px; line-height: 1;
	border: 1px solid rgba(244, 239, 229, .2); border-radius: 50%; color: var(--rl-on-ink-mute, #A9A296);
	transition: color .3s, border-color .3s, background-color .3s;
}
.rl-foot .rl-socials svg { width: 14px; height: 14px; fill: currentColor; }
.rl-foot .rl-socials a:hover { color: var(--rl-gold-lt, #E8CD8A); border-color: var(--rl-gold, #C29B4E); }

.rl-foot__bottom {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
	padding-block: 24px calc(24px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid rgba(244, 239, 229, .12);
	font: 400 12px/1.5 var(--rl-font-mono, monospace); letter-spacing: .06em; color: var(--rl-on-ink-mute, #A9A296);
}
.rl-foot__legal { display: flex; flex-wrap: wrap; gap: 18px; list-style: none; margin: 0; padding: 0; }
.rl-foot__bottom a { color: inherit; transition: color .3s; }
.rl-foot__bottom a:hover { color: var(--rl-gold-lt, #E8CD8A); }
