*,:before,:after{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}#root{height:100%;overflow:hidden}.page{isolation:isolate;flex-direction:column;justify-content:flex-end;align-items:center;gap:0;height:100dvh;max-height:100dvh;padding-bottom:clamp(32px,7vh,72px);display:flex;position:relative;overflow:hidden}.page__bg{z-index:0;pointer-events:none;background:linear-gradient(#00000026,#00000073),url(/assets/background-ds_dbHK1.png) 50%/cover no-repeat;position:fixed;inset:0}.page>main{z-index:1;position:relative}.save-the-date{--envelope-ratio:2264 / 1581;--stage-width:min(86vw, 660px);--clip-bleed-top:90%;--fade-duration:.9s;--paper-delay:.7s;--paper-duration:1.4s;width:var(--stage-width);aspect-ratio:var(--envelope-ratio);clip-path:inset(calc(-1 * var(--clip-bleed-top)) 0 0 0);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.save-the-date--opened{cursor:default}.envelope-stage{width:100%;aspect-ratio:var(--envelope-ratio);position:relative}.scene{position:absolute;inset:0}.scene--closed{z-index:2;opacity:1;transition:opacity var(--fade-duration) ease}.scene--open{z-index:1;opacity:0;transition:opacity var(--fade-duration) ease}.save-the-date--opened .scene--closed{opacity:0;pointer-events:none}.save-the-date--opened .scene--open{opacity:1}.envelope{pointer-events:none;display:block}.envelope--closed,.envelope--open-back,.envelope--open-front{width:100%;height:auto;position:absolute;bottom:0;left:0}.stamp{pointer-events:none;z-index:2;width:15.6%;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.closed-envelope__text{text-align:center;color:#f5f0e8eb;pointer-events:none;z-index:1;width:70%;position:absolute;top:16%;left:50%;transform:translate(-50%)}.closed-envelope__initials{margin:0 0 .2em;font-family:Pinyon Script,cursive;font-size:clamp(2.4rem,11vw,4.5rem);line-height:1}.closed-envelope__label{letter-spacing:.32em;text-transform:uppercase;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(.75rem,2.8vw,1.05rem);font-weight:400}.stamp--pulse{animation:2.2s ease-in-out infinite stamp-pulse}.open-hint{letter-spacing:.12em;text-transform:none;text-align:center;color:#ffffff9e;opacity:1;pointer-events:none;z-index:2;width:80%;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(.7rem,2.2vw,.95rem);font-style:italic;font-weight:400;transition:opacity .5s;animation:2.2s ease-in-out infinite hint-glow;position:absolute;top:75%;left:50%;transform:translate(-50%)}.open-hint--hidden{opacity:0;animation:none}@keyframes stamp-pulse{0%,to{filter:drop-shadow(0 0 #dcdcdc00);transform:translate(-50%,-50%)scale(1)}50%{filter:drop-shadow(0 0 14px #dcdcdc73);transform:translate(-50%,-50%)scale(1.07)}}@keyframes hint-glow{0%,to{opacity:.62}50%{opacity:1}}.envelope--open-back{z-index:0;opacity:0}.paper{opacity:0;z-index:1;width:80%;position:absolute;bottom:8%;left:50%;transform:translate(-50%,45%);container-type:inline-size}.paper__image{pointer-events:none;width:100%;height:auto;display:block}.paper__text{text-align:center;color:#2c2824;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;padding:14% 10% 0;display:flex;position:absolute;inset:0}.paper__names{margin:0 0 .55em;font-family:Pinyon Script,cursive;font-size:13cqi;line-height:1.1}.paper__date{letter-spacing:.04em;margin:0 0 .45em;font-family:Pinyon Script,cursive;font-size:7cqi}.paper__location{letter-spacing:.02em;margin:0;font-family:Pinyon Script,cursive;font-size:6cqi}.envelope--open-front{z-index:2;opacity:0}.save-the-date--opened .envelope--open-back,.save-the-date--opened .envelope--open-front{animation:fade-in-envelope var(--fade-duration) ease forwards}.save-the-date--opened .paper{animation:fade-in-paper .4s ease var(--paper-delay) forwards, slide-paper var(--paper-duration) cubic-bezier(.22, 1, .36, 1) var(--paper-delay) forwards}@keyframes fade-in-envelope{0%{opacity:0}to{opacity:1}}@keyframes fade-in-paper{0%{opacity:0}to{opacity:1}}@keyframes slide-paper{0%{transform:translate(-50%,45%)}to{transform:translate(-50%,5%)}}@media (prefers-reduced-motion:reduce){.save-the-date,.scene--closed,.scene--open,.save-the-date--opened .envelope--open-back,.save-the-date--opened .paper,.save-the-date--opened .envelope--open-front,.stamp--pulse,.open-hint{transition:none;animation:none}.save-the-date--opened .scene--closed{opacity:0}.save-the-date--opened .scene--open,.save-the-date--opened .envelope--open-back,.save-the-date--opened .envelope--open-front{opacity:1}.save-the-date--opened .paper{opacity:1;transform:translate(-50%,5%)}.open-hint--hidden{opacity:0}}