The width-tier system (full-bleed wide tier, body max-width tweens,
absolute-positioned FLIP masonry) is gone. Grid pages are 4 columns in a
55.5rem container (>=69rem viewport), everything else 3, with the existing
1-2 column steps on small screens. Masonry returns to real flex columns.
This also fixes bundle pages rendering as a diagonal card cascade: the old
.masonry > .masonry-tile { position: absolute } tied with FindCard's scoped
position: relative on specificity, and on bundle pages the FindCard rule won
the cascade order, leaving tiles in normal flow with masonry translate()
offsets stacked on top. Flex columns don't position tiles, so the tie is gone.
Kept from the motion pass: staggered tile reveal on initial load and
"Load more" (now via animation-delay), card hover lifts, button tactility.
- Images/videos fade in on load instead of popping (cached media renders
instantly; nothing is hidden without JS)
- Cross-document view transitions: soft cross-fade between pages where
supported
- Masonry reveals ripple: initial grid and "Load more" batches stagger in
per-tile instead of blinking on at once
- Card hover: gentle -2px lift + slow image zoom on hero, home/grid tiles,
and find cards; find-card lift switched to `translate` so it composes
with the masonry's inline transform (it was silently dead before), and
its transition list unified with .masonry-tile's to end their cascade tie
- Tactile press/lift on "Load more" and the external CTA button
- Accent-tinted ::selection, visible :focus-visible rings, smooth anchor
scrolling; global prefers-reduced-motion catch-all disables it all
Claude-Session: https://claude.ai/code/session_01ADR9r5rw5NuvvnCxfYbMuc
Named width tiers (mobile/narrow/regular/wide) with body max-width easing
between them; grid pages opt in via BaseLayout `wide`. Masonry is now
absolute-positioned with FLIP glides on column-count changes: targets are
computed from the *final* container width (reading --max, which flips
instantly while max-width tweens), mid-glide column changes retarget
instead of being dropped, and container height eases so content below
rides along.
Claude-Session: https://claude.ai/code/session_01ADR9r5rw5NuvvnCxfYbMuc
tldraw: fact-check enriched the find — dual product (free whiteboard /
source-available SDK), licensing corrected to the proprietary tldraw
license (not MIT). Fresh first-party screenshot hero.
Kartell Componibili: first review to carry amazonLink (genuine Kartell
4966/03, sold by Amazon) — exercises the new 'Also on Amazon' affiliate
rendering end to end. New 'design' category.
rzen