From b0722fe90a14ed99cf303003976c83952f096608 Mon Sep 17 00:00:00 2001
From: karim <karim@gabrielevarano.ch>
Date: Mon, 29 Jun 2026 10:05:45 +0200
Subject: [PATCH] vimeo: privacy click-to-load

---
 assets/css/custom.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 208c5f4..8bc9fb3 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -304,6 +304,28 @@ footer a:hover {
   border-bottom-color: transparent;
 }
 
+/* vimeo: privacy-first click-to-load facade (no iframe until you press play) */
+.vimeo {
+  position: relative;
+  width: 100%;
+  aspect-ratio: 16 / 9;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-bg-secondary);
+}
+.vimeo iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
+.vimeo__play {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-base);
+  padding: 0.4rem 1.2ch;
+  border: 1px solid var(--color-text-primary);
+  background: none;
+  color: var(--color-text-primary);
+  cursor: pointer;
+}
+.vimeo__play:hover { background: var(--color-text-primary); color: var(--color-bg-primary); }
+
 /* all images always in colour (selection drives what's shown, not hover) */
 img { filter: none; }