.invitation.has-invitation-image{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(360px,.9fr);gap:clamp(58px,10vw,154px);align-items:start}.invitation-left,.invitation-right{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.invitation-left>.kicker{margin:0 0 28px}.invitation-left>.invitation-image{width:min(100%,420px);margin:0;overflow:hidden}.invitation-left>.invitation-note{max-width:39ch;margin:27px 0 0;color:var(--muted);font-size:1.04rem;line-height:1.7}.invitation-right>h2{max-width:9.4ch;margin:0}.invitation-right>.countdown{width:min(100%,520px);margin-top:clamp(38px,6vw,78px);align-self:stretch}.invitation-right>.micro{align-self:flex-start;margin:16px 0 0}.invitation:not(.has-invitation-image){grid-template-columns:minmax(0,.85fr) minmax(280px,.55fr)}.invitation:not(.has-invitation-image)>.invitation-left,.invitation:not(.has-invitation-image)>.invitation-right{display:contents}.invitation:not(.has-invitation-image) .invitation-left>.kicker{grid-column:1}.invitation:not(.has-invitation-image) .invitation-right>h2{grid-column:2}.invitation:not(.has-invitation-image) .invitation-left>.invitation-note{grid-column:1;max-width:38ch;margin:44px 0 0;color:var(--muted);font-size:1.04rem}.invitation:not(.has-invitation-image) .invitation-right>.countdown{grid-column:2;align-self:end}.invitation:not(.has-invitation-image) .invitation-right>.micro{grid-column:2;margin:0}@media(max-width:760px){.invitation.has-invitation-image{grid-template-columns:1fr;gap:48px}.invitation-left>.invitation-image{width:100%}.invitation-left>.invitation-note{margin-top:20px}.invitation-right>.countdown{width:100%;margin-top:38px}.invitation:not(.has-invitation-image)>.invitation-left,.invitation:not(.has-invitation-image)>.invitation-right{display:flex;gap:0}.invitation:not(.has-invitation-image) .invitation-left>.kicker,.invitation:not(.has-invitation-image) .invitation-right>h2,.invitation:not(.has-invitation-image) .invitation-left>.invitation-note,.invitation:not(.has-invitation-image) .invitation-right>.countdown,.invitation:not(.has-invitation-image) .invitation-right>.micro{grid-column:auto;max-width:none}.invitation:not(.has-invitation-image) .invitation-left>.invitation-note{margin:20px 0}.invitation:not(.has-invitation-image) .invitation-right>.countdown{width:100%;margin-top:36px}.invitation:not(.has-invitation-image) .invitation-right>.micro{margin-top:14px}}