The incoming card was translucent while it rose over the card it
covers, so both sets of copy were legible at once on photo-led cards.
The shell (photo and scrim) now goes opaque as soon as the card starts
moving, while the copy fades in over the whole arrival.
- The receding card must stay fully opaque; dimming it let the card
behind ghost through the title and chips on photo-led cards.
- Give the pinned stage top padding so the section label clears the
fixed nav, and a gap so the covered card does not clip the intro.
- Let the deck size to the space left in the stage, so it can never
overflow the viewport.
Add a 3:4 tablet frame set (810x1080) and raise phone frames to the
full source height (608x1080). The scroll engine picks the set by
screen shape, and a logo loader holds the page until the coarse frame
pass is in (12 s cap).
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Vite + React + Tailwind site with a scroll-scrubbed drone fly-through,
services, projects, company, team and contact sections, plus a
Dockerfile + nginx config for Coolify deployment.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>