.iw-envelope{container-type:inline-size;container-name:invitation-welcome;position:fixed;inset:0;z-index:9999;display:flex;align-items:safe center;justify-content:center;padding:clamp(1.25rem,4vw,3rem);overflow-y:auto;overflow-x:hidden;isolation:isolate;background-image:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--iw-accent) 8%,transparent),transparent 70%)}.iw-envelope__ambience{position:fixed;inset:0;pointer-events:none;opacity:.48;z-index:-1;overflow:hidden}.iw-envelope--preview{position:relative;inset:auto;z-index:0;min-height:min(640px,72dvh)}.iw-envelope--preview .iw-envelope__ambience{position:absolute}.iw-preview{position:relative;width:100%}.iw-preview__replay{position:absolute;top:.6rem;right:.6rem;z-index:130;padding:.45rem .85rem;border:1px solid rgba(15,23,42,.18);border-radius:999px;color:#1f2937;background:hsla(0,0%,100%,.94);box-shadow:0 4px 14px rgba(15,23,42,.12);font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.iw-preview__replay:focus-visible{outline:2px solid currentColor;outline-offset:3px}.iw-envelope__content{width:min(100%,40rem);position:relative;text-align:center;margin:auto 0}.iw-envelope__heading h1{font-size:clamp(2.5rem,7vw,4.75rem);font-weight:400;line-height:1.06;margin:.65rem 0;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2.1rem,9cqw,4.75rem)}.iw-envelope__eyebrow{font-size:.76rem;line-height:1.65;letter-spacing:.14em;text-transform:uppercase;margin:0}.iw-envelope__date{font-size:.87rem;line-height:1.6;letter-spacing:.09em;margin:.8rem 0 0}.iw-envelope__stage{position:relative;width:min(100%,31rem);aspect-ratio:1.7;margin:clamp(1.4rem,3vh,2.4rem) auto 1.4rem;perspective:1200px;perspective-origin:50% 25%;isolation:isolate}.iw-envelope__back,.iw-envelope__flap,.iw-envelope__fold,.iw-envelope__front{position:absolute;inset:0;border-radius:5px}.iw-envelope__back{z-index:0;background:color-mix(in srgb,var(--iw-accent) 19%,var(--iw-paper));box-shadow:0 22px 55px #17171718,0 2px 5px #1717170e}.iw-envelope__letter{position:absolute;z-index:1;inset:7% 7% 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;border:1px solid color-mix(in srgb,var(--iw-ink) 17%,transparent);outline:7px solid var(--iw-paper);background:var(--iw-paper);box-shadow:0 5px 14px #17171710;font-family:var(--iw-heading)}.iw-envelope__letter-mark{font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.15em}.iw-envelope__letter-title{font-size:clamp(1.15rem,3vw,2rem);line-height:1.1;overflow-wrap:anywhere}.iw-envelope__letter-rule{width:2.5rem;height:1px;background:var(--iw-accent)}.iw-envelope__letter-date{font-family:inherit;font-size:.75rem;letter-spacing:.06em}.iw-envelope__front{z-index:2;background:linear-gradient(150deg,color-mix(in srgb,var(--iw-accent) 5%,var(--iw-paper)),color-mix(in srgb,var(--iw-accent) 13%,var(--iw-paper)));-webkit-clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}.iw-envelope__fold{z-index:3;background:linear-gradient(175deg,color-mix(in srgb,var(--iw-accent) 4%,var(--iw-paper)) 38%,color-mix(in srgb,var(--iw-accent) 9%,var(--iw-paper)));-webkit-clip-path:polygon(0 100%,50% 44%,100% 100%);clip-path:polygon(0 100%,50% 44%,100% 100%)}.iw-envelope__flap{z-index:4;background:linear-gradient(170deg,var(--iw-paper),color-mix(in srgb,var(--iw-accent) 13%,var(--iw-paper)));-webkit-clip-path:polygon(0 0,100% 0,50% 58%);clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:center top;-webkit-backface-visibility:visible;backface-visibility:visible;filter:drop-shadow(0 1px 1px #1717171a)}.iw-envelope__seal{position:absolute;z-index:5;top:47%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);width:clamp(3.7rem,12vw,5.1rem);aspect-ratio:1;display:grid;place-items:center;border-radius:47% 52% 49% 54%/54% 46% 51% 48%;color:var(--iw-seal-ink);background:var(--iw-accent);border:1px solid color-mix(in srgb,var(--iw-seal-ink) 20%,transparent);box-shadow:0 5px 8px #17171729,inset 0 2px 3px #ffffff40,inset 0 -3px 4px #17171730}.iw-envelope__seal:before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid;opacity:.38;box-shadow:inset 0 1px 2px #17171726}.iw-envelope__seal span{position:relative;max-width:85%;overflow-wrap:anywhere;font-family:var(--iw-heading);font-size:clamp(.85rem,3vw,1.25rem);line-height:1.15;letter-spacing:.03em}.iw-envelope__recipient p{line-height:1.6;margin:.25rem 0}.iw-envelope__guest{font-family:var(--iw-heading);font-size:clamp(1.25rem,4vw,1.75rem);overflow-wrap:anywhere;min-height:1.6em}.iw-envelope__guest-loading{font-family:inherit;font-size:.9rem}.iw-envelope__instruction{font-size:.82rem}.iw-envelope__actions{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:1.15rem}.iw-envelope__open{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border:1px solid transparent;border-radius:8px;min-height:46px;max-width:100%;padding:.8rem 1.7rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;overflow-wrap:anywhere;box-shadow:0 5px 18px color-mix(in srgb,var(--iw-accent) 17%,transparent)}.iw-envelope__open svg{flex-shrink:0}.iw-envelope__skip{min-height:44px;background:none;border:0;padding:.6rem 1rem;color:var(--iw-ink);font:inherit;font-size:.78rem;text-decoration:underline;text-underline-offset:.23em;cursor:pointer}.iw-envelope button:focus-visible{outline:2px solid var(--iw-ink);outline-offset:4px}.iw-envelope__open[aria-disabled=true]{cursor:progress}.iw-envelope--opening .iw-envelope__seal{animation:iw-seal-open calc(var(--iw-duration) * .24) cubic-bezier(.3,0,.65,1) both}.iw-envelope--opening .iw-envelope__flap{animation:iw-flap-open calc(var(--iw-duration) * .42) linear calc(var(--iw-duration) * .16) both}.iw-envelope--opening .iw-envelope__heading{animation:iw-heading-out calc(var(--iw-duration) * .16) ease-in calc(var(--iw-duration) * .18) both}.iw-envelope--opening .iw-envelope__letter{animation:iw-letter-open calc(var(--iw-duration) * .38) cubic-bezier(.22,.68,.25,1) calc(var(--iw-duration) * .48) both}.iw-envelope--opening{animation:iw-cover-out calc(var(--iw-duration) * .14) ease-in calc(var(--iw-duration) * .86) both}@keyframes iw-seal-open{0%{opacity:1;transform:translate(-50%,-50%) translateZ(0) rotate(-9deg) scale(1)}55%{opacity:1;transform:translate(-50%,-66%) translateZ(38px) rotate(-14deg) scale(1.04)}to{opacity:0;transform:translate(-50%,-88%) translateZ(56px) rotate(-18deg) scale(1.06)}}@keyframes iw-flap-open{0%{transform:rotateX(0deg);z-index:4;animation-timing-function:cubic-bezier(.42,0,.6,1)}49%{transform:rotateX(88deg);z-index:4}50%{transform:rotateX(92deg);z-index:0;animation-timing-function:cubic-bezier(.16,.65,.3,1)}to{transform:rotateX(178deg);z-index:0}}@keyframes iw-heading-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.45rem)}}@keyframes iw-letter-open{0%{transform:translateY(0)}to{transform:translateY(-56%)}}@keyframes iw-cover-out{0%{opacity:1}to{opacity:0}}@media (max-width:420px){.iw-envelope{padding:1.25rem 1rem}.iw-envelope__heading h1{font-size:clamp(2.1rem,10vw,3rem)}.iw-envelope__stage{margin-top:1.65rem}}@media (prefers-reduced-motion:reduce){.iw-envelope,.iw-envelope *,.iw-envelope :after,.iw-envelope :before{animation:none!important;transition:none!important}}@container invitation-welcome (max-width: 420px){.iw-envelope__heading h1{font-size:clamp(2.1rem,10cqw,3rem)}.iw-envelope__seal{width:3.7rem}.iw-envelope__seal span{font-size:.95rem}.iw-envelope__letter-title{font-size:1.25rem}.iw-envelope__letter-mark{font-size:1rem}}.iw-envelope[data-motion=none],.iw-envelope[data-motion=none] *,.iw-envelope[data-motion=none] :after,.iw-envelope[data-motion=none] :before{animation:none!important;transition:none!important}