diff --git a/src/components/site/SiteTransitionOverlay.tsx b/src/components/site/SiteTransitionOverlay.tsx
index 0c01b22..314133c 100644
--- a/src/components/site/SiteTransitionOverlay.tsx
+++ b/src/components/site/SiteTransitionOverlay.tsx
@@ -16,16 +16,15 @@ const DIALOGUE_FALLBACK_TIMEOUT_MS = 12000;
const NO_DIALOGUE_FALLBACK_MS = 3000;
/**
- * Transition overlay: black screen, logo fade-in, transition dialogue
- * with subtitles, then redirect to /. A safety timeout guarantees the
- * redirect happens even if the dialogue audio fails to fire `ended`.
+ * Transition overlay: black screen with transition dialogue and subtitles,
+ * then redirect to /. A safety timeout guarantees the redirect happens even if
+ * the dialogue audio fails to fire `ended`.
*/
export function SiteTransitionOverlay(): React.JSX.Element {
const navigate = useNavigate();
const reset = useSiteStore((state) => state.reset);
const prefersReducedMotion = usePrefersReducedMotion();
const [screenOpacity, setScreenOpacity] = useState(0);
- const [logoOpacity, setLogoOpacity] = useState(0);
useEffect(() => {
setSiteVisited();
@@ -37,13 +36,11 @@ export function SiteTransitionOverlay(): React.JSX.Element {
// initial frame at opacity 0 before flipping to 1.
const fadeInId = window.setTimeout(() => {
setScreenOpacity(1);
- setLogoOpacity(1);
}, 0);
timeoutIds.push(fadeInId);
const redirectToGame = (): void => {
if (isCancelled) return;
- setLogoOpacity(0);
const id = window.setTimeout(() => {
if (isCancelled) return;
reset();
@@ -119,23 +116,6 @@ export function SiteTransitionOverlay(): React.JSX.Element {
transition: fadeTransition,
}}
/>
-
{/* Subtitles must live inside this overlay's stacking context
(z-index 1000) so they render above the black screen. The
in SiteLayout sits behind this overlay. */}