@@ -468,3 +468,30 @@
 [data-theme="light"] .dmd-landing .dmd-portrait-initials { color: #0272a5; background: linear-gradient(135deg, #e3eaf6, #f1f5fb); }
 [data-theme="light"] .dmd-landing .dmd-talk-person .dmd-avatar-initials { color: #0272a5; background: #e3eaf6; }
 [data-theme="light"] .dmd-landing .dmd-talk-num .dmd-time-tba { color: #64748b; }
+
+// Hero illustration (SVG image) instead of the old CSS/SVG artwork.
+.dmd-landing .dmd-hero-art--image .dmd-hero-illustration {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  object-position: right center;
+}
+
+// Desktop: a compact hero so the date strip (Save the date / Online / Free) is
+// visible without scrolling on a laptop screen; the section nav below it may
+// sit on the second screen.
+@media (min-width: 1001px) {
+  .dmd-landing .dmd-breadcrumbs { padding: 16px 0; }
+  .dmd-landing .dmd-hero-grid { min-height: 0; }
+  .dmd-landing .dmd-hero-art { height: 510px; }
+  .dmd-landing .dmd-hero-original h1 {
+    font-size: #{"clamp(54px, 5.2vw, 78px)"};
+    letter-spacing: -3.5px;
+    margin-bottom: 20px;
+  }
+  .dmd-landing .dmd-hero-original .dmd-hero-copy { padding-top: 10px; padding-bottom: 20px; }
+  .dmd-landing .dmd-hero-original .dmd-hero-desc { font-size: 15px; line-height: 1.7; margin-bottom: 22px; }
+  .dmd-landing .dmd-event-strip { min-height: 84px; margin: 8px 0 44px; }
+}
@@ -1,7 +1,7 @@
 ---
 title: "DuckDB × MySQL Day"
 description: "DuckDB × MySQL Day. A free online conference by OurSQL Foundation, November 17, 2026. Explore fast analytics for MySQL with the people building it."
-hero_description: "A one-day online conference on bringing fast analytics to MySQL: columnar engines, analytical replication, Parquet, and the road to HTAP — from the people building it."
+hero_description: "A one-day online conference on bringing fast analytics to MySQL and MariaDB: columnar engines, analytical replication, Parquet, and the road to HTAP — from the people building it."
 date: 2026-11-17
 url: "/events/duckdb-mysql-day/"
 layout: "duckdb-mysql-day"
 
@@ -1,2 +1,4 @@
-{{/* Hero artwork for the DuckDB × MySQL Day landing: intertwined flows between a MySQL and a DuckDB card. Context: the page. */}}
-<div class="dmd-hero-art" aria-label="Intertwining OurSQL flows connecting MySQL and DuckDB"><div class="dmd-art-grid"></div><div class="dmd-orbit dmd-one"></div><div class="dmd-orbit dmd-two"></div><svg class="dmd-flow-art" viewBox="0 0 640 640" fill="none" aria-hidden="true"><defs><linearGradient id="flow" x1="70" y1="120" x2="570" y2="520" gradientUnits="userSpaceOnUse"><stop stop-color="#00C8FF"/><stop offset=".5" stop-color="#60A5FA"/><stop offset="1" stop-color="#A78BFA"/></linearGradient><linearGradient id="bright" x1="120" y1="500" x2="550" y2="150" gradientUnits="userSpaceOnUse"><stop stop-color="#9267ED"/><stop offset=".52" stop-color="#8BC9FF"/><stop offset="1" stop-color="#00C8FF"/></linearGradient></defs><path d="M-70 458C74 458 99 143 263 143S486 492 658 492" stroke="#0D0F1A" stroke-width="87"/><path d="M-70 458C74 458 99 143 263 143S486 492 658 492" stroke="url(#flow)" stroke-width="59"/><path d="M-80 386C92 386 144 480 283 480S435 154 664 154" stroke="#0D0F1A" stroke-width="88"/><path d="M-80 386C92 386 144 480 283 480S435 154 664 154" stroke="url(#bright)" stroke-width="59"/><path d="M177 185C207 157 233 143 263 143C318 143 361 181 400 240" stroke="#0D0F1A" stroke-width="87"/><path d="M177 185C207 157 233 143 263 143C318 143 361 181 400 240" stroke="url(#flow)" stroke-width="59"/><path d="M-70 458C74 458 99 143 263 143" stroke="#B4E6FF" stroke-opacity=".65" stroke-width="1.5" transform="translate(0 -23)"/><path d="M283 480C435 480 435 154 664 154" stroke="#C6CCFF" stroke-opacity=".7" stroke-width="1.5" transform="translate(0 -23)"/></svg><div class="dmd-engine dmd-mysql"><img class="dmd-mysql-mark" src="{{ with .Resources.Get "mysql-mark.png" }}{{ .RelPermalink }}{{ end }}" alt=""><span>MySQL<small>TRANSACTIONAL POWER</small></span></div><div class="dmd-engine dmd-duck"><span class="dmd-duck-icon"><i></i></span><span>DuckDB<small>ANALYTICAL SPEED</small></span></div><span class="dmd-art-spark">✳</span></div>
+{{/* Hero illustration for the DuckDB × MySQL Day landing: glowing MySQL and DuckDB cards joined by data flows (SVG with a transparent background, kept in the page bundle). Context: the page. */}}
+{{ with .Resources.Get "hero-illustration.svg" }}
+<div class="dmd-hero-art dmd-hero-art--image"><img src="{{ .RelPermalink }}" alt="MySQL and DuckDB cards connected by data flows, labelled Embedded engines and Analytical replication" class="dmd-hero-illustration" width="800" height="790" decoding="async"></div>
+{{ end }}