.el-widget{--el-bg:#f7f1e6;--el-paper:#fdfbf4;--el-paper-edge:#d9ceb3;--el-ink:#161616;--el-wine:#6b0f1a;--el-wine-ink:#620619;--el-wine-deep:#4a0412;--el-hairline:#6b0f1a59;--el-hairline-light:#6b0f1a2e;--el-font-display:var(--font-noto-serif-display),Georgia,serif;--el-font-body:var(--font-noto-serif-display),Georgia,serif;--el-font-script:var(--font-sloop-script-pro),cursive;--el-flap-max-angle:133deg;width:100%;font-family:var(--el-font-body);color:var(--el-ink);-webkit-font-smoothing:antialiased;font-weight:300}.el-widget *{box-sizing:border-box}.el-widget .envelope{--p:0;--env-aspect:2752/1536;--hinge-y:100%;width:min(100%,121.833vh);aspect-ratio:var(--env-aspect);perspective:2800px;max-height:68vh;transform-style:preserve-3d;transform:scale(calc(1 + var(--p)*.015));filter:drop-shadow(0 0 36px #fdf5dc47)drop-shadow(0 24px 48px #0000008c);position:relative}.el-widget .env-back{z-index:1;pointer-events:none;clip-path:url(#envelope-shape);position:absolute;inset:0}.el-widget .env-back>img{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0;transform:rotate(180deg)scale(1.12)}.el-widget .env-front{z-index:3;pointer-events:none;clip-path:url(#envelope-shape);filter:drop-shadow(0 6px 12px #4a041226);position:absolute;inset:0}.el-widget .env-front>img{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0;transform:rotate(180deg)}.el-widget .env-flap-img{z-index:4;pointer-events:none;transform-origin:50% var(--hinge-y);transform:rotateX(calc(var(--flap-angle,0deg)))translateZ(.5px);backface-visibility:visible;will-change:transform;position:absolute;inset:0}.el-widget .env-flap-img.is-open{z-index:2}.el-widget .env-flap-img>img{object-fit:fill;filter:drop-shadow(0 6px 14px #4a04122e);width:100%;height:100%;display:block;position:absolute;inset:0;transform:rotate(180deg)}.el-widget .env-flap-shadow{pointer-events:none;z-index:1;height:55%;opacity:clamp(0,(var(--p) - .18)/.2,1);mix-blend-mode:multiply;transform-origin:bottom;transform:scaleY(clamp(0,(var(--p) - .18)/.3,1));background:linear-gradient(#0000 0%,#0000001a 40%,#00000059 100%);position:absolute;bottom:0;left:0;right:0}.el-widget .letter-layer{--slideP:clamp(0,(var(--p) - .4)/.5,1);height:88%;clip-path:inset(-2% -22% calc(-1*var(--slideP)*130vh)-22%);z-index:3;position:absolute;top:6%;left:8%;right:8%}.el-widget .letter{width:100%;height:100%;position:relative}.el-widget .letter-sheet{clip-path:inset(0 0 5%);height:auto;transform:translateY(calc(var(--slideP)*22vh))rotate(.5deg);background:var(--el-paper);box-shadow:0 1px 0 #ffffffb3 inset,0 -1px 0 #d9ceb366 inset,2px 0 6px #0000000f inset,-2px 0 6px #0000000f inset,0 18px 32px rgba(74,4,18,calc(.18*var(--slideP)));font-family:var(--el-font-body);color:var(--el-wine-deep);text-align:center;background-image:linear-gradient(#ffffff80 0%,#0000 40%),repeating-linear-gradient(0deg,#0000 0 28px,#6b0f1a0a 28px 29px);flex-direction:column;gap:0;padding:8% 14% 6%;font-size:clamp(.72rem,.95vw,.92rem);line-height:1.65;display:flex;position:absolute;top:0;left:0;right:0}.el-widget .letter-sheet .salutation{font-family:var(--el-font-script);color:var(--el-wine-ink);margin-bottom:.2em;font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1}.el-widget .letter-sheet .lead{font-family:var(--el-font-display);letter-spacing:.02em;color:var(--el-wine-ink);margin-bottom:.3em;font-size:1.25em;font-style:italic}.el-widget .letter-sheet hr.rule{background:linear-gradient(90deg,#0000,#6b0f1a59,#0000);border:none;width:42%;height:1px;margin:.5em auto}.el-widget .letter-sheet .ornament-line{font-family:var(--el-font-script);color:var(--el-wine-ink);margin:.3em 0;font-size:clamp(1.4rem,2.4vw,2rem)}.el-widget .letter-sheet p{margin:0}.el-widget .letter-sheet .closing{font-family:var(--el-font-display);letter-spacing:.02em;margin-top:.6em;font-style:italic}.el-widget .letter-sheet .signoff{font-family:var(--el-font-script);color:var(--el-wine-ink);margin-top:.2em;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1}.el-widget .letter-sheet .postscript{font-family:var(--el-font-display);color:var(--el-wine-ink);opacity:.75;text-align:left;margin-top:1.4em;padding-left:8%;font-size:.9em;font-style:italic}.el-widget .photobooth{--pb-aspect:858/3938;--pb-width:16%;--pb-left:0%;--pb-top:-5%;--pb-tilt:6deg;--pb-delay:.43;width:var(--pb-width);aspect-ratio:var(--pb-aspect);left:var(--pb-left);top:var(--pb-top);--pbSlide:clamp(0,(var(--p) - var(--pb-delay))/.45,1);--pb-sway:calc(sin(var(--pbSlide)*6.28)*1.2deg);transform:translateY(calc(var(--pbSlide)*38vh))rotate(calc(var(--pb-tilt) + var(--pb-sway)));transform-origin:50% 0;z-index:5;filter:drop-shadow(0 calc(8px + var(--pbSlide)*16px)calc(10px + var(--pbSlide)*18px)rgba(74,4,18,calc(.18 + var(--pbSlide)*.18)))drop-shadow(0 2px 4px #00000026);pointer-events:none;will-change:transform;position:absolute}.el-widget .photobooth img{object-fit:cover;filter:grayscale()contrast(1.1);border-radius:1px;width:100%;height:100%;display:block}.el-refold-btn{cursor:pointer;color:#620619;background:0 0;border:none;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:.7em 1.6em;display:flex;position:relative}.el-refold-btn:focus{outline:none}.el-refold-btn .refold-glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#6b0f1a47 0%,#4a04121a 40%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite el-refoldPulse;position:absolute;inset:-35%}@keyframes el-refoldPulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:.9;transform:scale(1.08)}}.el-refold-btn:hover .refold-glow{opacity:1;animation:none;transform:scale(1.12)}.el-refold-btn:hover svg{transform:translateY(-2px)}.el-refold-btn svg{transition:transform .25s;position:relative}.el-widget .seal-trigger{z-index:6;cursor:pointer;width:clamp(60px,8vw,95px);height:clamp(60px,8vw,95px);opacity:clamp(0,1 - var(--p,0)*6,1);pointer-events:auto;background:0 0;border:none;padding:0;transition:opacity .4s;position:absolute;top:49%;left:49.8%;transform:translate(-50%,-50%)}.el-widget .envelope.is-opening .seal-trigger,.el-widget .envelope.is-open .seal-trigger{pointer-events:none}.el-widget .envelope.is-open .letter-layer{clip-path:none}.el-widget .seal-trigger:focus{outline:none}.el-widget .seal-trigger:focus-visible .seal-glow{box-shadow:0 0 0 2px #ffffff80,0 0 22px 8px #8a1523b3,0 0 60px 14px #6b0f1a73}.el-widget .seal-glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#8a15238c 0%,#6b0f1a52 28%,#4a041224 55%,#0000 75%);border-radius:50%;animation:2.6s ease-in-out infinite el-sealPulse;position:absolute;inset:-50%}@keyframes el-sealPulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}.el-widget .seal-hit{pointer-events:none;border-radius:50%;transition:box-shadow .25s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e}.el-widget .seal-trigger:hover .seal-hit{box-shadow:inset 0 0 0 1px #ffffff59,0 0 30px 4px #8a152373}.el-widget .seal-trigger:active .seal-hit{transform:scale(.98);box-shadow:inset 0 0 0 1px #ffffff40,0 0 18px 2px #6b0f1a59}.el-widget .seal-cta{font-family:var(--el-font-body);letter-spacing:.42em;text-transform:uppercase;color:var(--el-wine);white-space:nowrap;opacity:.78;pointer-events:none;font-size:.62rem;animation:3.2s ease-in-out infinite el-ctaFloat;position:absolute;top:calc(100% + 5rem);left:50%;transform:translate(-50%)}.el-widget .seal-cta:before,.el-widget .seal-cta:after{content:"";background:var(--el-hairline);vertical-align:middle;opacity:.7;width:1.4rem;height:1px;margin:0 .7rem;display:inline-block}@keyframes el-ctaFloat{0%,to{opacity:.78;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,3px)}}@media (max-width:639px){.el-widget{justify-content:center;display:flex}.el-widget .cherubFloat{width:88%}.el-widget .envelope{max-height:52vw}.el-widget .letter-sheet{transform:translateY(calc(var(--slideP)*19vw))rotate(.5deg)}.el-widget .photobooth{transform:translateY(calc(var(--pbSlide)*40vw))rotate(calc(var(--pb-tilt) + var(--pb-sway)))}}