/* Component "nights" (celebrations, 11f): four named evenings. Photo → number → kicker → serif name → text → who it suits.
   Phones: one column. From 900 px: two columns, the second dropped by --l-night-drop so the grid reads as a sequence. */
:is(#rmh-landing, .rmh-lc) .rmh-l-nights { --l-night-drop: clamp(48px, 7vw, 120px); }
:is(#rmh-landing, .rmh-lc) .rmh-l-nights__list { display: grid; gap: 56px; }
:is(#rmh-landing, .rmh-lc) .rmh-l-night { display: grid; gap: 24px; align-content: start; }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__frame { overflow: hidden; border-radius: 2px; background: var(--l-sand); }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 1.2s var(--l-ease); }
:is(#rmh-landing, .rmh-lc) .rmh-l-night:hover .rmh-l-night__img { transform: scale(1.03); }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__copy { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; align-items: baseline; }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__copy > :not(.rmh-l-night__num) { grid-column: 2; }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__num {
	grid-row: 1 / span 4; font-family: var(--l-serif); font-size: 15px; line-height: 1; color: var(--l-taupe-deep);
	padding-top: 2px; border-top: 1px solid currentColor; min-width: 28px;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-night .rmh-l__label { margin-bottom: 6px; }
:is(#rmh-landing, .rmh-lc) h3.rmh-l-night__name:not(#_) {
	margin: 0 0 14px; font-family: var(--l-serif) !important; font-size: clamp(30px, 3.2vw, 42px); font-weight: 400; line-height: 1.1;
	letter-spacing: 0; text-transform: none; color: var(--l-ink); text-wrap: balance;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-night__text { font-size: 17px; line-height: 1.65; color: var(--l-ink-soft); max-width: 52ch; }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__for { margin-top: 16px; font-size: 14px; line-height: 1.5; color: var(--l-ink); }
:is(#rmh-landing, .rmh-lc) .rmh-l-night__for span {
	font-weight: 600; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--l-taupe-deep); margin-right: 6px;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-nights__extras {
	margin-top: clamp(56px, 7vw, 96px); padding-top: 32px; border-top: 1px solid rgba(35, 31, 32, .14);
	display: grid; gap: 16px;
}
:is(#rmh-landing, .rmh-lc) h3.rmh-l-nights__extras-title:not(#_) {
	margin: 0; font-family: var(--l-serif) !important; font-size: 24px; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-transform: none;
}
:is(#rmh-landing, .rmh-lc) .rmh-l-nights__extras ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
:is(#rmh-landing, .rmh-lc) .rmh-l-nights__extras li {
	padding: 9px 16px; border: 1px solid rgba(35, 31, 32, .16); border-radius: 999px; font-size: 15px; line-height: 1.4; color: var(--l-ink);
	background: var(--l-white);
}
:is(#rmh-landing, .rmh-lc) .rmh-l__band--cream .rmh-l-nights__extras li { background: transparent; }

@media (min-width: 900px) {
	:is(#rmh-landing, .rmh-lc) .rmh-l-nights__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(40px, 6vw, 112px); row-gap: 88px; padding-bottom: var(--l-night-drop); }
	:is(#rmh-landing, .rmh-lc) .rmh-l-night:nth-child(even) { transform: translateY(var(--l-night-drop)); }
	:is(#rmh-landing, .rmh-lc) .rmh-l-nights__extras { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: start; column-gap: clamp(40px, 6vw, 112px); }
}