.experience{--lid-angle:0deg;--lid-shadow-angle:0deg;--lid-shadow-shift:0.4%;--lid-shadow-opacity:0;--lid-sheen:0;--rest-shadow:1;--envelope-opacity:1;--backdrop-opacity:0;--card-opacity:0;--card-scale:.988}.experience:before{content:"";z-index:1;opacity:calc(1 - var(--backdrop-opacity));pointer-events:none;background:radial-gradient(at 55% 45%,#e4d5cb 0%,#d9c9c0 62%,#cdbcb3 100%);position:fixed;inset:0}.experience[data-state=revealed]:before{opacity:0;visibility:hidden}.experience[data-state=closed] .invitation,.experience[data-state=opening] .invitation{opacity:var(--card-opacity);transform:scale(var(--card-scale))}.experience[data-state=revealed] .invitation{opacity:1;transform:none}.envelope-scene{z-index:10;opacity:var(--envelope-opacity);pointer-events:none;will-change:opacity;background:radial-gradient(at 55% 45%,#e4d5cb 0%,#d9c9c0 62%,#cdbcb3 100%);position:fixed;inset:0;overflow:hidden}.experience[data-state=revealed] .envelope-scene{visibility:hidden}.envelope__body{perspective-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #5a463c26,0 12px 26px #5a463c29}.envelope__base,.envelope__lid,.envelope__lid-shadow,.envelope__lid-sheen,.envelope__lid img,.envelope__lid-shadow img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.envelope__lid{transform-origin:50% 0;transform:rotateX(var(--lid-angle));backface-visibility:hidden;will-change:transform}.envelope__lid-shadow{transform-origin:50% 0;transform:translateY(var(--lid-shadow-shift)) rotateX(var(--lid-shadow-angle));opacity:var(--lid-shadow-opacity);will-change:transform, opacity}.envelope__lid-shadow img{filter:brightness(0)blur(6px)}.envelope__rest-shadow{opacity:var(--rest-shadow);will-change:opacity}.envelope__lid-sheen{opacity:var(--lid-sheen);pointer-events:none;will-change:opacity;background:linear-gradient(135deg,#fffdfce6,#fffdfc40 55%,#8a768c59)}.envelope__hit-area{z-index:11;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.envelope__hit-area:disabled{pointer-events:none}.envelope__hit-area:focus-visible{outline-offset:-8px;outline:3px solid #b99a5e}.experience[data-state=revealed] .envelope__hit-area{display:none}@media (prefers-reduced-motion:reduce){.envelope-scene{transition:opacity .9s ease-in-out}.invitation{transition:opacity 1.8s ease-in-out}.experience:before{transition:opacity 1.8s ease-in-out,visibility 0s 1.8s}.experience[data-state=opening] .envelope-scene{opacity:0}.experience[data-state=opening] .invitation,.experience[data-state=revealed] .invitation{opacity:1;transform:none}.experience[data-state=opening]:before{opacity:0}}.bow{z-index:2;pointer-events:none;position:absolute;inset:0}.bow__vines,.bow__painting{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.bow__painting{opacity:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;background:#eac5bb;font-family:Georgia,serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}.scene{isolation:isolate;background:#eac5bb;place-items:center;min-height:100svh;display:grid;position:relative;overflow:clip}.scene__background{z-index:-1;filter:blur(30px)saturate(.8);pointer-events:none;background:linear-gradient(#efd5cc38,#b4768938),url(../save-the-date-skyline.png) 50%/cover no-repeat;position:fixed;inset:-48px;transform:scale(1.04)}.experience{aspect-ratio:2/3;width:min(100vw,63.333svh);position:relative}.invitation{z-index:2;transform-origin:50%;will-change:transform, opacity;background:#eac5bb;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;box-shadow:0 15px 55px #51352c2b}.invitation__art{width:100%;height:100%;display:block}.invitation__countdown{z-index:1;pointer-events:none;width:42.6563%;height:6.35417%;position:absolute;top:59.6354%;left:28.6719%}.invitation__ambient{z-index:1;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.invitation__ambient[data-live]{opacity:1}.invitation__petals{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.music-toggle{z-index:20;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));color:#a4855a;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;background:#fff8f1b8;border:1px solid #c9ad76b3;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:opacity .6s;display:grid;position:fixed;box-shadow:0 2px 10px #5a3a2a1f}.music-toggle[data-visible=true]{opacity:.9;pointer-events:auto}.music-toggle:hover{opacity:1}.music-toggle:focus-visible{outline-offset:3px;outline:2px solid #a4855a}.music-toggle svg{width:18px;height:18px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.experience{width:100vw}.invitation{box-shadow:none}.scene__background{filter:blur(28px)saturate(.82)}}@media (prefers-reduced-motion:reduce){.invitation__ambient,.invitation__petals{display:none}}