/* The Work: a non-interactive illustration. Navigation stays in the descriptions. */
main > .work-connections { display: block; padding: 28px 0 30px; margin-top: 8px; }
.work-connections #connections-title { font-family: var(--sans); font-size: .82rem; line-height: 1.5; margin: 0 0 12px; }
.work-illustration { margin: 0; padding: 0; }
.work-illustration svg { display: block; width: 100%; height: auto; overflow: visible; text-anchor: middle; }
.work-illustration .work-map-mobile { display: none; }
.map-connections { fill: none; stroke: #728570; stroke-width: 1.35; stroke-linecap: round; }
.map-contours path { stroke-linejoin: round; }
.contour-outer { fill: none; stroke: #c9cdbb; stroke-width: 1; }
.contour-mid { fill: #f0f0e5; fill-opacity: .6; stroke: #b7c0aa; stroke-width: 1; }
.contour-core { fill: #e5e9d9; stroke: #a0b090; stroke-width: 1; }
.map-farm-mark { fill: none; stroke: #8c9e7d; stroke-width: 1.2; stroke-linecap: round; }
.map-farm-title { fill: var(--green); font: 500 30px var(--serif); letter-spacing: -.5px; }
.map-small-label { fill: #53644b; font: 600 11px var(--sans); letter-spacing: 1.5px; }
.map-node-title { fill: var(--green); font: 500 32px var(--serif); letter-spacing: -.5px; }
.map-node-note { fill: var(--muted); font: 400 19px var(--sans); }
@media (max-width: 700px) {
  main > .work-connections { padding: 24px 0; }
  .work-illustration .work-map-desktop { display: none; }
  .work-illustration .work-map-mobile { display: block; max-width: 430px; margin: 0 auto; }
  .work-map-mobile .map-node-title { font-size: 30px; }
  .work-map-mobile .map-node-note { font-size: 20px; }
  .work-map-mobile .map-farm-title { font-size: 29px; }
  .work-map-mobile .map-small-label { font-size: 11px; letter-spacing: 1.35px; }
}
@media print { .work-connections { break-inside: avoid; } }