From 9b3c15b67b892cd803f111e11ef5efe3fb55881a Mon Sep 17 00:00:00 2001
From: Greg Kilmer <Remlikmg@comcast.net>
Date: Sat, 4 Jul 2026 20:33:13 -0400
Subject: [PATCH] Fix stars on frames

---
 src/components/mystic/CelestialFrame.astro | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/components/mystic/CelestialFrame.astro b/src/components/mystic/CelestialFrame.astro
index 38fa4eb..ea0dcca 100644
--- a/src/components/mystic/CelestialFrame.astro
+++ b/src/components/mystic/CelestialFrame.astro
@@ -36,7 +36,7 @@ const innerPx = Math.max(0, outerPx - bw);
 
 <figure
   class:list={["relative", className]}
-  style={`border-radius: ${outerPx}px; border: ${bw}px solid color-mix(in srgb, var(--color-accent) 75%, transparent); overflow: hidden;`}
+  style={`border-radius: ${outerPx}px; border: ${bw}px solid color-mix(in srgb, var(--color-accent) 100%, transparent); `}
 >
   {/* Faint sacred-geometry tint behind the image (fills the full figure). */}
   <div
@@ -46,14 +46,13 @@ const innerPx = Math.max(0, outerPx - bw);
   >
   </div>
 
-  {/* The media itself, in normal flow (defines the figure's height via the slot's
+  {
+    /* The media itself, in normal flow (defines the figure's height via the slot's
       aspect-ratio div). Its radius = outer radius - border width, so the image's
       rounded corner nests PERFECTLY inside the border's rounded corner. The
-      figure's `overflow: hidden` clips the tint layer to the outer radius. */}
-  <div
-    class="relative overflow-hidden"
-    style={`border-radius: ${innerPx}px;`}
-  >
+      figure's `overflow: hidden` clips the tint layer to the outer radius. */
+  }
+  <div class="relative overflow-hidden" style={`border-radius: ${innerPx}px;`}>
     <slot />
   </div>
 
@@ -77,5 +76,3 @@ const innerPx = Math.max(0, outerPx - bw);
     style="color: var(--color-accent); opacity:.7;"
   />
 </figure>
-
-