theme: workspaces drift behind the hull instead of over the bar

The hull moves to the top layer, with its transparent opening and empty input
region, so windows sliding out of the opening during a workspace switch pass
behind the frame like things behind a porthole rim rather than drawing over
the bar. A layer rule keeps the bar and the rail above it on that layer.

The animation tree is redone around that: workspaces drift 18% vertically
and fade on a slow, jolt-free "drift" curve; the SUPER+S scratchpad slides in
whole from under the bar, the same gesture as the dashboard and popouts;
windows and layers keep their calm resolve and fade.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

hypr/lua/animations.lua

@@ -4,10 +4,22 @@
 -- overshoots, nothing pops. Matches Theme.easeSnap / easeGlide in
 -- ~/.config/quickshell/config/Theme.qml.
 --
--- Windows fade in from a hair smaller, the way a NieR menu panel resolves
--- rather than arrives. Workspaces slide a short way and fade instead of
--- sweeping the whole screen across, which on a 2560px panel is a lot of
--- motion for "you are somewhere else now". The border angle never animates.
+-- The screen is a porthole: the hull (quickshell/bar/Frame.qml) sits on the
+-- top layer, so anything that moves past the edge of the opening passes
+-- behind the frame instead of over the bar.
+--
+--   windows      resolve in from a hair smaller and fade, the way a NieR menu
+--                panel appears rather than arrives; leave the same way, faster.
+--   workspaces   drift: the old one sinks a little way behind the rim as it
+--                fades, the new one rises into its place. A short, slow
+--                vertical drift rather than a full-screen sweep, which on a
+--                2560px panel is a lot of motion for "you are somewhere else
+--                now". Direction follows workspace order.
+--   scratchpad   a drawer: SUPER+S lowers it out from under the bar, the same
+--                gesture as the dashboard and the popouts, and raises it back.
+--   layers       only fade; quickshell animates its own surfaces.
+--
+-- Nothing overshoots and the border angle never animates.
 
 hl.config({
     animations = {
@@ -23,6 +35,9 @@ hl.curve("standard", { type = "bezier", points = { { 0.40, 0.00 }, { 0.20, 1.00
 -- Leaving: ease in, so the exit gathers pace and is gone.
 hl.curve("exit", { type = "bezier", points = { { 0.55, 0.00 }, { 0.90, 0.35 } } })
 hl.curve("linear", { type = "bezier", points = { { 0, 0 }, { 1, 1 } } })
+-- easeInOutSine-ish with a long tail: starts without a jolt, settles slowly.
+-- For motion big enough that a fast start would read as a shove.
+hl.curve("drift", { type = "bezier", points = { { 0.35, 0.00 }, { 0.15, 1.00 } } })
 
 -- --------------------------------------------------------------------- tree
 -- speed is in ds (1ds = 100ms). Unset leaves inherit their parent.
@@ -48,8 +63,10 @@ hl.animation({ leaf = "layers", enabled = true, speed = 2.6, bezier = "glide" })
 hl.animation({ leaf = "layersIn", enabled = true, speed = 2.6, bezier = "glide", style = "fade" })
 hl.animation({ leaf = "layersOut", enabled = true, speed = 2, bezier = "exit", style = "fade" })
 
-hl.animation({ leaf = "workspaces", enabled = true, speed = 4, bezier = "glide", style = "slidefadevert 12%" })
-hl.animation({ leaf = "workspacesIn", enabled = true, speed = 4, bezier = "glide", style = "slidefadevert 12%" })
-hl.animation({ leaf = "workspacesOut", enabled = true, speed = 3, bezier = "exit", style = "slidefadevert 12%" })
+hl.animation({ leaf = "workspaces", enabled = true, speed = 5.5, bezier = "drift", style = "slidefadevert 18%" })
+hl.animation({ leaf = "workspacesIn", enabled = true, speed = 5.5, bezier = "drift", style = "slidefadevert 18%" })
+hl.animation({ leaf = "workspacesOut", enabled = true, speed = 4.5, bezier = "drift", style = "slidefadevert 18%" })
 
-hl.animation({ leaf = "specialWorkspace", enabled = true, speed = 4, bezier = "glide", style = "slidefadevert 20%" })
+hl.animation({ leaf = "specialWorkspace", enabled = true, speed = 4.5, bezier = "glide", style = "slidevert" })
+hl.animation({ leaf = "specialWorkspaceIn", enabled = true, speed = 4.5, bezier = "glide", style = "slidevert" })
+hl.animation({ leaf = "specialWorkspaceOut", enabled = true, speed = 3.5, bezier = "exit", style = "slidevert" })