Website Update

Author: Modelized

docs/assets/css/style.css

@@ -85,34 +85,27 @@ body.page-home {
 
 .site-atmosphere {
   position: fixed;
-  top: 50%;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 170lvh;
-  transform: translateY(-50%);
+  inset: 0;
   z-index: 0;
   pointer-events: none;
-  overflow: visible;
+  overflow: hidden;
+  isolation: isolate;
 }
 
 .site-atmosphere__layer {
   position: absolute;
   inset: 0;
   background:
-    radial-gradient(72% 58% at 22% 26%, rgba(255, 157, 77, 0.11), rgba(255, 157, 77, 0) 70%),
-    radial-gradient(64% 54% at 78% 34%, rgba(82, 104, 255, 0.1), rgba(82, 104, 255, 0) 72%),
-    radial-gradient(78% 66% at 56% 100%, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0) 72%),
-    linear-gradient(180deg, rgba(6, 6, 8, 0.1) 0%, rgba(6, 6, 8, 0.035) 40%, rgba(6, 6, 8, 0.16) 100%);
+    radial-gradient(64% 52% at 22% 24%, rgba(255, 157, 77, 0.11) 0%, rgba(255, 157, 77, 0.085) 28%, rgba(255, 157, 77, 0.028) 52%, rgba(255, 157, 77, 0) 70%),
+    radial-gradient(58% 48% at 78% 32%, rgba(82, 104, 255, 0.1) 0%, rgba(82, 104, 255, 0.076) 30%, rgba(82, 104, 255, 0.024) 54%, rgba(82, 104, 255, 0) 72%),
+    radial-gradient(72% 58% at 56% 94%, rgba(255, 255, 255, 0.035) 0%, rgba(255, 255, 255, 0.016) 38%, rgba(255, 255, 255, 0) 68%),
+    linear-gradient(180deg, rgba(6, 6, 8, 0.08) 0%, rgba(6, 6, 8, 0.03) 42%, rgba(6, 6, 8, 0.14) 100%);
   opacity: var(--site-atmosphere-opacity);
   will-change: opacity;
+  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
+  mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
 }
 
-@supports (-webkit-touch-callout: none) {
-  .site-atmosphere {
-    height: 182lvh;
-  }
-}
 
 body.no-scroll {
   overflow: hidden;