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.
The useful menagerie, Who actually said that, The completists, Ambient data,
Made on the old machines, Never out of production, Six groans (third serving),
Nothing to win here. All items previously unbundled; zero reuse.
- src/lib/hero.ts: review heroes are now auto-discovered via import.meta.glob
over reviews/*/hero.<ext>; only legacy non-hero-named assets remain as
explicit overrides. New reviews need zero registration.
- Pick of the day moves from a hardcoded HERO_SLUG in index.astro to
src/data/pick.json (content edit, not code edit); dev set-pick API and
the review-page button now write pick.json. Fallback: latest review.
- Schemas: finds gain shortlist (bool) + amazonLink; reviews gain amazonLink.
- Review + find pages render an 'Also on Amazon' affiliate link when
amazonLink is set, with shared disclosure handling.
- Both hero globs now include .avif (two June finds ship avif heroes).
rzen