Fix desktop glass and hero image

app/globals.css

@@ -83,6 +83,32 @@ a {
   backdrop-filter: blur(24px);
 }
 
+.premium-glass::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  background:
+    linear-gradient(135deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.06) 42%, rgba(255, 255, 255, 0.2)),
+    radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.55), transparent 34%),
+    radial-gradient(circle at 82% 100%, rgba(49, 95, 143, 0.12), transparent 38%);
+  opacity: 0.72;
+  mix-blend-mode: screen;
+}
+
+.premium-glass::after {
+  content: "";
+  position: absolute;
+  inset: 1px;
+  border-radius: inherit;
+  pointer-events: none;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.8),
+    inset 0 -18px 32px rgba(49, 95, 143, 0.08),
+    inset 18px 0 34px rgba(255, 255, 255, 0.12);
+}
+
 .hairline {
   background: linear-gradient(90deg, transparent, rgba(17, 19, 23, 0.15), transparent);
   height: 1px;
@@ -156,6 +182,11 @@ a {
     box-shadow: 0 10px 30px rgba(17, 19, 23, 0.07);
   }
 
+  .premium-glass::before,
+  .premium-glass::after {
+    display: none;
+  }
+
   main > section {
     content-visibility: auto;
     contain-intrinsic-size: 1px 780px;