.rm-intro { padding-bottom: clamp(40px, 6vw, 90px); }
.rm-intro__grid, .rm-intro__visuals { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--gap); }
.rm-intro__grid { align-items: end; }
.rm-intro__title { grid-column: 1 / 9; font-size: clamp(40px, 6.4vw, 112px); line-height: .98; letter-spacing: -.015em; }
.rm-intro__side { grid-column: 9 / 13; padding-bottom: 1.2vw; }
.rm-intro__side p { max-width: 26ch; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.4; }
.rm-intro__side .cap { display: block; margin-top: 26px; color: var(--brass); line-height: 2; }
.rm-intro__visuals { margin-top: clamp(60px, 8vw, 130px); }
.rm-intro.is-images-only { padding-top: clamp(40px, 5vw, 80px); }
.rm-intro.is-images-only .rm-intro__visuals { margin-top: 0; }
.rm-intro__v1 { grid-column: 1 / 9; }
.rm-intro__v1 .rm-frame { aspect-ratio: 16 / 8; }
.rm-intro__v2 { grid-column: 10 / 13; align-self: end; margin-bottom: -14vw; }
.rm-intro__v2 .rm-frame { aspect-ratio: 3 / 4; }
.rm-intro figcaption { margin-top: 12px; color: var(--bone-dim); }

@media (max-width: 960px) {
	.rm-intro__title, .rm-intro__side, .rm-intro__v1 { grid-column: 1 / -1; }
	.rm-intro__v2 { grid-column: 5 / -1; margin: 24px 0 0; }
}
