/* One invitation, reused by all three demo pages. */
.mi-invitation{margin:65px 18px 18px;border:1px solid #d4b78024;border-radius:10px;overflow:hidden;background:#103544;color:#faf6ea}
.mi-inner{width:min(1370px,calc(100% - 112px));margin:auto;display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:9%;padding:82px 0}
.mi-kicker{margin:0 0 23px;color:#d4b780;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.mi-title{font:400 clamp(35px,4.3vw,63px)/1.17 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:0}
.mi-title span{color:#d4b780}
.mi-address{margin:25px 0 29px;color:#b8cacf;font-style:normal;font-size:14px;line-height:1.85}
.mi-actions{display:flex;flex-wrap:wrap;gap:27px;align-items:center}
.mi-logo{display:block;width:min(100%,320px);height:auto;margin:auto}
.mi-copy,.mi-logo{transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.mi-logo{transition-delay:.15s}
.mi-before .mi-copy{opacity:0;transform:translateY(24px)}
.mi-before .mi-logo{opacity:0;transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.mi-before .mi-copy,.mi-before .mi-logo{opacity:1;transform:none}.mi-copy,.mi-logo{transition:none}}
@media(max-width:1100px){.mi-inner{width:calc(100% - 80px);gap:6%}.mi-title{font-size:44px}}
@media(max-width:780px){.mi-invitation{margin:35px 10px 10px}.mi-inner{width:calc(100% - 44px);grid-template-columns:1fr;gap:42px;padding:60px 0}.mi-title{font-size:clamp(32px,6.5vw,47px)}.mi-kicker{font-size:9px}.mi-address{font-size:13px}.mi-logo{width:155px;margin:0}.mi-actions{gap:24px}}
@media(max-width:360px){.mi-inner{width:calc(100% - 36px)}.mi-actions{gap:19px}.mi-title{font-size:30px}}