.mg4sTa_root{width:min(100%,42rem);color:var(--wv-ink)}.mg4sTa_stage{border:1px solid color-mix(in srgb, var(--wv-sand) 72%, transparent);border-radius:var(--wv-radius-panel);background:radial-gradient(circle at 50% 42%, var(--wv-white), var(--wv-ivory) 66%, var(--wv-sand-soft));min-height:clamp(29rem,78vw,35rem);box-shadow:var(--wv-shadow-card);isolation:isolate;position:relative;overflow:hidden}.mg4sTa_root[data-compact] .mg4sTa_stage{min-height:clamp(17.5rem,42vw,20rem);box-shadow:none;background:0 0;border:0;border-radius:0}.mg4sTa_root[data-compact] .mg4sTa_announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mg4sTa_root[data-compact] .mg4sTa_closedLayer{flex-direction:column;align-items:center;padding:4rem 0 .5rem;display:flex;position:relative}.mg4sTa_root[data-compact] .mg4sTa_envelope{width:min(84%,24rem);position:relative;top:auto;left:auto;transform:none}.mg4sTa_root[data-compact] .mg4sTa_hint{margin:2.5rem 0 0;line-height:normal;position:static}.mg4sTa_botanical{fill:none;width:7rem;stroke:var(--wv-sage);stroke-width:1.2px;opacity:.34;position:absolute;bottom:-.75rem;right:-.5rem;transform:rotate(8deg)}.mg4sTa_announcement{z-index:9;width:max-content;max-width:calc(100% - 8rem);color:var(--wv-muted);letter-spacing:.24em;text-align:center;text-transform:uppercase;transition:opacity .18s var(--wv-easing);margin:0;font-size:.7rem;font-weight:600;position:absolute;top:1.25rem;left:50%;transform:translate(-50%)}.mg4sTa_skip{z-index:12;min-height:var(--wv-touch-min);border:1px solid var(--wv-sand);background:color-mix(in srgb, var(--wv-white) 86%, transparent);color:var(--wv-teal);font:600 .875rem/1 var(--font-sans);cursor:pointer;border-radius:999px;padding:0 1rem;position:absolute;top:.75rem;right:.75rem}.mg4sTa_closedLayer{transition:opacity .18s var(--wv-easing);position:absolute;inset:0}.mg4sTa_envelope{aspect-ratio:1.55;width:min(82%,31rem);filter:drop-shadow(0 1.1rem .55rem color-mix(in srgb, var(--wv-teal) 22%, transparent));transition:transform .9s var(--wv-easing), opacity .5s var(--wv-easing);perspective:60rem;position:absolute;top:49%;left:50%;transform:translate(-50%,-44%)}.mg4sTa_back{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--wv-sand) 16%, transparent) 0 1px, transparent 1px 4px), linear-gradient(145deg, var(--wv-sand-soft), var(--wv-ivory));border-radius:.5rem;position:absolute;inset:0}.mg4sTa_preview{z-index:2;border:1px solid color-mix(in srgb, var(--wv-sand) 68%, transparent);background:var(--wv-ivory);color:var(--wv-teal);opacity:0;text-align:center;transition:opacity .18s var(--wv-easing), transform .7s var(--wv-easing);border-radius:.25rem;place-content:center;gap:.2rem;display:grid;position:absolute;inset:9% 7% 8%;transform:translateY(0)}.mg4sTa_preview span,.mg4sTa_preview small{letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.5rem,1.6vw,.7rem)}.mg4sTa_preview strong{font-family:var(--font-display);font-size:clamp(1.1rem,4vw,1.8rem);font-weight:500}.mg4sTa_pocket{z-index:3;background:linear-gradient(32deg, var(--wv-sand-soft) 0 49.6%, transparent 50%) 0 0/51% 100% no-repeat, linear-gradient(-32deg, var(--wv-sand-soft) 0 49.6%, transparent 50%) 100% 0/51% 100% no-repeat;border-radius:.5rem;position:absolute;inset:0;overflow:hidden}.mg4sTa_pocket:after{content:"";clip-path:polygon(0 100%,50% 0,100% 100%);background:linear-gradient(180deg, var(--wv-ivory), var(--wv-sand-soft));position:absolute;inset:38% 0 0}.mg4sTa_flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--wv-sand) 14%, transparent) 0 1px, transparent 1px 4px), linear-gradient(var(--wv-ivory), var(--wv-sand-soft));filter:drop-shadow(0 2px 2px color-mix(in srgb, var(--wv-teal) 17%, transparent));position:absolute;inset:0 0 43%}.mg4sTa_seal{z-index:6;width:clamp(4.5rem,8vw,5rem);min-width:var(--wv-touch-min);aspect-ratio:1;background:radial-gradient(circle at 32% 25%, color-mix(in srgb, var(--wv-sand) 48%, var(--wv-teal)), var(--wv-teal) 52%, color-mix(in srgb, var(--wv-sage) 24%, var(--wv-teal)));box-shadow:inset 0 0 0 .2rem color-mix(in srgb, var(--wv-white) 38%, transparent), 0 .2rem .3rem color-mix(in srgb, var(--wv-teal) 28%, transparent);color:var(--wv-white);font:italic 700 1.5rem/1 var(--font-display-italic);text-shadow:0 1px 1px color-mix(in srgb, var(--wv-teal) 55%, transparent);cursor:pointer;border:0;border-radius:47% 53% 50% 48%;place-items:center;display:grid;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.mg4sTa_seal:after{content:"";border:1px solid color-mix(in srgb, var(--wv-ivory) 82%, transparent);border-radius:50%;position:absolute;inset:16%}.mg4sTa_recipient{z-index:5;color:var(--wv-teal);text-align:center;margin:0;display:grid;position:absolute;bottom:.8rem;left:1rem;right:1rem}.mg4sTa_recipient span{letter-spacing:.22em;text-transform:uppercase;font-size:.58rem;font-weight:600}.mg4sTa_recipient strong{font:italic 500 clamp(.85rem, 3vw, 1.2rem)/1.25 var(--font-display-italic)}.mg4sTa_hint{color:var(--wv-teal);text-align:center;margin:0;font-size:.9rem;font-weight:600;position:absolute;bottom:1.25rem;left:1rem;right:1rem}.mg4sTa_letter{visibility:hidden;z-index:10;border:1px solid var(--wv-sand);border-radius:calc(var(--wv-radius-panel) - .4rem);background:linear-gradient(color-mix(in srgb, var(--wv-white) 90%, transparent), color-mix(in srgb, var(--wv-ivory) 94%, transparent));min-height:calc(100% - 1.5rem);box-shadow:var(--wv-shadow-overlay);opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(2.5rem,8vw,4rem) clamp(1.25rem,7vw,3.5rem) 1.5rem;display:flex;position:absolute;inset:.75rem;overflow:auto;transform:translateY(22%)scale(.82)}.mg4sTa_sample,.mg4sTa_greeting,.mg4sTa_message,.mg4sTa_guestLine{margin:0}.mg4sTa_sample{color:var(--wv-terracotta-strong);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:600}.mg4sTa_greeting{color:var(--wv-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:.7rem;font-size:.75rem}.mg4sTa_names{color:var(--wv-teal);font:500 clamp(2rem, 8vw, 3.5rem)/1.05 var(--font-display);outline:none;margin:.55rem 0 0}.mg4sTa_names em{color:var(--wv-terracotta-strong);font-family:var(--font-display-italic);font-weight:400}.mg4sTa_message{max-width:34ch;color:var(--wv-ink);font-size:clamp(.9rem,2.5vw,1rem);line-height:1.5}.mg4sTa_when{border-block:1px solid var(--wv-sand);gap:.15rem;margin:1rem 0 0;padding:.7rem 1rem;display:grid}.mg4sTa_when strong{color:var(--wv-teal);font-family:var(--font-display);font-weight:500}.mg4sTa_when span,.mg4sTa_guestLine{color:var(--wv-muted);font-size:.75rem}.mg4sTa_guestLine{margin-top:.6rem}.mg4sTa_actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.mg4sTa_reply,.mg4sTa_replay{min-height:var(--wv-touch-min);border-radius:var(--wv-radius-control);font:600 .875rem/1.2 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.mg4sTa_reply{border:1px solid var(--wv-teal);background:var(--wv-teal);color:var(--wv-white)}.mg4sTa_replay{border:1px solid var(--wv-sand);color:var(--wv-teal);background:0 0}.mg4sTa_root[data-state=opening] .mg4sTa_flap{animation:mg4sTa_flapOpen .52s var(--wv-easing) forwards}.mg4sTa_root[data-state=opening] .mg4sTa_seal{animation:mg4sTa_sealOpen .3s var(--wv-easing) forwards}.mg4sTa_root[data-state=opening] .mg4sTa_preview{opacity:1;transform:translateY(-18%)}.mg4sTa_root[data-state=opening] .mg4sTa_envelope{opacity:.3;transform:translate(-50%,26%)scale(.92)}.mg4sTa_root[data-compact][data-state=opening] .mg4sTa_envelope{transform:translateY(26%)scale(.92)}.mg4sTa_root[data-state=opening] .mg4sTa_letter{visibility:visible;animation:mg4sTa_letterOpen .9s var(--wv-easing) 60ms forwards}.mg4sTa_root[data-state=open] .mg4sTa_closedLayer,.mg4sTa_root[data-state=open] .mg4sTa_announcement{opacity:0}.mg4sTa_root[data-state=open] .mg4sTa_letter{visibility:visible;opacity:1;transform:none}.mg4sTa_noScript{z-index:20;background:var(--wv-ivory);color:var(--wv-teal);text-align:center;border-radius:1rem;place-content:center;gap:.5rem;padding:2rem;display:grid;position:absolute;inset:1rem}@keyframes mg4sTa_flapOpen{0%{transform:rotateX(0)}50%{z-index:4}to{z-index:1;transform:rotateX(180deg)}}@keyframes mg4sTa_sealOpen{to{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(8deg)}}@keyframes mg4sTa_letterOpen{0%{visibility:visible;opacity:0;transform:translateY(22%)scale(.82)}to{visibility:visible;opacity:1;transform:none}}@media (max-width:639px){.mg4sTa_root[data-compact][data-state=closed] .mg4sTa_stage{min-height:0;overflow:visible}.mg4sTa_root[data-compact] .mg4sTa_skip{top:0;right:0}.mg4sTa_root[data-compact] .mg4sTa_closedLayer{padding:3rem 0 .5rem}.mg4sTa_root[data-compact] .mg4sTa_envelope{width:min(100%,18rem);min-height:11.5rem}.mg4sTa_root[data-compact] .mg4sTa_hint{margin-top:1.25rem}}@media (max-width:390px){.mg4sTa_announcement{letter-spacing:.15em;max-width:calc(100% - 7rem)}.mg4sTa_letter{justify-content:flex-start}}@media (max-width:1023px){.mg4sTa_root[data-compact][data-state=opening] .mg4sTa_stage,.mg4sTa_root[data-compact][data-state=open] .mg4sTa_stage{min-height:33rem}}@media (min-width:1024px){.mg4sTa_root[data-compact] .mg4sTa_stage{min-height:30rem}.mg4sTa_root[data-compact] .mg4sTa_envelope{width:min(84%,31rem)}}@media (prefers-reduced-motion:reduce){.mg4sTa_closedLayer,.mg4sTa_envelope,.mg4sTa_announcement{transition:none}.mg4sTa_root[data-state=opening] .mg4sTa_flap,.mg4sTa_root[data-state=opening] .mg4sTa_seal,.mg4sTa_root[data-state=opening] .mg4sTa_letter{animation:none}}
