/* RL Hero Slider */
.rl-hero {
	position: relative; isolation: isolate; overflow: hidden;
	display: flex; align-items: flex-end;
	min-height: min(94vh, 900px);
	background: var(--rl-ink, #0E0D0B); color: var(--rl-on-ink, #F4EFE5);
}
.rl-hero__slides { position: absolute; inset: 0; z-index: -2; }
.rl-hero__slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.4s var(--rl-ease); }
.rl-hero__slide.is-active { opacity: 1; }
.rl-hero__slide img { width: 100%; height: 100%; object-fit: cover; max-width: none; }
.rl-hero-kb-yes .rl-hero__slide img { transform: scale(1.08); transition: transform 7s linear; }
.rl-hero-kb-yes .rl-hero__slide.is-active img { transform: scale(1); }
.rl-hero__overlay {
	position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: linear-gradient(180deg, rgba(14, 13, 11, .62) 0%, rgba(14, 13, 11, .08) 32%, rgba(14, 13, 11, .25) 55%, rgba(14, 13, 11, .92) 100%);
}
.rl-hero__inner { width: 100%; padding-top: 170px; padding-bottom: 0; }
.rl-hero__grid { display: grid; gap: 40px; align-items: end; }
@media (min-width: 1000px) { .rl-hero__grid { grid-template-columns: minmax(0, 1fr) auto; } }

.rl-hero__content { display: grid; gap: 22px; justify-items: var(--rl-hero-justify, flex-start); max-width: 820px; }
:where(.rl-hero) .rl-eyebrow { color: var(--rl-gold-lt, #E8CD8A); }
:where(.rl-hero) .rl-title { font-size: clamp(46px, 7.6vw, 112px); font-weight: 400; line-height: .98; max-width: 12ch; color: var(--rl-on-ink, #F4EFE5); }
:where(.rl-hero) .rl-title em {
	background: var(--rl-gold-grad, linear-gradient(120deg, #8C6A2D, #C29B4E 35%, #E8CD8A 60%, #B88F44));
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; padding-right: .06em;
}
:where(.rl-hero) .rl-desc { color: #E2DBCD; max-width: 46ch; }
.rl-hero__btns { margin-top: 14px; justify-content: var(--rl-hero-justify, flex-start); }

.rl-hero__meta { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
@media (min-width: 1000px) { .rl-hero__meta { align-items: flex-end; text-align: right; } }
.rl-hero__caption { font: 400 12px/1.5 var(--rl-font-mono, monospace); letter-spacing: .14em; text-transform: uppercase; color: #E2DBCD; min-height: 1.5em; }
.rl-hero__caption b { color: var(--rl-gold-lt, #E8CD8A); font-weight: 500; }
.rl-hero__nav { display: flex; align-items: center; gap: 16px; }
.rl-hero__arrow {
	display: grid; place-items: center; width: 48px; height: 48px; padding: 0;
	border: 1px solid rgba(244, 239, 229, .35); border-radius: 50%; background: transparent; color: inherit; cursor: pointer;
	transition: background-color .3s, border-color .3s, color .3s;
}
.rl-hero__arrow:hover { background: var(--rl-gold, #C29B4E); border-color: var(--rl-gold, #C29B4E); color: var(--rl-ink, #0E0D0B); }
.rl-hero__arrow svg { width: 16px; height: 16px; }
.rl-hero__count { display: inline-flex; align-items: center; gap: 0; font: 500 13px/1 var(--rl-font-mono, monospace); letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.rl-hero__bar { position: relative; display: inline-block; width: 64px; height: 1px; margin: 0 10px; overflow: hidden; background: rgba(244, 239, 229, .3); }
.rl-hero__bar i { position: absolute; inset: 0; background: var(--rl-gold-lt, #E8CD8A); transform: scaleX(0); transform-origin: left; }
.rl-hero__bar i.is-running { animation: rl-hero-prog var(--rl-hero-delay, 6.5s) linear forwards; }
@keyframes rl-hero-prog { to { transform: scaleX(1); } }

/* Ticker */
.rl-hero__ticker { position: relative; overflow: hidden; margin-top: 56px; border-top: 1px solid rgba(244, 239, 229, .18); }
.rl-ticker-fade-yes .rl-hero__ticker { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.rl-hero__ticker-row { display: flex; width: max-content; animation: rl-hero-ticker 48s linear infinite; }
.rl-ticker-pause-yes .rl-hero__ticker:hover .rl-hero__ticker-row { animation-play-state: paused; }
.rl-hero__tick {
	display: inline-flex; align-items: center; gap: 14px; padding: 18px 0 22px; margin-right: 36px;
	font: 400 13px/1 var(--rl-font-mono, monospace); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; color: #D9D2C4;
}
.rl-hero__tick-code { padding: 6px 8px; border-radius: 2px; background: var(--rl-gold-lt, #E8CD8A); color: var(--rl-ink, #0E0D0B); font-weight: 500; font-size: 15px; letter-spacing: .14em; }
.rl-hero__tick-status { color: var(--rl-gold-lt, #E8CD8A); }
.rl-hero__tick-dot { width: 4px; height: 4px; margin-left: 22px; border-radius: 50%; background: var(--rl-gold, #C29B4E); }
@keyframes rl-hero-ticker { to { transform: translateX(-50%); } }

@media (max-width: 767px) {
	.rl-hero__inner { padding-top: 140px; }
	.rl-hero__ticker { margin-top: 40px; }
	.rl-hero__tick { padding: 14px 0 18px; margin-right: 24px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .rl-hero__ticker-row { animation: none; } }