Simple homepage

public/admin/preview.css

@@ -279,6 +279,24 @@ button:hover .arrow {
   color: var(--text-muted);
 }
 
+/* Two photos side by side, pulled up over the hero together */
+.page-figures {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.5rem;
+  margin: -9rem 0 4rem;
+}
+
+.page-figures .page-figure {
+  margin: 0;
+}
+
+/* Same shape for both photos, whatever the uploads' proportions */
+.page-figures img {
+  aspect-ratio: 3 / 2;
+  object-fit: cover;
+}
+
 /* Prose
    ========================================================================== */
 
@@ -450,11 +468,18 @@ button:hover .arrow {
     padding-bottom: 4rem;
   }
 
-  .page-figure {
+  .page-figure,
+  .page-figures {
     margin-top: -6rem;
   }
 }
 
+@media (max-width: 600px) {
+  .page-figures {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* Preferences
    ========================================================================== */