diff --git a/assets/css/styles.css b/assets/css/styles.css
index 0579c3f..899ddba 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -112,8 +112,8 @@
   --color-peru-alpha-35: rgba(205, 133, 63, 0.35);
 
   /* Typography */
-  --font-primary: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
-  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
+  --font-primary: "Helvetica Neue", helvetica, arial, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
+  --font-display: 'Cormorant Garamond', georgia, 'Times New Roman', serif;
 
   /* Heading Styling */
   --h2-gradient-start: #2b65c6;
@@ -797,7 +797,9 @@ a:hover {
 }
 
 [data-animate-block].is-inview [data-animate-el]:nth-child(2) { transition-delay: 0.1s; }
+
 [data-animate-block].is-inview [data-animate-el]:nth-child(3) { transition-delay: 0.2s; }
+
 [data-animate-block].is-inview [data-animate-el]:nth-child(4) { transition-delay: 0.3s; }
 
 @media (prefers-reduced-motion: reduce) {
@@ -1005,7 +1007,7 @@ a:hover {
  *-------------------------------------------------------------- */
 
 /* Film-grain overlay on hero for depth — subtle, non-distracting */
-.s-intro::after {
+.s-intro:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -2736,7 +2738,7 @@ img.youtube-stats-dark {
     animation: none;
   }
 
-  .s-intro::after {
+  .s-intro:after {
     display: none;
   }
 }
diff --git a/assets/js/utils.js b/assets/js/utils.js
index a84b948..03c1163 100644
--- a/assets/js/utils.js
+++ b/assets/js/utils.js
@@ -435,17 +435,17 @@ window.copyEmail = copyToClipboard; // Maintain existing API
  * is not available.
  */
 function initScrollReveal() {
-  const blocks = document.querySelectorAll('[data-animate-block]');
+  const blocks = document.querySelectorAll("[data-animate-block]");
   if (!blocks.length) return;
-  if (typeof IntersectionObserver === 'undefined') {
-    blocks.forEach((block) => block.classList.add('is-inview'));
+  if (typeof IntersectionObserver === "undefined") {
+    blocks.forEach((block) => block.classList.add("is-inview"));
     return;
   }
   const observer = new IntersectionObserver(
     (entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
-          entry.target.classList.add('is-inview');
+          entry.target.classList.add("is-inview");
           observer.unobserve(entry.target);
         }
       });
@@ -455,4 +455,4 @@ function initScrollReveal() {
   blocks.forEach((block) => observer.observe(block));
 }
 
-document.addEventListener('DOMContentLoaded', initScrollReveal);
+document.addEventListener("DOMContentLoaded", initScrollReveal);