/* Free invitations: shared spacing, with separate classic and modern profiles. */
.xinv-free{--xinv-ink:#293e2d;--xinv-line:#d4c4ab;--xinv-panel:#fbf5e9;color:var(--xinv-ink)}
.xinv-free .xinv-hero{isolation:isolate;position:relative}
.xinv-free .xinv-eyebrow{font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.14em}
.xinv-free .xinv-host{font-size:12px;line-height:1.7}
.xinv-free .xinv-host strong{font-size:23px;line-height:1.4;margin-top:6px}
.xinv-free .xinv-scroll{font-size:11px;margin-top:20px;gap:14px;text-decoration:none;min-height:44px;opacity:1}
.xinv-free .xinv-content{width:min(100% - 72px,760px)}
.xinv-free .xinv-intro{padding:42px 0 34px;text-align:left;max-width:none;margin:0}
.xinv-free .xinv-intro h2{font-size:32px;margin:12px 0 20px;letter-spacing:-.02em;line-height:1.2}
.xinv-free .xinv-message{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.xinv-free .xinv-details{gap:28px;padding:30px 0;background:none;border:0;border-top:1px solid var(--xinv-line);border-radius:0;box-shadow:none}
.xinv-free .xinv-details>div{min-width:0;padding-left:0}
.xinv-free .xinv-details>div+div{padding-left:30px;border-left:1px solid var(--xinv-line)}
.xinv-free .xinv-details span{font-size:10px;letter-spacing:.12em}
.xinv-free .xinv-details h2{font-size:24px;line-height:1.3;margin:14px 0 10px;letter-spacing:-.02em;overflow-wrap:anywhere}
.xinv-free .xinv-details p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.xinv-free .xinv-textlink{font-size:12px;margin-top:12px}
.xinv-free .xinv-countdown{border:0;padding:27px 21px;background:#f5ebd9}
.xinv-free .xinv-reply{padding:32px 0 0;text-align:left;border-top:1px solid var(--xinv-line)}
.xinv-free .xinv-reply h2{font-size:30px;line-height:1.3}
.xinv-free .xinv-reply-icon{color:#527254;margin:0 0 16px}
.xinv-free .xinv-demo-reply{margin-left:0!important;background:transparent;border:0;border-left:2px solid var(--xinv-line);padding:0 0 0 16px}
.xinv-free .xinv-footer{border:0;text-align:left;padding:34px 0 32px}
.xinv-free .xinv-footer p{font-family:XJakarta,Arial,sans-serif;font-size:15px;line-height:1.7;margin:0 0 16px}
.xinv-free .xinv-footer small{font-size:10px;color:#667367;letter-spacing:.02em}
.xinv-free .xinv-preview-action{padding:25px 36px}

/* Klassisch: cream paper, a red date stamp and an illustrated Christmas tree. */
.xinv-warm{--xinv-paper:#e4e9dd;background:var(--xinv-paper);padding-bottom:36px}
.xinv-warm .xinv-letter{width:min(100% - 64px,860px);margin:36px auto 0;background:#fbf5e9;border:1px solid #ddd0b8;box-shadow:0 15px 55px #263b2910}
.xinv-warm .xinv-hero{min-height:595px;padding:62px 47% 60px 36px;text-align:left;background:#fbf5e9;border:0}
.xinv-warm .xinv-hero>.xinv-christmas-tree{position:absolute;right:22px;bottom:25px;width:39%;height:86%;object-fit:contain;z-index:0;pointer-events:none}
.xinv-warm .xinv-hero>:not(.xinv-christmas-tree){position:relative;z-index:1}
.xinv-warm .xinv-hero>.xinv-eyebrow{color:#84372e;letter-spacing:.13em}
.xinv-warm h1{font-family:XPlayfair,Georgia,serif;font-size:clamp(38px,4.3vw,56px);font-weight:400;line-height:1.13;letter-spacing:-.04em;margin:23px 0 25px;max-width:none;color:#84372e}
.xinv-warm .xinv-host strong{font-family:XPlayfair,Georgia,serif;font-size:25px;font-weight:400}
.xinv-warm .xinv-date-stamp{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:24px 0 0}
.xinv-warm .xinv-date-day{font-family:XPlayfair,Georgia,serif;font-size:51px;line-height:1;color:#84372e}
.xinv-warm .xinv-date-meta{font-size:12px;line-height:1.8;text-align:left;border-left:1px solid #c9bca5;padding-left:16px}
.xinv-warm .xinv-scroll{color:#84372e;border-bottom:1px solid currentColor;text-decoration:none;margin-top:15px}
.xinv-warm .xinv-content{width:calc(100% - 84px)}
.xinv-warm .xinv-intro h2{font-family:XPlayfair,Georgia,serif;font-size:31px;font-weight:400}
.xinv-warm .xinv-countdown-digits strong{color:#84372e}
.xinv-warm .xinv-footer p{font-family:XPlayfair,Georgia,serif;font-size:23px;line-height:1.4}

/* Modern: a clear editorial layout with a Christmas photograph. */
.xinv-clear{--xinv-paper:#fff;--xinv-panel:#f1f4ed;--xinv-line:#d6ded3;--xinv-ink:#253d30;background:#fff}
.xinv-clear .xinv-hero{padding:65px max(40px,calc((100% - 1060px)/2));min-height:590px;background:#f7f2e8;text-align:left;border:0}
.xinv-clear .xinv-hero>:not(.xinv-hero-photo){position:relative;z-index:1;width:49%;max-width:520px}
.xinv-clear .xinv-hero>.xinv-eyebrow{color:#903b32}
.xinv-clear h1{font-family:XJakarta,Arial,sans-serif;font-weight:700;font-size:clamp(34px,3.7vw,48px);line-height:1.16;letter-spacing:-.045em;margin:26px 0 31px;overflow-wrap:normal}
.xinv-clear .xinv-host strong{font-weight:700;font-size:22px}
.xinv-clear .xinv-date{margin-top:29px;gap:13px;font-size:12px;justify-content:flex-start}
.xinv-clear .xinv-date span+span{padding-left:13px}
.xinv-clear .xinv-hero-photo{position:absolute;right:max(40px,calc((100% - 1060px)/2));top:44px;bottom:44px;width:40%;max-width:430px;margin:0;background:#e5e8dc;overflow:hidden;border:6px solid #fffcf5;border-radius:0;box-shadow:0 10px 35px #2b372212}
.xinv-clear .xinv-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:63% 50%}
.xinv-clear .xinv-scroll{width:auto!important;color:#355c3f;margin-top:27px}
.xinv-clear .xinv-content{width:min(100% - 80px,1060px)}
.xinv-clear .xinv-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:12px 65px;padding:48px 0 38px}
.xinv-clear .xinv-intro>.xinv-eyebrow{grid-column:1/-1;color:#527254}
.xinv-clear .xinv-intro h2{font-family:XJakarta,Arial,sans-serif;font-size:28px;line-height:1.3;font-weight:700;letter-spacing:-.035em;margin:0;max-width:330px}
.xinv-clear .xinv-details{background:#f7f2e8;padding:30px;border:0}
.xinv-clear .xinv-details h2{font-family:XJakarta,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.03em}
.xinv-clear .xinv-details>div{padding-left:40px}
.xinv-clear .xinv-details>div+div{padding-left:65px}
.xinv-clear .xinv-detail-icon{top:0;color:#527254}
.xinv-clear .xinv-detail-icon svg{width:26px;height:26px}
.xinv-clear .xinv-detail-icon+span{display:block}
.xinv-clear .xinv-countdown{background:#e8eee3}
.xinv-clear .xinv-countdown>.xinv-eyebrow{color:#903b32}
.xinv-clear .xinv-countdown-digits strong{font-family:XJakarta,Arial,sans-serif;font-weight:700;font-size:33px;letter-spacing:-.04em}
.xinv-clear .xinv-reply{margin-top:32px;border:0}
.xinv-clear .xinv-reply h2{font-family:XJakarta,Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:-.035em}

@media(max-width:850px) and (min-width:600px){
 .xinv-warm .xinv-hero{padding-left:28px;padding-right:45%;min-height:550px}
 .xinv-warm h1{font-size:39px}
 .xinv-clear .xinv-hero{padding:44px 32px;min-height:540px}
 .xinv-clear .xinv-hero-photo{right:32px;top:32px;bottom:32px;width:38%}
 .xinv-clear h1{font-size:35px}
 .xinv-clear .xinv-intro{gap:12px 30px}
}
@media(max-width:599px){
 .xinv-free .xinv-content{width:calc(100% - 44px)}
 .xinv-free .xinv-intro{padding:32px 0 28px}
 .xinv-free .xinv-intro h2{font-size:28px}
 .xinv-free .xinv-message{font-size:15px;line-height:1.85}
 .xinv-free .xinv-details{grid-template-columns:1fr;padding:25px 0;gap:24px}
 .xinv-free .xinv-details>div+div{padding:24px 0 0;border-left:0;border-top:1px solid var(--xinv-line)}
 .xinv-free .xinv-details h2{font-size:23px}
 .xinv-free .xinv-reply h2{font-size:27px}
 .xinv-free .xinv-footer{padding:28px 0 25px}
 .xinv-warm{padding-bottom:18px}
 .xinv-warm .xinv-letter{width:calc(100% - 28px);margin:18px auto 0;box-shadow:0 8px 30px #263b290a}
 .xinv-warm .xinv-hero{padding:30px 22px 24px;min-height:0;text-align:center}
 .xinv-warm .xinv-hero>.xinv-christmas-tree{position:relative;right:auto;bottom:auto;width:174px;height:250px;margin:4px auto 20px;display:block}
 .xinv-warm h1{font-size:40px;margin:17px 0 21px}
 .xinv-warm .xinv-host strong{font-size:24px}
 .xinv-warm .xinv-date-stamp{justify-content:center;margin-top:20px}
 .xinv-warm .xinv-date-day{font-size:46px}
 .xinv-warm .xinv-scroll{font-size:11px;margin-top:12px}
 .xinv-warm .xinv-content{width:calc(100% - 42px)}
 .xinv-clear .xinv-hero{padding:32px 22px 25px;min-height:0}
 .xinv-clear .xinv-hero>:not(.xinv-hero-photo){max-width:none;width:100%}
 .xinv-clear h1{font-size:34px;line-height:1.16;margin:21px 0 25px}
 .xinv-clear .xinv-hero-photo{position:relative;inset:auto;width:100%;height:248px;max-width:none;margin:24px 0 0;border-width:5px}
 .xinv-clear .xinv-hero-photo img{object-position:67% 50%}
 .xinv-clear .xinv-scroll{margin-top:15px}
 .xinv-clear .xinv-intro{display:block}
 .xinv-clear .xinv-intro h2{font-size:27px;margin:12px 0 20px}
 .xinv-clear .xinv-date{font-size:11px;gap:11px}
 .xinv-clear .xinv-details{padding:25px 19px}
 .xinv-clear .xinv-details>div{padding-left:38px}
 .xinv-clear .xinv-details>div+div{padding:24px 0 0 38px}
 .xinv-clear .xinv-details>div+div .xinv-detail-icon{left:0;top:24px}
}