Mobile menu header nav spacing fixes

AGENTS.md

@@ -81,12 +81,6 @@ Keep the current open-house information consistent:
 
 If this information changes, update the sidebar, relevant page copy, JSON-LD, and `llms.txt` together.
 
-## Stylesheet cache versioning
-
-- Every HTML page references `styles.css` with a cache-busting epoch query parameter, such as `/styles.css?v=1790211252`.
-- Whenever `styles.css` changes, update the `?v=` value in every HTML page to the current Unix epoch timestamp.
-- Keep the preload and stylesheet URLs synchronized so both use the same version.
-
 ## Assets
 
 - Store local images in `public/assets/`.

public/3d-printers/index.html

@@ -11,12 +11,12 @@
 	<meta property="og:description" content="Explore Protospace’s 3D printer village in Calgary, with filament and resin printers available to trained members." />
 	<meta property="og:type" content="website" />
 	<meta property="og:url" content="https://protospace.ca/3d-printers/" />
-	<meta property="og:image" content="https://protospace.ca/assets/3d-printers-1-1024x768.jpg" />
+	<meta property="og:image" content="https://protospace.ca/assets/3d-printers-1-800.jpg" />
 	<meta property="og:site_name" content="Protospace" />
 	<meta name="twitter:card" content="summary_large_image" />
 	<title>3D Printers – Protospace</title>
-	<link rel="preload" href="/styles.css?v=1790385126" as="style" />
+	<link rel="preload" href="/styles.css" as="style" />
-	<link rel="stylesheet" href="/styles.css?v=1790385126" />
+	<link rel="stylesheet" href="/styles.css" />
 		<script type="application/ld+json">
 {
 	"@context": "https://schema.org",
@@ -84,22 +84,22 @@
 				<div class="entry">
 					<figure>
 						<picture>
-							<source type="image/webp" srcset="/assets/3d-printers-1-1024x768.webp 1024w, /assets/3d-printers-1.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
+							<source type="image/webp" srcset="/assets/3d-printers-1-400.webp 400w, /assets/3d-printers-1-800.webp 800w, /assets/3d-printers-1-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-							<img width="1024" height="772" src="/assets/3d-printers-1.jpg" srcset="/assets/3d-printers-1-1024x768.jpg 1024w, /assets/3d-printers-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Resin 3D printers and printing supplies" fetchpriority="high" decoding="async" />
+							<img width="800" height="602" src="/assets/3d-printers-1-800.jpg" srcset="/assets/3d-printers-1-400.jpg 400w, /assets/3d-printers-1-800.jpg 800w, /assets/3d-printers-1-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Resin 3D printers and printing supplies" fetchpriority="high" decoding="async" />
 						</picture>
 					</figure>
 
 					<figure>
 						<picture>
-							<source type="image/webp" srcset="/assets/3d-printers-2-1024x768.webp 1024w, /assets/3d-printers-2.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
+							<source type="image/webp" srcset="/assets/3d-printers-2-400.webp 400w, /assets/3d-printers-2-800.webp 800w, /assets/3d-printers-2-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-							<img width="1024" height="772" src="/assets/3d-printers-2.jpg" srcset="/assets/3d-printers-2-1024x768.jpg 1024w, /assets/3d-printers-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer village with filament and resin printers" loading="lazy" decoding="async" />
+							<img width="800" height="602" src="/assets/3d-printers-2-800.jpg" srcset="/assets/3d-printers-2-400.jpg 400w, /assets/3d-printers-2-800.jpg 800w, /assets/3d-printers-2-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer village with filament and resin printers" loading="lazy" decoding="async" />
 						</picture>
 					</figure>
 
 					<figure>
 						<picture>
-							<source type="image/webp" srcset="/assets/3d-printers-3-1024x768.webp 1024w, /assets/3d-printers-3.webp 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
+							<source type="image/webp" srcset="/assets/3d-printers-3-400.webp 400w, /assets/3d-printers-3-800.webp 800w, /assets/3d-printers-3-1600.webp 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
-							<img width="1024" height="772" src="/assets/3d-printers-3.jpg" srcset="/assets/3d-printers-3-1024x768.jpg 1024w, /assets/3d-printers-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Desktop 3D printers and print supplies" loading="lazy" decoding="async" />
+							<img width="800" height="602" src="/assets/3d-printers-3-800.jpg" srcset="/assets/3d-printers-3-400.jpg 400w, /assets/3d-printers-3-800.jpg 800w, /assets/3d-printers-3-1600.jpg 1600w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Desktop 3D printers and print supplies" loading="lazy" decoding="async" />
 						</picture>
 					</figure>
 				</div>