/* RL Featured Posts */
.rl-posts__grid { display: grid; gap: 28px; }
@media (min-width: 960px) { .rl-posts__grid--feature { grid-template-columns: var(--rl-posts-cols, 1.35fr 1fr); gap: 40px; } }
.rl-posts__grid--grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1024px) { .rl-posts__grid--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .rl-posts__grid--grid { grid-template-columns: minmax(0, 1fr); } }
.rl-posts__side { display: grid; gap: 28px; align-content: start; min-width: 0; }
.rl-posts__empty { color: var(--rl-muted, #6B655B); }

.rl-post { display: grid; gap: 18px; align-content: start; min-width: 0; }
.rl-post__media { position: relative; display: block; overflow: hidden; max-width: 100%; aspect-ratio: 16 / 10; background: var(--rl-sand, #F1ECE2); }
.rl-post--feature .rl-post__media { aspect-ratio: 16 / 11; }
.rl-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--rl-ease); }
.rl-post:hover .rl-post__media img { transform: scale(1.04); }
.rl-post__badge {
	position: absolute; left: 16px; top: 16px; padding: 8px 10px;
	background: var(--rl-gold, #C29B4E); color: var(--rl-ink, #0E0D0B);
	font: 500 10px/1 var(--rl-font-mono, monospace); letter-spacing: .16em; text-transform: uppercase;
}
.rl-post__body { display: grid; gap: 12px; justify-items: start; }
.rl-post--feature .rl-post__body { gap: 18px; }
.rl-post__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; font: 400 12px/1 var(--rl-font-mono, monospace); letter-spacing: .1em; text-transform: uppercase; color: var(--rl-muted, #6B655B); }
.rl-post__title { font: 500 22px/1.2 var(--rl-font-display, Georgia, serif); color: var(--rl-ink, #0E0D0B); text-wrap: balance; transition: color .3s; }
.rl-post--feature .rl-post__title { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.15; }
.rl-post__title a { color: inherit; }
.rl-post:hover .rl-post__title { color: var(--rl-gold-dk, #8C6A2D); }
.rl-post__excerpt { max-width: 62ch; color: #4B463E; font-size: 16px; line-height: 1.6; }
@media (min-width: 600px) and (max-width: 959px) {
	.rl-posts__grid--feature .rl-post--small { grid-template-columns: 1fr 1fr; align-items: center; }
}

.rl-posts__journal { display: grid; gap: 14px; justify-items: start; padding: 28px; background: var(--rl-ink, #0E0D0B); color: var(--rl-on-ink, #F4EFE5); }
.rl-posts__journal-title { font: 500 26px/1.15 var(--rl-font-display, Georgia, serif); color: inherit; }
.rl-posts__journal-text { color: var(--rl-on-ink-mute, #A9A296); font-size: 15px; line-height: 1.6; }
:where(.rl-posts__journal) .rl-btn--link { margin-top: 6px; color: var(--rl-on-ink, #F4EFE5); }
:where(.rl-posts__journal) .rl-btn--link:hover { color: var(--rl-gold-lt, #E8CD8A); }
