.invitation-design{position:relative;isolation:isolate;min-height:720px;height:100%;overflow:hidden;background:#eee9dc;color:#fffdf3}
.cover-photo{position:absolute;inset:0;z-index:0;overflow:hidden}.cover-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.cover-xv:after,.cover-party:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#19201466,transparent 27%,transparent 39%,#151e168c 72%,#151e16e6)}
.cover-heading{position:absolute;top:35px;left:35px;right:35px;display:flex;align-items:center;gap:22px;font:500 .75rem/1.7 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.cover-heading i{height:1px;flex:1;background:currentColor;opacity:.5}
.cover-name{position:absolute;bottom:122px;left:35px;right:35px}
.cover-name h1,.cover-name h2,.cover-name h3{font:italic 500 clamp(4.6rem,7vw,7.8rem)/.95 var(--serif);letter-spacing:-.04em;margin:0;text-wrap:balance}
.cover-date{position:absolute;bottom:30px;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #fff9;padding-top:18px}
.cover-date>div{display:flex;align-items:center;gap:17px}.cover-date strong{font:400 3.3rem/1 var(--serif)}
.cover-date span{font:400 .75rem/1.7 var(--sans);letter-spacing:.12em;text-transform:uppercase}.cover-date .cover-place{text-align:right;opacity:.85}
.cover-kids{background:#edf0e5;color:#405747}.cover-kids .cover-photo{inset:173px 32px 121px;border-radius:160px 160px 12px 12px}
.cover-kids .cover-photo img{object-position:50% 65%}.cover-kids .cover-heading{top:28px;justify-content:center}.cover-kids .cover-heading i{display:none}
.cover-kids .cover-name{top:65px;bottom:auto;text-align:center}.cover-kids .cover-name h1,.cover-kids .cover-name h2,.cover-kids .cover-name h3{font-style:normal;font-size:6rem;letter-spacing:-.055em}
.cover-kids .cover-date,.cover-family .cover-date{border-color:#a9b59e}
.cover-family{background:#f5f0e6;color:#505a3c}.cover-family .cover-photo{inset:98px 34px 205px;border-radius:150px 150px 5px 5px}.cover-family .cover-photo img{object-position:50% 43%}
.cover-family .cover-name{bottom:121px;text-align:center}.cover-family .cover-name h1,.cover-family .cover-name h2,.cover-family .cover-name h3{font-size:4.9rem;font-style:normal;line-height:.95}
.cover-family .cover-heading{top:30px;justify-content:center}.cover-family .cover-heading i{display:none}
.cover-party:after{background:linear-gradient(#1c19165c,transparent 30%,#241c178c 66%,#241c17f2)}
.cover-party .cover-name h1,.cover-party .cover-name h2,.cover-party .cover-name h3{font-size:clamp(3.8rem,6vw,6.2rem)}
.cover-long-name .cover-name{bottom:119px}.cover-long-name .cover-name :is(h1,h2,h3){font-size:3.8rem!important;line-height:1.02}.cover-family.cover-long-name .cover-photo{bottom:260px}
.specialty-invite{width:400px;max-width:100%;padding:0!important;border:0!important;outline:0!important;box-shadow:0 28px 70px #29311c1c;background:none;text-align:left}
.specialty-invite .invitation-design{min-height:590px}.specialty-invite .cover-heading{left:27px;right:27px;top:28px;font-size:.75rem}.specialty-invite .cover-name{left:27px;right:27px;bottom:113px}
.specialty-invite .cover-name h3{font-size:5.7rem;margin:0}.specialty-invite .cover-date{left:27px;right:27px;bottom:26px}
.specialty-invite .cover-date strong{font-size:2.8rem}.specialty-invite .cover-date span{font-size:.75rem}
.specialty-invite>.text-link{display:flex;justify-content:space-between;background:var(--white);padding:20px 27px;margin:0;border:0;font-size:.85rem}
.specialty-invite .cover-kids .cover-name{top:65px;bottom:auto}.specialty-invite .cover-kids .cover-name h3{font-size:5.2rem}
.specialty-invite .cover-kids .cover-photo{inset:153px 25px 116px}.specialty-invite .cover-kids .cover-heading{top:24px}
.invitation-stage{border:0;gap:0;background:transparent}.demo-invite-letter{outline:0;border:1px solid var(--line);border-left:0;background:var(--paper);padding:48px}
.demo-invite-letter>h2{font-size:3.1rem}.demo-invite-letter .invite-personal-message{font-size:1.45rem}
#invitation-dialog .invitation-design{min-height:680px}#invitation-dialog .cover-family .cover-name h2{font-size:4.6rem}
@media(max-width:1100px){.invitation-design{min-height:700px}.cover-name h1{font-size:6rem}.cover-kids .cover-name h1{font-size:5.3rem}.cover-heading{left:28px;right:28px}.cover-name,.cover-date{left:28px;right:28px}.demo-invite-letter{padding:38px}.demo-invite-letter>h2{font-size:2.9rem}}
@media(max-width:720px){.invitation-design{min-height:590px}.cover-heading{top:27px;left:27px;right:27px;font-size:.75rem;gap:18px}.cover-name{bottom:116px;left:27px;right:27px}.cover-name h1,.cover-name h2,.cover-name h3{font-size:5.8rem}.cover-date{left:27px;right:27px;bottom:25px;padding-top:15px}.cover-date strong{font-size:2.8rem}.cover-date span{font-size:.75rem}.cover-kids .cover-name{top:67px}.cover-kids .cover-name h1,.cover-kids .cover-name h2{font-size:5.1rem}.cover-kids .cover-photo{inset:154px 24px 118px}.cover-family .cover-photo{inset:82px 26px 184px}.cover-family .cover-name{bottom:119px}.cover-family .cover-name h1,.cover-family .cover-name h2,.cover-family .cover-name h3{font-size:4rem}.cover-party .cover-name h1,.cover-party .cover-name h2{font-size:4.3rem}.demo-invite-letter{border-left:1px solid var(--line);padding:38px 26px}.demo-invite-letter>h2{font-size:2.85rem}#invitation-dialog .invitation-design{min-height:600px}#invitation-dialog .cover-family .cover-name h2{font-size:3.5rem}}
.cover-heading,.cover-name,.cover-date{z-index:2}
