no-intro

app/globals.css

@@ -229,79 +229,7 @@
 }
 
 /* ---------------------------------------------------------------------------
-   6. Intro overlay
-   The first-visit animated SVG wordmark. The SVG itself runs a 3-second
-   stroke-then-fill animation (defined inside
-   /public/branding/animated_logo_intro.svg). The overlay begins fading once
-   the wordmark finishes drawing, while the page underneath eases in. Total
-   intro length is matched in page.tsx's setTimeout (3950ms).
-
-   When .intro-running is on the <main> element, the page content
-   underneath is gently softened so it can reveal itself without a hard cut.
-   --------------------------------------------------------------------------- */
-.intro-overlay {
-  position: fixed;
-  inset: 0;
-  z-index: 2000;
-  display: grid;
-  place-items: center; /* dead-centre the SVG in the viewport */
-  animation: intro-fade-out 900ms cubic-bezier(0.22, 1, 0.36, 1) 3.05s forwards;
-  will-change: opacity;
-}
-
-.intro-backdrop {
-  position: absolute;
-  inset: 0;
-  background:
-    radial-gradient(
-      circle at 50% 32%,
-      oklch(0.62 0.16 240 / 0.08),
-      transparent 30%
-    ),
-    var(--bg);
-}
-
-.intro-svg {
-  position: relative; /* sits above .intro-backdrop in the stacking order */
-  display: block;
-  width: min(70vw, 900px);
-  max-height: 70vh;
-  height: auto;
-  object-fit: contain;
-}
-
-.site-header,
-main > section,
-main > footer {
-  transition:
-    opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
-    transform 900ms cubic-bezier(0.22, 1, 0.36, 1),
-    filter 900ms cubic-bezier(0.22, 1, 0.36, 1);
-  will-change: opacity, transform, filter;
-}
-
-.intro-running .site-header,
-.intro-running main > section,
-.intro-running main > footer {
-  opacity: 0.16;
-  transform: translateY(10px) scale(0.99);
-  filter: blur(8px);
-}
-
-@media (max-width: 720px) {
-  .intro-svg {
-    width: min(86vw, 560px);
-  }
-}
-
-@media (max-width: 480px) {
-  .intro-svg {
-    width: 92vw;
-  }
-}
-
-/* ---------------------------------------------------------------------------
-   7. Animations — keyframes used by the orbs and the intro overlay above.
+   6. Animations — keyframes used by the ambient orbs above.
    --------------------------------------------------------------------------- */
 @keyframes drift {
   0%,
@@ -313,39 +241,17 @@ main > footer {
   }
 }
 
-@keyframes intro-wordmark {
-  0% {
-    opacity: 0;
-    transform: translateY(110%) scale(0.98);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
-@keyframes intro-fade-out {
-  to {
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-  }
-}
-
 /* ---------------------------------------------------------------------------
-   8. Reduced motion
+   7. Reduced motion
    Respects the user's OS-level "reduce motion" preference by disabling
-   the orb drift, the intro animation, and any transition/animation
-   durations across the site.
+   the orb drift and any transition/animation durations across the site.
    --------------------------------------------------------------------------- */
 @media (prefers-reduced-motion: reduce) {
   html {
     scroll-behavior: auto;
   }
 
-  .ambient-orb,
-  .intro-overlay,
-  .intro-wordmark {
+  .ambient-orb {
     animation: none !important;
   }