#invitations.invitation-coming{padding:40px 0 64px;background:var(--ivory);color:white}
#invitations .soon-shell{position:relative;isolation:isolate;overflow:hidden;width:min(1280px,94%);padding:56px 40px 32px;border-radius:36px;background:linear-gradient(135deg,#ffffff06,#00000014),var(--red)}
.soon-arcs{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.soon-arcs::before,.soon-arcs::after{content:"";position:absolute;width:540px;height:540px;border:60px solid #49061018;border-radius:50%;outline:1px solid #ffffff12;outline-offset:32px}.soon-arcs::before{top:-320px;left:-280px}.soon-arcs::after{bottom:-380px;right:-260px;width:680px;height:680px;border-width:80px;outline-offset:48px}
.soon-heading{text-align:center;max-width:900px;margin:auto}.soon-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:6px 14px;background:#fff7f2;color:var(--red);font-size:12px;line-height:1.5;box-shadow:0 2px 7px #4305120a}.soon-badge svg{width:14px;height:14px}.soon-shell svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.soon-heading h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;line-height:1.35;color:white;margin:20px 0 16px}.soon-heading p{max-width:690px;margin:0 auto;font-size:16px;line-height:1.8;color:#ffffffe0}
.soon-previews{position:relative;list-style:none;margin:32px auto 0;padding:0;height:375px;max-width:900px;direction:inherit}.soon-step{position:absolute;inset-inline-start:var(--x);top:var(--y);width:var(--w);z-index:var(--z);transform:rotate(var(--tilt));transition:transform .35s ease}.soon-front{--x:5%;--y:0px;--w:35%;--z:3;--tilt:-3deg}.soon-middle{--x:34%;--y:30px;--w:32%;--z:2;--tilt:3deg}.soon-back{--x:62%;--y:52px;--w:29%;--z:1;--tilt:-2deg}html[dir="rtl"] .soon-front{--tilt:3deg}html[dir="rtl"] .soon-middle{--tilt:-3deg}html[dir="rtl"] .soon-back{--tilt:2deg}
.soon-step-label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.5;margin:0 0 16px;white-space:nowrap;color:#fff}.soon-step-label b{font:600 12px Manrope,sans-serif;color:#ffffffb0}.soon-arrow{position:absolute;width:34px;height:30px;inset-inline-end:5%;top:15px;color:#ffffff9c}html[dir="rtl"] .soon-arrow{transform:scaleX(-1)}
.soon-card{height:280px;background:#fffaf7;border:1px solid #fff;border-radius:22px;padding:18px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#282624;box-shadow:0 20px 45px #39040e29}.soon-card .soon-badge{font-size:10px;padding:4px 10px;box-shadow:none;background:#f7edeb}.soon-card .soon-badge svg{width:12px;height:12px}.soon-handle{width:36px;height:4px;background:#dcd5d1;border-radius:10px}.soon-envelope{display:grid;place-items:center;width:64px;height:64px;background:#f6e7e7;color:var(--red);border-radius:18px}.soon-envelope svg{width:32px;height:32px}.soon-lines{width:72%;display:grid;justify-items:center;gap:8px}.soon-lines i{display:block;height:6px;width:100%;background:#e7e0dc;border-radius:8px}.soon-lines i:nth-child(2){width:60%}.soon-placeholder-button{height:22px;width:86%;background:#f0dcdc;border-radius:8px;margin-top:4px}.soon-middle .soon-card{height:252px;box-shadow:0 14px 30px #39040e20}.soon-confirm{position:relative;width:60px;height:60px;background:#e5f1e8;color:#528964;border-radius:50%;display:grid;place-items:center;margin-top:8px}.soon-confirm>svg{width:30px;height:30px}.soon-confetti::before,.soon-confetti::after{content:"";position:absolute;width:4px;height:8px;border-radius:2px;background:#c9d7ac;transform:rotate(22deg);left:-12px;top:8px}.soon-confetti::after{left:auto;right:-10px;top:36px;background:#d6bc8f;transform:rotate(-24deg)}.soon-middle strong{font-size:16px;font-weight:700}.soon-back .soon-card{height:226px;opacity:.88;filter:blur(.35px);box-shadow:0 8px 24px #39040e14}.soon-guests{display:grid;gap:14px;width:100%;margin-top:8px}.soon-guest{display:flex;align-items:center;gap:10px}.soon-avatar{width:26px;height:26px;border-radius:50%;background:#e8e2de;flex-shrink:0}.soon-guest>i{height:6px;flex:1;border-radius:8px;background:#e3ddd8}.soon-status{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;flex-shrink:0}.soon-status svg{width:16px;height:16px}.status-check{background:#e4eee3;color:#648762}.status-clock{background:#f5eedc;color:#b29b50}.status-more{background:#eeebe7;color:#8d8782}.soon-bottom{display:flex;align-items:center;justify-content:center;gap:16px;margin:0;font-size:13px;color:#ffffffc9;text-align:center}.soon-bottom::before,.soon-bottom::after{content:"";width:36px;height:1px;background:#ffffff50;flex-shrink:0}
@media(hover:hover) and (min-width:768px){.soon-front:hover{transform:translateY(-5px) rotate(var(--tilt))}}
.soon-animate .soon-step{opacity:0;transform:translateY(20px) rotate(var(--tilt))}.soon-animate.soon-visible .soon-step{opacity:1;transform:translateY(0) rotate(var(--tilt));transition:opacity .6s ease,transform .6s ease}.soon-animate.soon-visible .soon-middle{transition-delay:.1s}.soon-animate.soon-visible .soon-back{transition-delay:.2s}
@media(max-width:700px){#invitations .soon-shell{padding:32px 16px 28px;border-radius:28px}.soon-heading h2{font-size:clamp(24px,5.5vw,32px);margin:16px 0 12px}.soon-heading p{font-size:14px;line-height:1.65;max-width:540px}.soon-previews{height:310px;margin-top:28px}.soon-front{--x:2%;--w:44%;--y:28px}.soon-middle{--x:30%;--w:39%;--y:12px}.soon-back{--x:58%;--w:37%;--y:0px}.soon-card{height:218px;padding:12px;gap:10px;border-radius:16px}.soon-middle .soon-card{height:196px}.soon-back .soon-card{height:182px}.soon-step-label{font-size:10px;gap:4px;margin-bottom:10px;white-space:normal;min-height:30px;text-align:center}.soon-step-label b{font-size:10px}.soon-arrow{display:none}.soon-envelope{width:48px;height:48px;border-radius:14px}.soon-card .soon-badge{font-size:9px;gap:3px;padding:4px 6px}.soon-card .soon-badge svg{display:none}.soon-middle strong{font-size:13px}.soon-confirm{width:42px;height:42px}.soon-guests{gap:12px}.soon-avatar{width:18px;height:18px}.soon-guest{gap:6px}.soon-status{width:18px;height:18px}.soon-bottom{font-size:11px;gap:8px}.soon-bottom::before,.soon-bottom::after{width:20px}}
@media(prefers-reduced-motion:reduce){.soon-step,.soon-animate .soon-step,.soon-animate.soon-visible .soon-step{opacity:1;transform:rotate(var(--tilt));transition:none!important}}
@media(hover:hover) and (min-width:768px){.soon-animate.soon-visible .soon-front:hover{transform:translateY(-5px) rotate(var(--tilt))}}
/* Compact preview: 70% card dimensions with readable labels. */
#invitations.invitation-coming{padding-block:28px 44px}
#invitations .soon-shell{padding:32px 28px 22px}
.soon-heading h2{font-size:clamp(25px,2.8vw,36px);margin:14px 0 10px}
.soon-heading p{font-size:14px;line-height:1.7}
.soon-previews{max-width:680px;height:270px;margin-top:22px}
.soon-front{--w:32%;--x:7%}.soon-middle{--w:30%;--x:35%;--y:20px}.soon-back{--w:28%;--x:62%;--y:36px}
.soon-card{height:196px;padding:12px 16px;gap:8px;border-radius:16px}.soon-middle .soon-card{height:176px}.soon-back .soon-card{height:158px}
.soon-envelope{width:45px;height:45px;border-radius:13px}.soon-envelope svg{width:25px;height:25px}.soon-confirm{width:42px;height:42px;margin-top:4px}.soon-confirm>svg{width:23px;height:23px}.soon-lines{gap:6px}.soon-lines i{height:4px}.soon-placeholder-button{height:16px}.soon-guests{gap:8px;margin-top:4px}.soon-avatar{width:20px;height:20px}.soon-step-label{font-size:12px;margin-bottom:12px}.soon-step{cursor:pointer}.soon-step:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:16px}.soon-arrow{width:25px;height:23px;top:12px}
.soon-step.is-active{z-index:5!important}.soon-step.is-active .soon-card{opacity:1;filter:none;box-shadow:0 14px 30px #39040e33;outline:1px solid #ffffffb0}
.soon-animate.soon-visible .soon-step.is-active,.soon-step.is-active{transform:translateY(-5px) rotate(0deg)}
.soon-previews:has(.is-active) .soon-step:not(.is-active) .soon-card{opacity:.75}
@media(max-width:700px){#invitations .soon-shell{padding:24px 12px 20px}.soon-heading h2{font-size:24px}.soon-heading p{font-size:13px}.soon-previews{height:235px;margin-top:18px}.soon-front{--w:38%;--x:3%;--y:20px}.soon-middle{--w:35%;--x:33%;--y:10px}.soon-back{--w:33%;--x:63%;--y:0px}.soon-card{height:164px;padding:8px;gap:6px}.soon-middle .soon-card{height:150px}.soon-back .soon-card{height:138px}.soon-envelope{width:34px;height:34px}.soon-envelope svg{width:21px;height:21px}.soon-step-label{font-size:10px;min-height:32px;gap:3px;margin-bottom:10px}.soon-arrow{display:block;width:18px;height:16px;inset-inline-end:0;top:27px}.soon-card .soon-badge{font-size:8px}.soon-middle strong{font-size:12px}.soon-guests{gap:8px}.soon-avatar{width:15px;height:15px}.soon-guest{gap:4px}.soon-status{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.soon-step.is-active,.soon-animate.soon-visible .soon-step.is-active{transform:rotate(0deg)}}