/* RL About Story */
.rl-about { background: var(--rl-sand, #F1ECE2); }
.rl-about__grid { display: grid; gap: 56px; align-items: center; }
@media (min-width: 960px) {
	.rl-about__grid { grid-template-columns: var(--rl-about-cols, 1fr 1fr); gap: 80px; }
	.rl-about-img-right .rl-about__media { order: 2; }
}
.rl-about__media { position: relative; min-width: 0; }
.rl-about__media:where(.has-second) { padding: 0 12% 18% 0; }
.rl-about__img1 { aspect-ratio: 4 / 5; overflow: hidden; max-width: 100%; }
.rl-about__img1 img, .rl-about__img2 img { width: 100%; height: 100%; object-fit: cover; }
.rl-about__img2 {
	position: absolute; right: 0; bottom: 0; width: 48%; aspect-ratio: 3 / 4; overflow: hidden;
	border: 8px solid var(--rl-sand, #F1ECE2);
	box-shadow: 0 30px 60px -20px rgba(14, 13, 11, .35);
}
.rl-about__badge {
	position: absolute; top: 28px; right: calc(12% - 46px); z-index: 2;
	display: grid; place-items: center; width: 116px; height: 116px; border-radius: 50%; text-align: center;
	background: var(--rl-ink, #0E0D0B); color: var(--rl-gold-lt, #E8CD8A);
}
:where(.rl-about__media:not(.has-second)) .rl-about__badge { right: -20px; }
.rl-about__badge svg { position: absolute; inset: 0; width: 100%; height: 100%; animation: rl-spin 26s linear infinite; }
.rl-about__badge text { font: 500 9.5px var(--rl-font-mono, monospace); letter-spacing: .3em; text-transform: uppercase; fill: var(--rl-gold-lt, #E8CD8A); }
.rl-about__badge b { display: block; font: 500 26px/1 var(--rl-font-display, Georgia, serif); color: var(--rl-on-ink, #F4EFE5); }
.rl-about__badge small { display: block; margin-top: 4px; font: 400 9px/1 var(--rl-font-mono, monospace); letter-spacing: .2em; text-transform: uppercase; color: var(--rl-gold-lt, #E8CD8A); }
@keyframes rl-spin { to { transform: rotate(360deg); } }
@media (max-width: 767px) { .rl-about__badge { width: 92px; height: 92px; right: 4%; top: 16px; } .rl-about__badge b { font-size: 20px; } }

.rl-about__copy { display: grid; gap: 24px; justify-items: start; min-width: 0; }
.rl-about__body { max-width: 56ch; color: #3E3A33; font-size: 17px; line-height: 1.65; }
.rl-about__body p + p { margin-top: 16px; }
.rl-about__quote {
	margin: 0; max-width: 30ch; padding: 0 0 0 22px; border: 0; border-left: 1px solid var(--rl-gold, #C29B4E);
	font: italic 400 clamp(22px, 2vw, 26px)/1.35 var(--rl-font-display, Georgia, serif); color: var(--rl-ink, #0E0D0B);
}
.rl-about__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; margin-top: 12px; border-top: 1px solid var(--rl-line, #E2DACB); }
@media (max-width: 767px) { .rl-about__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rl-about__stat { display: grid; gap: 8px; align-content: start; padding: 22px 16px 6px 0; }
.rl-about__num { font: 400 clamp(34px, 3.4vw, 46px)/1 var(--rl-font-display, Georgia, serif); font-variant-numeric: lining-nums tabular-nums; color: var(--rl-gold-dk, #8C6A2D); }
.rl-about-num-gradient .rl-about__num {
	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;
}
.rl-about__stat-label { font: 400 11px/1.4 var(--rl-font-mono, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--rl-muted, #6B655B); }