/* John Morley — Quote form section (mockup: .quote) */
.jm.quote { padding: clamp(72px, 8vw, 120px) 0; background: var(--slate); color: #fff; }
.jm.quote--light { background: var(--lime); color: var(--slate); }
.jm .quote__in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.jm.quote--top .quote__in { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.jm.quote--top .quote__form { max-width: 920px; }
.jm.quote--dark .h2 { color: #fff; }
.jm.quote--dark .kicker { color: #FFB27A; }
.jm.quote .lead { margin-top: 20px; }
.jm.quote--dark .lead { color: rgba(255, 255, 255, .8); }
.jm .quote__direct { display: grid; gap: 4px; margin-top: 32px; }
.jm .quote__direct li { display: flex; align-items: baseline; gap: 14px; }
.jm .quote__direct span { min-width: 92px; font-size: 14px; color: var(--lead-l); }
.jm .quote__direct a { font: 800 36px/1.1 var(--font-display); color: #fff; text-decoration: none; }
.jm .quote__direct a:hover { color: #FFB27A; }
.jm.quote--light .quote__direct span { color: var(--mute); }
.jm.quote--light .quote__direct a { color: var(--slate); }
.jm.quote--light .quote__direct a:hover { color: var(--clay-ink); }
.jm.quote--light .jmf { box-shadow: 0 0 0 1px var(--line); }

@media (max-width: 1024px) {
	.jm .quote__in { grid-template-columns: minmax(0, 1fr); }
}