/* Compact composition only for the landing page phone, never customer invitations. */
body[data-landing-preview="true"] .cover{min-height:100svh;height:auto}
body[data-landing-preview="true"] .cover .cover-content{width:calc(100% - 30px);margin:16px auto;padding:18px 10px 22px}
body[data-landing-preview="true"] .cover h1{font-size:36px;line-height:1.18;margin:12px 0}
body[data-landing-preview="true"] .cover .ampersand{font-size:20px;margin:4px}
body[data-landing-preview="true"] .cover .couple-monogram{width:42px;height:42px;font-size:17px;margin-bottom:12px}
body[data-landing-preview="true"] .cover .kicker{font-size:7px;letter-spacing:2px}
body[data-landing-preview="true"] .cover-date{font-size:10px;letter-spacing:1px;margin-bottom:14px}
body[data-landing-preview="true"] .guest-block{padding:9px;margin-bottom:15px}
body[data-landing-preview="true"] .guest-block strong{font-size:12px}
body[data-landing-preview="true"] .cover #open-invitation{min-width:0;width:auto;max-width:100%;min-height:40px;font-size:10px;padding:9px 13px;gap:7px}
body[data-landing-preview="true"] .cover #open-invitation svg{width:14px;height:14px}
body[data-landing-preview="true"] .invitation-overture{padding:25px 16px 65px;min-height:100svh}
body[data-landing-preview="true"] .overture-copy{width:100%;max-width:100%}
body[data-landing-preview="true"] .overture-copy h2{font-size:34px;line-height:1.2;margin:18px 0}
body[data-landing-preview="true"] .overture-copy .kicker{font-size:7px;letter-spacing:1.5px;white-space:normal}
body[data-landing-preview="true"] .overture-photo{width:145px;max-width:85%;margin:20px auto 0}
body[data-landing-preview="true"] .opening-portrait,body[data-landing-preview="true"] .profile-photo{width:145px;max-width:85%;margin-inline:auto}
body[data-landing-preview="true"] .inv-section{padding-inline:20px}
body[data-landing-preview="true"] .inv-gallery{gap:8px}
body[data-landing-preview="true"] .inv-nav{padding:4px 7px;gap:2px;max-width:90%}
body[data-landing-preview="true"] .inv-nav a{font-size:9px;padding:8px 9px}