fix: keep article figures within viewport

src/styles/global.css

@@ -160,6 +160,16 @@ button, input { font: inherit; }
 .prose th { color: var(--rust); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
 .prose img, .prose svg { width: min(1100px, calc(100vw - 48px)); max-width: none; margin: 2.6em 0 2.6em 50%; transform: translateX(-50%); }
 
+@media (max-width: 1180px) {
+  .article-grid { grid-template-columns: 1fr; }
+  .article-outline { position: static; }
+  .article-outline ol { display: grid; grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 1181px) and (max-width: 1439px) {
+  .prose img, .prose svg { width: 100%; max-width: 100%; margin-left: 0; transform: none; }
+}
+
 @media (max-width: 980px) {
   .hero { grid-template-columns: 1fr; min-height: auto; }
   .hero-copy { padding-bottom: 0; }