Discover

HeroExpandCard starts as a tall card with a hero image, an eyebrow and a title. Touch-down scales it to 0.965; tap and it expands into a full-screen detail where the image, title and surface share matchedGeometryEffect ids, the corner radius opens to the screen edge and the body scrolls beneath the header. When the detail is scrolled to its top, pulling down makes the whole surface follow: it shrinks and rounds with the drag progress, a rigid haptic marks the commit point, and releasing past it collapses back into the card.

Notes

• States: rest, pressed, expanding, expanded, pulling (progress 0–1), armed at the commit point. The close button fades out as the pull progresses.
• The pull only engages when the inner scroll is at its top, read from a geometry probe in the detail's named coordinate space; otherwise the drag scrolls the content. Release commits when the pull reached 1 or predictedEndTranslation projects past 1.4x the commit distance.
• The card and the detail render in the same place in the view tree (the card slot is kept at the card's height while expanded), which is what makes the matched geometry transition read as one surface.
• Press feel uses an infinite onLongPressGesture for onPressingChanged with a 12pt maximum distance, and a simultaneous tap for the open.
• The card is a VoiceOver button; the detail is modal with an escape action. Reduce Motion replaces the springs with short ease-in-outs.
• The Discover screen puts the cover story card at the top edge, full width, so the expanded guide opens to the screen edges; the headline, filters, destination rail and escapes sit below it over a floating tab bar.
• The guide is the card's detail: the trip's facts as blocks, a numbered route and a plan action, all scrolling inside the expanded surface.
• HeroExpandExample at the end of HeroExpandCard.swift is the Discover screen from the preview.