Website Update

Author: Modelized

docs/assets/css/style.css

@@ -1031,10 +1031,22 @@ a {
   isolation: isolate;
 }
 
+.hero-stage::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+  height: clamp(10rem, 28%, 16rem);
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.44) 38%, rgba(0, 0, 0, 0.82) 74%, #000 100%);
+  pointer-events: none;
+}
+
 .hero-image-wrap {
   position: absolute;
   left: 50%;
-  top: 50%;
+  top: 48.8%;
   z-index: 1;
   width: min(100%, var(--hero-image-size));
   transform: translate(-50%, -50%);
@@ -1115,7 +1127,7 @@ a {
 .hero-shape-fill,
 .hero-shape-glow {
   font-family: "Rock Salt", "Segoe Script", cursive;
-  font-size: min(clamp(1.7rem, 3.1vw, 3.55rem), calc(var(--hero-side-space) / 4.7));
+  font-size: clamp(1.55rem, calc(var(--hero-side-space) / 5.35), 2.65rem);
   line-height: 0.92;
   letter-spacing: 0.015em;
 }
@@ -1124,7 +1136,7 @@ a {
 .hero-unseen-fill,
 .hero-unseen-glow {
   font-family: var(--heading-font);
-  font-size: min(clamp(2rem, 3.7vw, 4rem), calc(var(--hero-side-space) / 8.25));
+  font-size: clamp(1.95rem, calc(var(--hero-side-space) / 7.6), 3.15rem);
   font-weight: 800;
   line-height: 0.9;
   letter-spacing: 0.008em;
@@ -1272,7 +1284,7 @@ a {
 
 .hero-subtitle {
   margin: 0;
-  max-width: 24.5ch;
+  max-width: 31ch;
   color: var(--muted);
   font-size: clamp(1rem, 1.7vw, 1.24rem);
   line-height: 1.6;
@@ -2131,21 +2143,21 @@ a {
 
   .hero-shape-fill,
   .hero-shape-glow {
-    font-size: min(clamp(1.55rem, 2.8vw, 2.7rem), calc(var(--hero-side-space) / 4.65));
+    font-size: clamp(1.35rem, calc(var(--hero-side-space) / 5.4), 2.2rem);
   }
 
   .hero-unseen-outline,
   .hero-unseen-fill,
   .hero-unseen-glow {
-    font-size: min(clamp(1.85rem, 3.35vw, 3.2rem), calc(var(--hero-side-space) / 8.15));
+    font-size: clamp(1.65rem, calc(var(--hero-side-space) / 8.1), 2.55rem);
   }
 
   .hero-copy {
     gap: 1rem;
   }
 
   .hero-subtitle {
-    max-width: 25ch;
+    max-width: 28ch;
   }
 
   .section-head h2 {
@@ -2208,7 +2220,7 @@ a {
   }
 
   .hero-image-wrap {
-    top: 50%;
+    top: 47.8%;
     width: min(100%, var(--hero-image-size));
   }
 
@@ -2237,30 +2249,30 @@ a {
   }
 
   .hero-tagline-side--right {
-    bottom: clamp(7.55rem, 19vw, 9.6rem);
+    bottom: clamp(8.8rem, 22vw, 10.9rem);
   }
 
   .hero-shape-fill,
   .hero-shape-glow {
-    font-size: clamp(1.65rem, 7.1vw, 3rem);
+    font-size: clamp(1.45rem, 5.9vw, 2.35rem);
   }
 
   .hero-unseen-outline,
   .hero-unseen-fill,
   .hero-unseen-glow {
-    font-size: clamp(2.2rem, 10.6vw, 4rem);
+    font-size: clamp(1.8rem, 8.7vw, 3.1rem);
     text-align: center;
   }
 
   .hero-copy {
     flex-direction: column;
     align-items: flex-start;
-    gap: 1rem;
+    gap: 1.45rem;
     padding-inline: 0;
   }
 
   .hero-subtitle {
-    max-width: min(100%, 26ch);
+    max-width: min(100%, 28ch);
     font-size: 1.02rem;
     line-height: 1.52;
   }
@@ -2394,13 +2406,13 @@ a {
 
   .hero-shape-fill,
   .hero-shape-glow {
-    font-size: min(clamp(1.45rem, 2.45vw, 2.35rem), calc(var(--hero-side-space) / 4.7));
+    font-size: clamp(1.25rem, calc(var(--hero-side-space) / 5.7), 2rem);
   }
 
   .hero-unseen-outline,
   .hero-unseen-fill,
   .hero-unseen-glow {
-    font-size: min(clamp(1.8rem, 3vw, 2.9rem), calc(var(--hero-side-space) / 8.2));
+    font-size: clamp(1.5rem, calc(var(--hero-side-space) / 8.7), 2.35rem);
   }
 
   .discipline-stack-shell {

docs/assets/js/shell.js

@@ -1222,18 +1222,9 @@
       return;
     }
 
-    const applyReady = () => {
-      requestAnimationFrame(() => {
-        body.classList.add("hero-ready");
-      });
-    };
-
-    if (document.fonts?.ready) {
-      document.fonts.ready.then(applyReady).catch(applyReady);
-      return;
-    }
-
-    applyReady();
+    requestAnimationFrame(() => {
+      body.classList.add("hero-ready");
+    });
   }
 
   function initHeroViewportLock() {