/* Actual app captures, shown in full rather than cropped into mock UI. */
.edition .keepsake-stage { height: 460px; padding: 18px; background: #fff; --capture-height: 424px; grid-template-rows: minmax(0,1fr); }
.edition .keepsake-stage::before { display: none; }
.edition .keepsake-panel { width: 100%; height: 100%; min-height: 0; padding: 0; display: grid; place-items: center; background: transparent; border: 0; transform: none; }
.edition .keepsake-panel > img { width: auto; height: var(--capture-height); max-width: 100%; max-height: 100%; object-fit: contain; transform: none; border: 1px solid #e3e8e4; border-radius: 24px; box-shadow: 0 18px 42px -25px rgb(5 48 31 / .25); }
.edition .benefit-phone { bottom: 20px; }
.about-story-photo.about-app-screen { --about-capture-height: 480px; height: var(--about-capture-height); display: grid; grid-template-rows: minmax(0,1fr); place-items: center; overflow: visible; background: #fff; }
.about-story-photo.about-app-screen > img { width: auto; height: var(--about-capture-height); max-width: 100%; min-height: 0; object-fit: contain; border: 1px solid #e3e8e4; border-radius: 26px; box-shadow: 0 18px 42px -25px rgb(5 48 31 / .25); }
@media (max-width: 820px) {
 .about-story-photo.about-app-screen { --about-capture-height: 440px; }
}
@media (max-width: 600px) {
 .edition .keepsake-stage { height: 430px; --capture-height: 394px; }
 .about-story-photo.about-app-screen { --about-capture-height: 420px; }
}