/* John Morley — Detail Drawing: heading beside a large drawing board (the board,
   labels and animation styles come from hero.css, which this widget also loads) */
.jm.detail { padding: clamp(56px, 7vw, 112px) 0; background: var(--lime); }
.jm .detail__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); gap: clamp(28px, 4vw, 64px); align-items: start; }
.jm .detail__head { position: sticky; top: calc(var(--hdr, 72px) + 24px); }
.jm .detail__h { margin: 0; }
.jm .detail__intro { margin: 18px 0 0; }
.jm .detail__board { margin: 0; }
.jm .detail .sd .sd-lab text.sd-lab__t { font-size: 19px; }
.jm .detail .sd .sd-lab text.sd-lab__s { font-size: 15px; }
@media (max-width: 1024px) {
	.jm .detail__in { grid-template-columns: 1fr; }
	.jm .detail__head { position: static; }
}
@media (max-width: 640px) {
	.jm .detail .sd .sd-lab text.sd-lab__t { font-size: 22px; }
	.jm .detail .sd .sd-lab text.sd-lab__s { font-size: 17px; }
}