/* One photograph behind the invitation, with black copy and no portrait cards. */
html body[data-page=home] main .home-demo-ad{display:block;aspect-ratio:1344/433;min-height:0;height:auto;padding:32px;background:#dedbd4;color:#000}
html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none!important;-webkit-mask-image:none!important}
html body[data-page=home] main .home-demo-ad-copy{position:absolute;left:32px;top:50%;transform:translateY(-50%);width:42%;max-width:650px}
html body[data-page=home] main .home-demo-ad-copy>.eyebrow{margin-bottom:16px}
html body[data-page=home] main .home-demo-ad-copy>p{max-width:540px;margin:20px 0 24px}
html body[data-page=home] main .home-demo-ad-copy>.button{min-height:48px;padding:14px 20px;font-size:14px}
html body[data-page=home] main .home-demo-ad-copy :is(.eyebrow,h2,h2 em,p){color:#000!important;text-shadow:none}
@media(max-width:1100px){html body[data-page=home] main .home-demo-ad{aspect-ratio:auto;min-height:480px;padding:24px}html body[data-page=home] main .home-demo-ad-copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none}html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop{object-position:53% center}}

/* Keep the type size; bring the two invitation lines closer together. */
html body[data-page=home] main .home-demo-ad-copy h2{line-height:0.99!important}
@media(max-width:600px){
 html body[data-page=home] main .home-demo-ad-copy{display:flex;flex-direction:column;min-height:432px}
 html body[data-page=home] main .home-demo-ad-copy>.eyebrow{margin-bottom:auto}
 html body[data-page=home] main .home-demo-ad-copy>.button{align-self:flex-start}
}

/* Phone framing places Sushi lower and to the right of the invitation. */
@media(max-width:600px){html body[data-page=home] main .home-demo-ad>.home-demo-ad-backdrop{height:115%;object-position:49% top}}