Website Update

Author: Modelized

docs/assets/css/style.css

@@ -1203,6 +1203,7 @@ a {
   transform: translateX(-120%);
   transition: transform 560ms cubic-bezier(0.22, 1, 0.36, 1);
   z-index: -1;
+  pointer-events: none;
 }
 
 .button.primary:hover {
@@ -1229,6 +1230,7 @@ a {
   transform: translateX(-102%);
   transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
   z-index: -1;
+  pointer-events: none;
 }
 
 .button.secondary:hover {
@@ -1579,6 +1581,11 @@ a {
 
 /* Mobile portrait nav */
 @media (max-width: 980px) and (orientation: portrait) {
+  .button {
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+  }
+
   .nav {
     top: calc(env(safe-area-inset-top, 0px) + 6px);
   }
@@ -1596,7 +1603,42 @@ a {
   }
 
   .hero-layout {
-    gap: clamp(1.45rem, 5vw, 1.8rem);
+    gap: clamp(1.65rem, 5.8vw, 2rem);
+  }
+
+  .hero-top {
+    margin-bottom: 0.28rem;
+  }
+
+  .hero-bottom {
+    margin-top: 0.32rem;
+  }
+
+  .hero-title {
+    -webkit-transform: translateY(var(--parallax-y));
+    transform: translateY(var(--parallax-y));
+    will-change: auto;
+  }
+
+  .reveal {
+    -webkit-transform: translateY(var(--parallax-y));
+    transform: translateY(var(--parallax-y));
+  }
+
+  .js .reveal {
+    -webkit-transform: translateY(calc(var(--reveal-distance) + var(--parallax-y)));
+    transform: translateY(calc(var(--reveal-distance) + var(--parallax-y)));
+  }
+
+  .js .reveal.is-visible {
+    -webkit-transform: translateY(var(--parallax-y));
+    transform: translateY(var(--parallax-y));
+  }
+
+  .about-operator-track {
+    -webkit-transform: translateY(calc(-1 * var(--about-role-shift)));
+    transform: translateY(calc(-1 * var(--about-role-shift)));
+    will-change: auto;
   }
 }
 

docs/index.html

@@ -8,7 +8,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="assets/css/style.css?v=20260409c">
+  <link rel="stylesheet" href="assets/css/style.css?v=20260409d">
 
   <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <link rel="icon" sizes="192x192" href="android-chrome-192x192.png">
@@ -57,7 +57,7 @@ <h1 class="hero-title hero-title--pending" aria-label="SHAPE THE UNSEEN." data-h
         </h1>
 
         <div class="hero-bottom reveal" data-reveal data-reveal-delay="260" data-parallax="0.03">
-          <p class="hero-subtitle">An independent creative technology practice led by Jason Lee.</p>
+          <p class="hero-subtitle">The endless journey of a creative technologist Jason Lee.</p>
           <div class="hero-actions">
             <a class="button primary" href="#projects">View Current Project</a>
           </div>
@@ -121,7 +121,7 @@ <h3>Chords</h3>
         <div class="section-head reveal" data-reveal data-parallax="0.02">
           <p class="eyebrow">Current Projects</p>
           <h2>Live Modules</h2>
-          <p class="section-note">Add a new project by copying one object block in <code>assets/js/shell.js</code>.</p>
+          <p class="section-note">Where creative intent meets structural logic.</p>
         </div>
         <div id="project-track" class="project-track"></div>
       </div>