[00]Depth model
flat pages have one plane · this one declares several
Axis
Z added · perspective 1300px on the scene
Tilt
pointer drives rotateX / rotateY · eased return
Layers
translateZ 30 → 160px · eyebrow, type, cards, orbs
Field
canvas dust · size & opacity by depth · parallax drift
Type
Fraunces display · Inter body · JetBrains Mono meta
Status
🟢 floating · contrast AA · reduced-motion flattens it
[01]Six planes
hover a card — it leans toward the pointer, its contents float at different depths
PLN·01
Pointer tilt
Each card reads the pointer's position over its own bounds and rotates to face it.
PLN·02
Layered Z
Title, body and orb sit on different translateZ planes, so tilting reveals real separation.
PLN·03
Cast shadow
A long soft shadow grounds the float — depth you feel before you name it.
PLN·04
Idle orbit
With no pointer the hero breathes on a slow sine orbit — alive, never still.
PLN·05
Dust field
A canvas of depth-sorted motes drifts behind everything at near-zero cost.
PLN·06
Gold & violet
A warm highlight against an indigo night — the spatial palette, distinct from 002's signal cyan.
Counterpoint to the flat three. 001, 002 and 003 all live on a single plane — warm, hard, printed. 004 keeps the same self-running engine but spends it on the one axis the others ignore: depth.
[02]Pull the planes apart
drag to push the three layers along Z · 0 = collapsed flat
back
mid
front
spread
60 px
Field note: nothing here is a 3D model — it is plain DOM on stacked translateZ planes under one perspective. The illusion is cheap; the feeling is not.