/* John Morley Family Trade: copy over a photo that fades into the section */
.jm.family { --fade: var(--lime-2); --img-h: 340px; position: relative; overflow: hidden; background: var(--fade); }
.jm .family__img { position: absolute; top: 0; right: 0; bottom: 0; left: var(--img-start, 46%); }
.jm .family__img img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.jm .family__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--fade) 0%, transparent 34%); }
.jm .family__in { position: relative; z-index: 1; padding-top: clamp(80px, 9vw, 140px); padding-bottom: clamp(80px, 9vw, 140px); }
.jm .family__copy { max-width: 560px; }
.jm.family .lead { margin-top: 22px; }
.jm.family blockquote { margin: 32px 0 0; padding: 22px 0 0; border: 0; border-top: 3px solid var(--clay); font: 700 30px/1.08 var(--font-display); font-style: normal; text-transform: uppercase; color: var(--slate); quotes: none; }

@media (max-width: 1024px) {
	.jm .family__img { position: relative; inset: auto; height: var(--img-h); }
	.jm .family__img::after { background: linear-gradient(180deg, transparent 55%, var(--fade) 100%); }
	.jm .family__in { padding-top: 32px; }
	.jm.family.no-img .family__in { padding-top: clamp(80px, 9vw, 140px); }
}