.rm-phero {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: var(--gap);
	align-items: end;
	padding-top: clamp(150px, 16vw, 240px);
	padding-bottom: clamp(70px, 8vw, 130px);
}
.rm-phero__text { grid-column: 1 / -1; }
.rm-phero.has-image .rm-phero__text { grid-column: 1 / 8; padding-bottom: clamp(0px, 3vw, 48px); }
.rm-phero__title { font-size: clamp(48px, 8.4vw, 148px); line-height: .94; letter-spacing: -.02em; }
.rm-phero__lead { margin-top: clamp(28px, 3.4vw, 52px); max-width: 34ch; font-size: clamp(19px, 1.7vw, 25px); line-height: 1.38; }
.rm-phero__figure { grid-column: 9 / 13; }
.rm-phero__figure .rm-frame { aspect-ratio: 4 / 5; }
.rm-phero__figure img { object-position: 50% 25%; }
.rm-phero__figure figcaption { margin-top: 12px; color: var(--bone-dim); }

@media (max-width: 960px) {
	.rm-phero.has-image .rm-phero__text, .rm-phero__figure { grid-column: 1 / -1; }
	.rm-phero__figure { width: 78%; justify-self: end; margin-top: 36px; }
}