@@ -107,9 +107,15 @@ public final class NavigationExpansionDestinationLoan {
     /// itself, which have transforms of their own.
     public let pageViews: [UIView]
     /// Views clipping at a bottom edge that is the page's top (the profile's cover, whose bottom band is the music strip):
-    /// the edge rides the page while what they show holds still, so the page never leaves a strip of the cover below it.
-    /// They stay in their own superviews and keep their own transforms and sublayer transforms.
+    /// the edge rides the page while what they show holds still, so the page never leaves a strip of the cover below it,
+    /// until the page passes its resting place; past it what they show lands with the page, so its overshoot moves the
+    /// background with everything on it. They stay in their own superviews and keep their own transforms and sublayer
+    /// transforms.
     public let pageEdgeViews: [UIView]
+    /// The rest of the background (the gifts around the profile's avatar): held still while the page comes in, landing
+    /// with it past its resting place, as what the page edges show does. They stay in their own superviews and keep their
+    /// own transforms.
+    public let landingViews: [UIView]
     /// The colour the drops' glass tints toward (the profile's colour; nil: none, the plain profile).
     public let glassTint: UIColor?
     /// The screen's corner radii (`ContainerViewLayout.screenCornerRadii`), which differ on iPhone Duo's cover screen.
@@ -119,7 +125,7 @@ public final class NavigationExpansionDestinationLoan {
     public let backgroundClosing: ClosedRange<CGFloat>?
     public let flyingViews: [UIView]
 
-    public init(avatar: CGRect?, photo: CGRect?, avatarView: UIView?, avatarRestFrame: CGRect, labels: [NavigationExpansionLabel], labelColors: [UIColor], carriedEdge: CGFloat, appearingViews: [UIView], appearingCompanions: [[UIView]] = [], overlayViews: [UIView] = [], backgroundViews: [UIView], listViews: [UIView], pageViews: [UIView] = [], pageEdgeViews: [UIView] = [], patternViews: [UIView], glassTint: UIColor?, screenCornerRadii: CornerRadii, backButtonFrame: CGRect?, backgroundOpening: ClosedRange<CGFloat>? = nil, backgroundClosing: ClosedRange<CGFloat>? = nil, flyingViews: [UIView] = []) {
+    public init(avatar: CGRect?, photo: CGRect?, avatarView: UIView?, avatarRestFrame: CGRect, labels: [NavigationExpansionLabel], labelColors: [UIColor], carriedEdge: CGFloat, appearingViews: [UIView], appearingCompanions: [[UIView]] = [], overlayViews: [UIView] = [], backgroundViews: [UIView], listViews: [UIView], pageViews: [UIView] = [], pageEdgeViews: [UIView] = [], landingViews: [UIView] = [], patternViews: [UIView], glassTint: UIColor?, screenCornerRadii: CornerRadii, backButtonFrame: CGRect?, backgroundOpening: ClosedRange<CGFloat>? = nil, backgroundClosing: ClosedRange<CGFloat>? = nil, flyingViews: [UIView] = []) {
         self.avatar = avatar
         self.photo = photo
         self.avatarView = avatarView
@@ -134,6 +140,7 @@ public final class NavigationExpansionDestinationLoan {
         self.listViews = listViews
         self.pageViews = pageViews
         self.pageEdgeViews = pageEdgeViews
+        self.landingViews = landingViews
         self.patternViews = patternViews
         self.glassTint = glassTint
         self.screenCornerRadii = screenCornerRadii
 
@@ -112,13 +112,15 @@ public final class NavigationExpansionRendererImpl: NavigationExpansionRenderer
         let rest: CATransform3D
     }
     private var followers: [Follower] = []
-    /// A view of the page below the header (`NavigationExpansionDestinationLoan.pageViews`, `pageEdgeViews`), measured
-    /// before anything is lent: how many screen points one of its superlayer's points is, vertically, and its own
-    /// transform.
+    /// A view of the page below the header (`NavigationExpansionDestinationLoan.pageViews`, `pageEdgeViews`,
+    /// `landingViews`), measured before anything is lent: how many screen points one of its superlayer's points is,
+    /// vertically, and its own transform.
     private struct PageRider {
         let layer: CALayer
         let unit: CGFloat
         let rest: CATransform3D
+        /// A landing view's (`landingViews`): it takes only the page's overshoot past its resting place.
+        let landsOnly: Bool
         /// An edge's (`pageEdgeViews`): how many screen points one of its own points is, vertically, and its own sublayer
         /// transform, which takes its content back to where it stands.
         let content: (unit: CGFloat, rest: CATransform3D)?
@@ -205,14 +207,14 @@ public final class NavigationExpansionRendererImpl: NavigationExpansionRenderer
             self.flyers.append(Flyer(layer: view.layer, restCenter: CGPoint(x: restFrame.midX, y: restFrame.midY), restSize: restFrame.size, unit: unit, rest: view.layer.transform))
             self.touchedLayers.append(view.layer)
         }
-        for (view, isEdge) in destinationLoan.pageViews.map({ ($0, false) }) + destinationLoan.pageEdgeViews.map({ ($0, true) }) {
+        for (view, isEdge, landsOnly) in destinationLoan.pageViews.map({ ($0, false, false) }) + destinationLoan.pageEdgeViews.map({ ($0, true, false) }) + destinationLoan.landingViews.map({ ($0, false, true) }) {
             guard let superlayer = view.layer.superlayer else {
                 continue
             }
             let point = CGRect(x: 0.0, y: 0.0, width: 1.0, height: 1.0)
             let unit = superlayer.convert(point, to: screen.layer).height
             let content = isEdge ? (unit: view.layer.convert(point, to: screen.layer).height, rest: view.layer.sublayerTransform) : nil
-            self.pageRiders.append(PageRider(layer: view.layer, unit: unit, rest: view.layer.transform, content: content))
+            self.pageRiders.append(PageRider(layer: view.layer, unit: unit, rest: view.layer.transform, landsOnly: landsOnly, content: content))
             self.touchedLayers.append(view.layer)
         }
 
@@ -418,15 +420,16 @@ public final class NavigationExpansionRendererImpl: NavigationExpansionRenderer
     }
 
     /// A page view's transform with the page `page` points below its resting place: after its own, in its superlayer's
-    /// points.
+    /// points. A landing view takes only the overshoot past its resting place.
     private func pageTransform(_ rider: PageRider, page: CGFloat) -> CATransform3D {
-        return CATransform3DConcat(rider.rest, CATransform3DMakeTranslation(0.0, page / max(rider.unit, 0.0001), 0.0))
+        let offset = rider.landsOnly ? max(page, 0.0) : page
+        return CATransform3DConcat(rider.rest, CATransform3DMakeTranslation(0.0, offset / max(rider.unit, 0.0001), 0.0))
     }
 
-    /// An edge's sublayer transform with the page `page` points below its resting place: its content as far back, in its
-    /// own points, so only the edge moves.
+    /// An edge's sublayer transform with the page `page` points below its resting place: while the page is above it, its
+    /// content as far back, in its own points, so only the edge moves; past it, none, so the content lands with the page.
     private func pageContentTransform(_ rider: PageRider, page: CGFloat) -> CATransform3D? {
-        return rider.content.map { CATransform3DConcat($0.rest, CATransform3DMakeTranslation(0.0, -page / max($0.unit, 0.0001), 0.0)) }
+        return rider.content.map { CATransform3DConcat($0.rest, CATransform3DMakeTranslation(0.0, -min(page, 0.0) / max($0.unit, 0.0001), 0.0)) }
     }
 
     private func originContentPlacement(_ frame: ExpansionFrame) -> (center: CGPoint, transform: CATransform3D)? {
 
@@ -72,6 +72,8 @@ private final class FakeDestination: NavigationExpansionDestinationProviding {
     var pageViews: [UIView] = []
     /// Views clipping at the page's top edge (the profile's cover).
     var pageEdgeViews: [UIView] = []
+    /// The rest of the background, landing with the page (the profile's gifts around its avatar).
+    var landingViews: [UIView] = []
     var path: ExpansionPath = .origin
     var screenCornerRadii = makeExpansionGeometry().screenCornerRadii
     var lends = 0
@@ -105,7 +107,7 @@ private final class FakeDestination: NavigationExpansionDestinationProviding {
         return NavigationExpansionDestinationLoan(avatar: g.avatar, photo: g.photo, avatarView: self.avatarView, avatarRestFrame: self.path == .photo ? g.photo! : g.avatar!, labels: [
             NavigationExpansionLabel(view: self.titleView, textCenter: CGPoint(x: 79.0, y: 17.0), textSize: CGSize(width: 158.0, height: 34.0), screenCenter: g.labels[0].destinationCenter, coloring: .multiply([self.titleView.layer], .white)),
             NavigationExpansionLabel(view: self.statusView, textCenter: CGPoint(x: 65.0, y: 10.0), textSize: CGSize(width: 130.0, height: 20.0), screenCenter: g.labels[1].destinationCenter, coloring: .multiply([self.statusView.layer], .white), followers: self.statusFollowers)
-        ], labelColors: [.white, .white], carriedEdge: g.carriedEdge, appearingViews: self.buttons, appearingCompanions: self.platters.map { [$0] }, overlayViews: self.overlays, backgroundViews: [self.background], listViews: [self.list], pageViews: self.pageViews, pageEdgeViews: self.pageEdgeViews, patternViews: [], glassTint: .purple, screenCornerRadii: self.screenCornerRadii, backButtonFrame: CGRect(x: 16.0, y: 64.0, width: 44.0, height: 44.0))
+        ], labelColors: [.white, .white], carriedEdge: g.carriedEdge, appearingViews: self.buttons, appearingCompanions: self.platters.map { [$0] }, overlayViews: self.overlays, backgroundViews: [self.background], listViews: [self.list], pageViews: self.pageViews, pageEdgeViews: self.pageEdgeViews, landingViews: self.landingViews, patternViews: [], glassTint: .purple, screenCornerRadii: self.screenCornerRadii, backButtonFrame: CGRect(x: 16.0, y: 64.0, width: 44.0, height: 44.0))
     }
 
     func returnExpansionDestination() {
@@ -875,10 +877,12 @@ final class NavigationExpansionRendererTests: XCTestCase {
         return (edge, content)
     }
 
-    // The cover's bottom edge rides the page, its content still: wherever the status's host stands, the edge stands as
-    // far from its place as the page does, and the gradient where it rests. Riding in from above, the page's music strip
-    // (the cover's bottom band) otherwise left a strip of the cover below it, 40 pt at first.
-    func test_pageEdge_ridesThePageWithItsContentStill() {
+    // The cover's bottom edge rides the page; its content holds still while the page comes in from above and lands with it
+    // past its place: wherever the status's host stands, the edge stands as far from its place as the page does, and the
+    // gradient as far as the page's overshoot. Riding in from above, the page's music strip (the cover's bottom band)
+    // otherwise left a strip of the cover below it, 40 pt at first; held still through the overshoot, the gradient and
+    // its pattern stood still while the avatar, the name and the page bounced over them.
+    func test_pageEdge_ridesThePage_contentLandsWithIt() {
         var cover: (edge: UIView, content: UIView)?
         var rest: (edge: CGRect, content: CGRect)?
         let (renderer, container, _, _, _) = self.make(configure: { destination in
@@ -900,31 +904,76 @@ final class NavigationExpansionRendererTests: XCTestCase {
             XCTAssertEqual(edge.maxY - rest.edge.maxY, delta, accuracy: 0.01, "t=\(time)")
             XCTAssertEqual(edge.height, rest.edge.height, accuracy: 0.01, "t=\(time)")
             let content = cover.content.convert(cover.content.bounds, to: container)
-            XCTAssertEqual(content.minY, rest.content.minY, accuracy: 0.01, "t=\(time): the gradient holds still")
+            XCTAssertEqual(content.minY - rest.content.minY, max(delta, 0.0), accuracy: 0.01, "t=\(time): the gradient holds still until the page passes its place")
             XCTAssertEqual(content.height, rest.content.height, accuracy: 0.01, "t=\(time)")
             if time == 0.6 {
                 XCTAssertLessThan(delta, -20.0, "mid-flight the edge is still above its place")
             }
+            if time == 1.04 {
+                XCTAssertGreaterThan(delta, 2.0, "the page goes past its place")
+            }
         }
     }
 
-    // On keyframes too: the edge's transform and its content's sublayer transform cancel in every frame, from above its
-    // place to its rest.
+    // On keyframes too: the edge's transform and its content's sublayer transform cancel while the edge is above its
+    // place, and leave the content the page's overshoot past it.
     func test_pageEdge_keyframed() {
         var cover: (edge: UIView, content: UIView)?
         let (renderer, _, _, _, _) = self.make(configure: { cover = self.makePageEdge($0) })
-        let timeline = self.timeline(from: 0.0, to: 1.0, opening: true)
+        let timeline = self.timeline(from: 0.0, to: 1.04, opening: true)
         renderer.animate(timeline: timeline)
         guard let edge = cover?.edge, let transform = edge.layer.animation(forKey: "navigationExpansion.transform") as? CAKeyframeAnimation, let transforms = transform.values as? [NSValue], let sublayer = edge.layer.animation(forKey: "navigationExpansion.sublayerTransform") as? CAKeyframeAnimation, let sublayers = sublayer.values as? [NSValue] else {
             return XCTFail("no edge keyframes")
         }
         XCTAssertEqual(transforms.count, timeline.timing.sampleTimes.count)
         XCTAssertEqual(sublayers.count, transforms.count)
         XCTAssertLessThan(transforms[0].caTransform3DValue.m42, -20.0, "it starts above its place")
+        var landed: CGFloat = 0.0
         for (edgeValue, contentValue) in zip(transforms, sublayers) {
-            XCTAssertEqual(edgeValue.caTransform3DValue.m42 + contentValue.caTransform3DValue.m42, 0.0, accuracy: 1e-6)
+            let edge = edgeValue.caTransform3DValue.m42
+            let content = edge + contentValue.caTransform3DValue.m42
+            XCTAssertEqual(content, max(edge, 0.0), accuracy: 1e-6)
+            landed = max(landed, content)
+        }
+        XCTAssertGreaterThan(landed, 2.0, "the content lands with the overshoot")
+    }
+
+    // The rest of the background (the profile's gifts around its avatar) holds still while the page comes in and lands
+    // with it past its place, as the cover's gradient does, keeping its own transform; it is restored on every ending.
+    func test_landing_takesOnlyThePagesOvershoot() {
+        for atTop in [true, false] {
+            var landing: UIView?
+            var rest: CGRect?
+            let (renderer, container, _, _, _) = self.make(configure: { destination in
+                let view = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 402.0, height: 360.0))
+                view.transform = CGAffineTransform(scaleX: 0.9, y: 0.9)
+                destination.top!.addSubview(view)
+                destination.landingViews = [view]
+                landing = view
+                rest = view.convert(view.bounds, to: destination.top!.superview!)
+            })
+            guard let landing, let rest else {
+                return XCTFail()
+            }
+            let statusRest = makeExpansionGeometry().labels[1].destinationCenter.y
+            for time: CGFloat in [0.6, 1.0, 1.04] {
+                renderer.update(time: time, isOpening: true, pose: .none)
+                guard let host = renderer.destinationLabelHostsForTesting.last else {
+                    return XCTFail("no status host")
+                }
+                let delta = host.layer.position.y - statusRest
+                let now = landing.convert(landing.bounds, to: container)
+                XCTAssertEqual(now.minY - rest.minY, max(delta, 0.0), accuracy: 0.01, "t=\(time)")
+                XCTAssertEqual(now.height, rest.height, accuracy: 0.01, "t=\(time): its own transform is kept")
+                if time == 1.04 {
+                    XCTAssertGreaterThan(delta, 2.0, "the page goes past its place")
+                }
+            }
+            renderer.animate(timeline: self.timeline(from: 0.0, to: 1.0, opening: true))
+            renderer.end(atTop: atTop)
+            XCTAssertEqual(landing.transform, CGAffineTransform(scaleX: 0.9, y: 0.9))
+            XCTAssertNil(landing.layer.animation(forKey: "navigationExpansion.transform"))
         }
-        XCTAssertEqual(transforms[transforms.count - 1].caTransform3DValue.m42, 0.0, accuracy: 1.0)
     }
 
     func test_companion_goesHome() {
 
@@ -127,8 +127,11 @@ final class PeerInfoExpansionDestination: NavigationExpansionDestinationProvidin
             // strip.
             pageViews: [node.scrollNode.view] + header.expansionPageViews,
             // The cover clips at the header's bottom, the music strip's band: the edge rides the page with the band, its
-            // gradient and pattern held still, as the prototype's gradient (which has no edge) is.
+            // gradient and pattern held still while the page comes in, as the prototype's gradient (which has no edge) is,
+            // and landing with it past its place, so the background bounces with the avatar, the title and the page.
             pageEdgeViews: [banner],
+            // The gifts around the avatar land with the cover.
+            landingViews: header.giftsCover.view.flatMap { [$0] } ?? [],
             patternViews: header.giftsCover.view.flatMap { [$0] } ?? [],
             glassTint: header.expansionGlassTint,
             screenCornerRadii: layout.screenCornerRadii,