diff --git a/404.html b/404.html
index 2b0d166..26b5e37 100644
--- a/404.html
+++ b/404.html
@@ -28,7 +28,7 @@
       }
     })();
   </script>
-  <link rel="stylesheet" href="style.css?v=20261022">
+  <link rel="stylesheet" href="style.css?v=20261023">
 </head>
 <body>
   <a class="skip-link" href="#main">Skip to content</a>
diff --git a/hardware.html b/hardware.html
index e3fcb6b..acd205b 100644
--- a/hardware.html
+++ b/hardware.html
@@ -34,7 +34,7 @@
       }
     })();
   </script>
-  <link rel="stylesheet" href="style.css?v=20261022">
+  <link rel="stylesheet" href="style.css?v=20261023">
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
@@ -145,6 +145,8 @@
                   <li>600 W 80+ Bronze</li>
                 </ul>
               </div>
+              <img class="hw-photo" src="main-pc.webp" width="1600" height="1200" loading="lazy" decoding="async"
+                alt="The main PC: a black mid-tower with a tempered-glass side panel and mesh front, white-lit fans, with the Fera 5 cooler and XFX Radeon card visible inside.">
               <div class="hw-visual" aria-hidden="true">
                 <div class="mock-fetch">
                   <div class="mock-fetch-bar">
@@ -302,6 +304,8 @@
                   <a href="https://www.instagram.com/skopcaak1" target="_blank" rel="noopener noreferrer">@skopcaak1 →</a>
                 </div>
               </div>
+              <img class="hw-photo" src="server.webp" width="1600" height="1200" loading="lazy" decoding="async"
+                alt="The Proxmox server with the side panel off: Corsair CX450 PSU, Huananzhi board with an Endorfy Fera 5 cooler, RAM and WD drives in a reused office case.">
               <div class="hw-visual" aria-hidden="true">
                 <div class="mock-server-unit">
                   <div class="server-unit-top">
diff --git a/index.html b/index.html
index cff11d7..af893b0 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@
       }
     })();
   </script>
-  <link rel="stylesheet" href="style.css?v=20261022">
+  <link rel="stylesheet" href="style.css?v=20261023">
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/main-pc.webp b/main-pc.webp
new file mode 100644
index 0000000..a7df150
Binary files /dev/null and b/main-pc.webp differ
diff --git a/privacy.html b/privacy.html
index fda7146..72ab9b6 100644
--- a/privacy.html
+++ b/privacy.html
@@ -33,7 +33,7 @@
       }
     })();
   </script>
-  <link rel="stylesheet" href="style.css?v=20261022">
+  <link rel="stylesheet" href="style.css?v=20261023">
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/projects.html b/projects.html
index 6248347..12b767f 100644
--- a/projects.html
+++ b/projects.html
@@ -34,7 +34,7 @@
       }
     })();
   </script>
-  <link rel="stylesheet" href="style.css?v=20261022">
+  <link rel="stylesheet" href="style.css?v=20261023">
   <script type="application/ld+json">
   {
     "@context": "https://schema.org",
diff --git a/server.webp b/server.webp
new file mode 100644
index 0000000..01ba563
Binary files /dev/null and b/server.webp differ
diff --git a/style.css b/style.css
index 6e537b5..bfb0854 100644
--- a/style.css
+++ b/style.css
@@ -1917,6 +1917,22 @@ a:hover {
   justify-content: center;
 }
 
+.hw-photo {
+  width: 100%;
+  height: auto;
+  background: var(--bg-deep);
+  border: 1px solid var(--line-strong);
+  border-radius: 4px;
+  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
+}
+
+@media (min-width: 820px) {
+  .hw-photo {
+    grid-column: 2;
+    grid-row: 1 / span 2;
+  }
+}
+
 /* Desktop fastfetch widget */
 .mock-fetch {
   width: 100%;