.sa{--sa-flap-h:min(54svh, 118vw);--sa-seal:clamp(112px, 33vw, 172px);--sa-seal-box:calc(var(--sa-seal) / .73);--sa-seal-y:calc(var(--sa-flap-h) - var(--sa-seal) * .24);--sa-card-w:min(84vw, 420px, 62svh * .72);--sa-ease-paper:cubic-bezier(.22, 1, .36, 1)}.sa[data-mode=invitation]{z-index:60;contain:paint;background:0 0;position:fixed;inset:0;overflow:hidden}.sa[data-mode=std]{display:contents}.sa[data-state=open][data-mode=invitation],.sa[data-state=open] .sa-piece{visibility:hidden;pointer-events:none}.sa-piece{position:fixed;top:0;left:0;right:0}.sa[data-mode=invitation] .sa-piece{position:absolute}.sa-ground{z-index:0;background:var(--sa-inside);height:100%;bottom:0}.sa-ground:after{content:"";background:radial-gradient(#0000 55%,#0000001a 100%);position:absolute;inset:0}.sa-back{z-index:1;background-color:var(--sa-inside);background-image:linear-gradient(to bottom, #0000004d, #0000001f 22%, #0000001a), var(--sa-t0);background-size:auto, var(--sa-ts) var(--sa-ts);height:100%;bottom:0}.sa-pocket{z-index:4;clip-path:polygon(0 0,40% 0,41.6% 2.6%,44.4% 4.4%,50% 5.1%,55.6% 4.4%,58.4% 2.6%,60% 0,100% 0,100% 100%,0 100%);height:100%;bottom:0}.sa-flapshadow{height:calc(var(--sa-flap-h) + 40px);z-index:5;pointer-events:none;transform-origin:50% 0}.sa-flapshadow>svg{width:100%;height:100%;position:absolute;inset:0}.sa-flapwrap{height:var(--sa-flap-h);z-index:6;perspective:1200px;perspective-origin:50% 0;pointer-events:none}.sa-flap{transform-origin:50% 0;transform-style:preserve-3d;position:absolute;inset:0}.sa-face{backface-visibility:hidden;position:absolute;inset:0}.sa-flap-shade{opacity:0;background:#1a1410;position:absolute;inset:0}.sa-flap-edge{background:var(--sa-edge);position:absolute;inset:0;transform:translateZ(-1.6px)}.sa-flap-back{background-color:var(--sa-inside);background-image:linear-gradient(to top, #00000024, #00000038 100%), var(--sa-t0);background-size:auto, var(--sa-ts) var(--sa-ts);transform:translateZ(-3.2px)rotateY(180deg)}.sa-flap-back:after{content:"";background-image:var(--sa-liner,none);background-size:var(--sa-liner-size,220px);opacity:.9;clip-path:inherit;position:absolute;inset:3.5% 5% 7%}.sa-flap-front .sa-paper>i{background-position:calc(var(--sa-ts) * .37) calc(var(--sa-ts) * .61)}.sa-flap-front .sa-paper>.sa-sheen{background-position:0 0}.sa-paper{background-color:var(--sa-base);position:absolute;inset:0}.sa-paper>i{background-size:var(--sa-ts) var(--sa-ts);background-position:0 0;position:absolute;inset:0}.sa-paper>.sa-p0{background-image:var(--sa-t0)}.sa-paper>.sa-pl{background-image:var(--sa-tl);opacity:0}.sa-paper>.sa-pr{background-image:var(--sa-tr);opacity:0}.sa-paper>.sa-vignette{background:radial-gradient(120% 90% at 30% 20%,#ffffff1a,#fff0 45%),radial-gradient(140% 110% at 50% 45%,#0000 55%,#00000029 100%)}.sa-paper>.sa-sheen{background:linear-gradient(102deg, #fff0 40%, rgba(255, 255, 255, calc(var(--sa-sheen) * .22)) 50%, #fff0 60%);will-change:transform;inset:0 -60vw}.sa-folds{width:100%;height:100%;position:absolute;inset:0;overflow:visible}@media (prefers-reduced-motion:no-preference){.sa:not([data-light=live]) .sa-pl{animation:9s ease-in-out infinite sa-drift-l}.sa:not([data-light=live]) .sa-pr{animation:9s ease-in-out infinite sa-drift-r}.sa:not([data-light=live]) .sa-sheen{animation:9s ease-in-out infinite sa-drift-sheen}}@keyframes sa-drift-l{0%,to{opacity:.6}50%{opacity:0}}@keyframes sa-drift-r{0%,to{opacity:0}50%{opacity:.6}}@keyframes sa-drift-sheen{0%,to{transform:translate(-33vw)}50%{transform:translate(33vw)}}.sa-cardwrap{z-index:3}.sa[data-mode=invitation] .sa-cardwrap{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sa[data-mode=std] .sa-cardwrap{display:block;position:relative}.sa-card{width:var(--sa-card-w);position:relative}.sa[data-mode=std] .sa-card{width:100%}.sa-cardshadow{opacity:0;border-radius:6px;position:absolute;inset:4% 3% -2%;box-shadow:0 30px 60px -18px #00000080,0 8px 18px -6px #00000040}.sa-seal{z-index:8;pointer-events:none;height:0}.sa-seal>svg,.sa-seal-top{left:calc(50% - var(--sa-seal-box) / 2);top:calc(var(--sa-seal-y) - var(--sa-seal-box) / 2);width:var(--sa-seal-box);height:var(--sa-seal-box);position:absolute}.sa-seal-top{backface-visibility:hidden;transform:translateZ(1px)}.sa-seal-top>svg{width:100%;height:100%}.sa[data-cracked] .sa-whole,.sa:not([data-cracked]) .sa-part{visibility:hidden}.sa-addressed{text-align:center;color:var(--sa-ink);font-family:var(--inv-font-display,var(--inv-cormorant,serif));letter-spacing:.01em;text-shadow:0 0 8px var(--sa-base), 0 0 2px var(--sa-base);font-size:clamp(20px,5.4vw,30px);font-style:italic;position:absolute;top:74%;left:0;right:0}.sa-face-print{text-align:center;padding:0 24px;position:absolute;bottom:12%;left:0;right:0}.sa-addressed+.sa-face-print{bottom:6%}.sa-hint{left:0;right:0;top:calc(var(--sa-seal-y) + var(--sa-seal) * .62);text-align:center;color:var(--sa-ink);font-family:var(--inv-font-body,sans-serif);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 6px var(--sa-base), 0 0 2px var(--sa-base);font-size:11px;position:absolute}@media (prefers-reduced-motion:no-preference){.sa[data-state=sealed] .sa-hint{animation:.4s cubic-bezier(.2,.8,.2,1) .9s both sa-hint-in}.sa[data-state=sealed] .sa-whole{transform-origin:50%;animation:3.6s ease-in-out 3.6s infinite sa-breathe}}@keyframes sa-hint-in{0%{opacity:0;transform:translateY(6px)}}@keyframes sa-breathe{0%,to{transform:scale(1)}12%{transform:scale(1.02)}24%{transform:scale(1)}}.sa-open{z-index:9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;bottom:0}.sa-open:focus-visible{outline:none}.sa-open:focus-visible~.sa-seal .sa-whole{outline:2px solid var(--sa-ink);outline-offset:-14%;border-radius:50%}[data-sa-focus=pointer]:focus{outline:none}.sa-skip{z-index:10;top:max(14px, env(safe-area-inset-top));color:var(--sa-ink);font-family:var(--inv-font-body,sans-serif);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 6px var(--sa-base);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12px;position:absolute;right:16px}.sa[data-mode=std] .sa-skip{position:fixed}@media (prefers-reduced-motion:no-preference){.sa[data-state=sealed] .sa-skip:not(:focus-visible){animation:.4s ease-out 2.5s both sa-hint-in}}.sa:not([data-state=sealed]) .sa-open{pointer-events:none}.sa:not([data-state=sealed]) .sa-skip{visibility:hidden}@media (prefers-reduced-motion:no-preference){html:has(.sa:not([data-preview]):is([data-state=sealed],[data-state=opening])){overflow:hidden}html:has(.sa[data-mode=std]:is([data-state=sealed],[data-state=opening])) .std-fade-in{visibility:hidden}html:has(.sa[data-mode=std][data-state=open]) .std-fade-in{animation:.4s cubic-bezier(.2,.8,.2,1) both sa-footer-in}}@keyframes sa-footer-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.sa[data-mode=invitation],.sa .sa-piece,.sa .sa-skip{display:none}}@media (scripting:none){.sa[data-mode=invitation],.sa .sa-piece,.sa .sa-skip{display:none}}.sa[data-preview]{z-index:0;--sa-flap-h:min(54cqh, 118cqw);--sa-seal:clamp(40px, 33cqw, 172px);--sa-card-w:min(84cqw, 62cqh * .72);position:absolute;container-type:size}.sa[data-preview] .sa-hint{font-size:7px}.sa[data-preview] .sa-skip{display:none}
