/* Component "venues" (11b): one row per house, photo in its façade, alternating sides from 900 px. */
:is(#rmh-landing, .rmh-lc) .rmh-l-venues__list { display: grid; gap: clamp(56px, 8vw, 112px); }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue { display: grid; gap: 28px; align-items: center; }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__frame {
	width: min(72%, 340px); aspect-ratio: 119 / 193; overflow: hidden; background: var(--l-sand);
	-webkit-mask: var(--facade) center / 100% 100% no-repeat; mask: var(--facade) center / 100% 100% no-repeat;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--l-ease); }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue:hover .rmh-l-venue__img { transform: scale(1.04); }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__copy { display: grid; gap: 14px; max-width: 54ch; }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__name { font: 600 13px/1.4 var(--l-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--l-taupe-deep); }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__name span { margin-right: 10px; color: var(--l-ink-soft); letter-spacing: .08em; }
:is(#rmh-landing, .rmh-lc) h3.rmh-l-venue__title:not(#_) {
	font-family: var(--l-serif) !important; font-weight: 400; font-size: clamp(28px, 18px + 1.6vw, 42px); line-height: 1.1; letter-spacing: 0;
	text-transform: none; text-wrap: balance; color: var(--l-ink);
}
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__cap {
	justify-self: start; display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: baseline; padding: 8px 16px;
	border: 1px solid var(--l-sand); border-radius: 999px; font: 600 15px/1.3 var(--l-sans); color: var(--l-ink);
}
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__cap span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--l-taupe-deep); }
:is(#rmh-landing, .rmh-lc) .rmh-l-venue__text { font-size: 18px; line-height: 1.7; color: var(--l-ink-soft); }
:is(#rmh-landing, .rmh-lc) .rmh-l-venues__note { margin-top: clamp(48px, 6vw, 80px); max-width: 62ch; font-size: 15px; color: var(--l-ink-soft); }
:is(#rmh-landing, .rmh-lc) .rmh-l__band--cream .rmh-l-venue__cap { border-color: #CFC4B8; }

@media (min-width: 900px) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(48px, 7vw, 120px); }
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue__frame { width: min(100%, 360px); justify-self: center; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue:nth-child(even) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue:nth-child(even) .rmh-l-venue__frame { order: 2; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue:nth-child(even) .rmh-l-venue__copy { justify-self: end; }
}
@media (prefers-reduced-motion: reduce) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue__img { transition: none; }
	:is(#rmh-landing, .rmh-lc) .rmh-l-venue:hover .rmh-l-venue__img { transform: none; }
}