@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/cormorant-garamond-latin-vTYAbwjx.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/cormorant-garamond-latin-italic-jeFjyWZZ.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:#0d0b0a;overflow:hidden;-webkit-font-smoothing:antialiased}.stage{height:100%;display:grid;place-items:center}.phone{--u: min(390px, 100vw);--ph: min(844px, 100dvh);position:relative;width:var(--u);height:min(844px,100dvh);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain}.phone::-webkit-scrollbar{display:none}@media(min-width:420px)and (min-height:860px){.phone{border-radius:22px;box-shadow:0 0 0 1px #b8934e59,0 30px 70px #0000008c}}.page{position:relative;min-height:calc(var(--u) * 3.98)}.bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-image:url(/assets/bg-mid-D_OpCK9E.webp);background-repeat:repeat-y;background-size:100% auto;background-position:top center}.bg img{position:absolute;left:0;width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bg-top{top:0;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}.bg-bottom{bottom:0;-webkit-mask-image:linear-gradient(to top,#000 84%,transparent 100%);mask-image:linear-gradient(to top,#000 84%,transparent 100%)}.names{position:absolute;left:0;right:0;top:calc(var(--u) * .2434);z-index:2;display:flex;flex-direction:column;align-items:center;color:#f4efe4;pointer-events:none}.names .ln>svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 9px rgba(30,40,25,.4))}.names .amrit{width:62%}.names .amp{width:17%;margin:calc(var(--u) * -.012) 0}.names .sajina{width:46%}.envelope{position:absolute;left:-28%;top:calc(var(--u) * 1.4066);width:88%;aspect-ratio:800 / 567;padding:0;border:0;background:none;cursor:pointer;transform:translateY(-50%) rotate(40deg);transform-origin:50% 50%;filter:drop-shadow(0 14px 28px rgba(40,45,30,.38));-webkit-tap-highlight-color:transparent}.envelope img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.envelope .closed,.envelope .opened{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .45s ease}.envelope .closed{width:100%;opacity:1}.envelope .opened{opacity:0;pointer-events:none}.envelope.is-open .closed{opacity:0}.envelope.is-open .opened{opacity:1}.envelope .front{position:absolute;left:0;top:0;width:100%;z-index:5}.envelope .lilies{position:absolute;z-index:4;width:82%;left:8%;top:-30%;transform:rotate(-40deg);transform-origin:50% 100%;filter:drop-shadow(0 6px 14px rgba(60,70,45,.3));transition:top .75s cubic-bezier(.22,.68,.3,1),transform .75s cubic-bezier(.22,.68,.3,1)}.envelope.is-open .lilies{top:-87%}.envelope .flap{position:absolute;width:131%;left:-15.5%;top:-72%;z-index:1}.envelope .letter{position:absolute;z-index:3;width:56%;left:51.3%;top:-19%;transform:rotate(-10deg);transform-origin:50% 100%;filter:drop-shadow(0 1px 2px rgba(48,58,40,.42)) drop-shadow(0 5px 10px rgba(48,58,40,.3)) drop-shadow(0 16px 28px rgba(34,46,34,.4));transition:top .75s cubic-bezier(.22,.68,.3,1),left .75s cubic-bezier(.22,.68,.3,1),transform .75s cubic-bezier(.22,.68,.3,1)}.envelope.is-open .letter{top:-86.3%;left:40.75%;transform:rotate(-10deg)}.napkin{position:absolute;left:50%;top:calc(var(--u) * 2.02);width:92%;transform:translate(-50%);z-index:1;filter:drop-shadow(0 1px 1px rgba(25,46,36,.52)) drop-shadow(0 5px 9px rgba(25,46,36,.34)) drop-shadow(0 20px 38px rgba(18,36,28,.46));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.poppies{position:absolute;z-index:2;right:-12%;top:calc(var(--u) * 1.6772);width:60%;transform:rotate(-35deg);transform-origin:70% 80%;filter:drop-shadow(0 10px 22px rgba(40,45,30,.3));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.savedate{position:absolute;left:0;right:0;top:calc(var(--u) * 2.48);z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;color:#4b5a3e;font-family:Cormorant Garamond,Georgia,serif}.savedate p{margin:0}.savedate .script{width:67%;color:#47563a}.savedate .script>svg{display:block;width:100%;height:auto}.savedate .date{font-size:calc(var(--u) * .055);font-weight:400;letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;margin-top:.55em;color:#55643f}.savedate .place{font-size:calc(var(--u) * .038);font-style:italic;color:#6d7a5b;margin-top:.45em}.savedate .countdown{display:flex;list-style:none;margin:calc(var(--u) * .05) 0 0;padding:0;gap:0}.savedate .countdown li{display:flex;flex-direction:column;align-items:center;min-width:calc(var(--u) * .125);padding:0 calc(var(--u) * .021)}.savedate .countdown li+li{border-left:1px solid rgba(93,108,74,.28)}.savedate .countdown b{font-weight:400;font-size:calc(var(--u) * .058);line-height:1;color:#47563a;font-variant-numeric:tabular-nums}.savedate .countdown span{margin-top:.35em;font-size:calc(var(--u) * .026);letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;color:#6d7a5b}.savedate .today{margin-top:calc(var(--u) * .05);font-size:calc(var(--u) * .05);font-style:italic;color:#47563a}.savedate .cal{display:flex;gap:calc(var(--u) * .03);margin-top:calc(var(--u) * .055)}.savedate .pill{display:inline-block;padding:calc(var(--u) * .034) calc(var(--u) * .062);font-size:calc(var(--u) * .036);letter-spacing:.12em;text-decoration:none;color:#47563a;border:0;border-radius:999px;background:#677a5229;-webkit-tap-highlight-color:transparent;transition:background .25s ease}.savedate .pill:active,.savedate .pill:hover{background:#677a524d}.savedate .pending{margin-top:calc(var(--u) * .032);font-size:calc(var(--u) * .03);font-style:italic;letter-spacing:.04em;color:#6d7a5bc7}.booth{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;background:#6f7a58;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .6s ease}.booth.is-leaving{opacity:0;pointer-events:none}.booth-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(var(--u),calc(var(--ph) * 1023 / 1537));height:calc(max(var(--u),calc(var(--ph) * 1023 / 1537)) * 1537 / 1023)}.booth-wall{display:block;width:100%;height:100%}.booth-slot{position:absolute}.booth-slot>img{display:block;width:100%;position:absolute;left:0}.slot-recess{top:10.37%;z-index:1}.slot-lip{top:0;z-index:3}.slot-mouth{position:absolute;left:0;top:0;width:100%;height:500%;overflow:hidden;z-index:2}.print{display:block;position:absolute;left:22.2%;width:55.6%;top:0;transform:translateY(calc(-100% + (var(--out) * 96%) + (var(--pull, 0) * 120%)));filter:drop-shadow(0 6px 12px rgba(25,30,18,.45));transition:transform 3.6s linear}.booth.is-ready .print{transition:transform .7s cubic-bezier(.22,.68,.3,1)}.booth.is-dragging .print{transition:none}.booth.is-held .print{transform:translateY(-100%);transition:none}.booth-hint{position:absolute;left:0;right:0;bottom:calc(var(--u) * .07);margin:0;text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:calc(var(--u) * .042);font-weight:600;letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:#f8f5ecf2;text-shadow:0 2px 12px rgba(20,26,14,.55);transition:opacity .4s ease}.phone.is-booting{overflow:hidden}.envelope .letter{display:block}.envelope .letter-lace{display:block;width:100%;height:auto;position:relative;z-index:2}.envelope .letter-oval{position:absolute;left:9.28%;top:13.93%;width:81.05%;height:70.51%;border-radius:50%;overflow:hidden;transform:translateZ(0);z-index:1}.envelope .letter-vid{display:block;width:100%;height:100%;object-fit:cover}.savedate .reveal{opacity:0;transform:translateY(calc(var(--u) * .022));transition:opacity .55s ease,transform .55s cubic-bezier(.22,.68,.3,1)}.savedate.is-written .reveal{opacity:1;transform:none}.savedate.is-written .date{transition-delay:.05s}.savedate.is-written .place{transition-delay:.3s}.savedate.is-written .cd{transition-delay:.55s}.savedate.is-written .cal{transition-delay:.85s}.savedate .cd{display:flex;justify-content:center}.hint{margin:0;text-align:center;font-family:Cormorant Garamond,Georgia,serif;font-size:calc(var(--u) * .032);letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#f4efe4cc;text-shadow:0 2px 10px rgba(25,34,18,.5);pointer-events:none;transition:opacity .6s ease,transform .6s ease}.hint.is-gone{opacity:0;animation:none}.hint.tap{position:absolute;left:40.8%;top:calc(var(--u) * 1.159);transform:translate(-50%,-50%) rotate(40deg);transform-origin:50% 50%;white-space:nowrap;z-index:1;color:#fffdf6;font-weight:600;text-shadow:0 2px 14px rgba(22,30,16,.75);animation:hint-breathe 2.8s ease-in-out infinite;transition:opacity .18s ease,transform .18s ease}.hint.tap.is-gone{transform:translate(-50%,-50%) rotate(40deg) scale(.96)}.hint.scroll{position:absolute;left:80.5%;top:calc(var(--u) * 1.738);transform:translate(-50%);white-space:nowrap;z-index:5;display:flex;align-items:center;gap:calc(var(--u) * .022);color:#fffdf6;font-weight:600;text-shadow:0 2px 14px rgba(22,30,16,.75);animation:hint-drift 2.2s ease-in-out infinite}.hint.scroll svg{height:calc(var(--u) * .062);width:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-top:calc(var(--u) * -.002);filter:drop-shadow(0 2px 10px rgba(22,30,16,.7))}.hint.scroll.is-gone{transform:translate(-50%) translateY(calc(var(--u) * -.014))}@keyframes hint-breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes hint-drift{0%,to{transform:translate(-50%) translateY(0);opacity:.85}50%{transform:translate(-50%) translateY(calc(var(--u) * .012));opacity:1}}@media(prefers-reduced-motion:reduce){.hint.tap,.hint.scroll{animation:none}}.envelope .card{position:absolute;z-index:2;width:50%;left:34%;top:-12%;transform:rotate(-24deg);transform-origin:50% 100%;border-radius:calc(var(--u) * .004);filter:drop-shadow(0 1px 2px rgba(48,58,40,.4)) drop-shadow(0 6px 14px rgba(34,46,34,.34));transition:top .75s cubic-bezier(.22,.68,.3,1),left .75s cubic-bezier(.22,.68,.3,1),transform .75s cubic-bezier(.22,.68,.3,1)}.envelope.is-open .card{top:-62%;left:24%}
