From c7642a5595be4c8ec5b502756d2b2abbcf5774ca Mon Sep 17 00:00:00 2001
From: Meta Vens <rwvens@hotmail.com>
Date: Thu, 27 Aug 2026 02:10:20 +0200
Subject: [PATCH] Restore neutral site presentation

---
 Delvehold/index.md             |  2 +-
 site/quartz/styles/custom.scss | 38 ++++++++++++++++++++++++++++++----
 2 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/Delvehold/index.md b/Delvehold/index.md
index 300eb24..690d287 100644
--- a/Delvehold/index.md
+++ b/Delvehold/index.md
@@ -5,7 +5,7 @@ description: One persistent world, experienced from opposite sides of the contra
 
 <div class="delvehold-landing">
   <header class="delvehold-intro">
-    <p>Delvehold is a social MMO about building a life together through a magical industrial revolution of the players' own making. Workshops, guilds, and neighborhoods must organize around the abundance, upheaval, and ecological pressure created by their own relentless acceleration. An AI-native world simulation lets institutions, populations, and rival powers remember those changes and pursue their own responses, while the world-dungeon itself learns from every expedition sent to harvest what its living body grows and sheds. DELVE and HOLD are two ways of inhabiting that same persistent world.</p>
+    <p>Delvehold is a social MMO about building a life together through a magical industrial revolution of the players' own making. Workshops, guilds, and neighborhoods must organize around the abundance, upheaval, and ecological pressure created by their own relentless acceleration.<br />An AI-native world simulation lets institutions, populations, and rival powers remember those changes and pursue their own responses, while the world-dungeon itself learns from every expedition sent to harvest what its living body grows and sheds.<br />DELVE and HOLD are two ways of inhabiting that same persistent world.</p>
   </header>
 
   <div class="delvehold-mode-boundary delvehold-mode-boundary-delve" aria-hidden="true"></div>
diff --git a/site/quartz/styles/custom.scss b/site/quartz/styles/custom.scss
index 19de68f..4004c23 100644
--- a/site/quartz/styles/custom.scss
+++ b/site/quartz/styles/custom.scss
@@ -94,7 +94,7 @@ body {
 
 .delvehold-wordmark-hold {
   color: var(--hold-purple);
-  font-weight: 800;
+  font-weight: 100;
 }
 
 .delvehold-wordmark-slash {
@@ -143,7 +143,7 @@ article > h3 {
 }
 
 body[data-slug="index"] {
-  background: color-mix(in srgb, var(--hold-purple) 9%, #050505);
+  background: #050505;
   timeline-scope: --delvehold-enter-delve, --delvehold-enter-hold;
 
   &::before,
@@ -154,7 +154,6 @@ body[data-slug="index"] {
     inset: -35vmax;
     pointer-events: none;
     clip-path: polygon(120% 0, 100% 0, 100% 100%, 100% 100%);
-    filter: drop-shadow(-2px 0 rgba(255, 255, 255, 0.58));
     animation: delvehold-diagonal-wipe linear both;
     animation-range: entry 0% cover 50%;
   }
@@ -209,14 +208,34 @@ body[data-slug="index"] {
   height: 1px;
   margin-top: -1px;
   pointer-events: none;
+
+  &::after {
+    content: "";
+    position: fixed;
+    z-index: 2;
+    inset: -35vmax;
+    pointer-events: none;
+    background: #fff;
+    clip-path: polygon(120% 0, 120.15% 0, 100.15% 100%, 100% 100%);
+    animation: delvehold-wipe-edge linear both;
+    animation-range: entry 0% cover 50%;
+  }
 }
 
 .delvehold-mode-boundary-delve {
   view-timeline: --delvehold-enter-delve block;
+
+  &::after {
+    animation-timeline: --delvehold-enter-delve;
+  }
 }
 
 .delvehold-mode-boundary-hold {
   view-timeline: --delvehold-enter-hold block;
+
+  &::after {
+    animation-timeline: --delvehold-enter-hold;
+  }
 }
 
 .delvehold-landing {
@@ -347,11 +366,22 @@ body[data-slug="index"] {
   }
 }
 
+@keyframes delvehold-wipe-edge {
+  from {
+    clip-path: polygon(120% 0, 120.15% 0, 100.15% 100%, 100% 100%);
+  }
+
+  to {
+    clip-path: polygon(0 0, 0.15% 0, -19.85% 100%, -20% 100%);
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   body[data-slug="index"]::before,
   body[data-slug="index"]::after,
   body[data-slug="index"] .delvehold-wordmark-delve,
-  body[data-slug="index"] .delvehold-wordmark-hold {
+  body[data-slug="index"] .delvehold-wordmark-hold,
+  .delvehold-mode-boundary::after {
     animation: none;
   }
 }