.welcome-screen{background:#fff;justify-content:center;align-items:center;width:100%;height:100svh;min-height:620px;display:flex;position:relative;overflow:hidden}.welcome-photo{object-fit:contain;opacity:.3;width:100%;height:100%;position:absolute;inset:0}.welcome-veil{background:#ffffff47;position:absolute;inset:0}.welcome-content{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative}.welcome-logo{width:min(82vw,325px);position:absolute;top:11svh}.welcome-button{color:#86661a;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #86661a;width:min(76%,240px);margin-top:16rem;padding:11px 12px;font:400 10px/1.2 FreeSerif,serif;box-shadow:0 4px 20px #0000000d}.music-button{z-index:100;color:#b3924f;cursor:pointer;background:#fff;border:1px solid #b3924f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 2px 12px #0000001a}@media (hover:hover){.welcome-button:hover{color:#fff;background:#86661a}.music-button:hover{color:#fff;background:#b3924f}}@media (min-width:768px){.welcome-screen,.music-button{display:none}}
.cloud-transition{z-index:1000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cloud-wing{filter:drop-shadow(0 0 28px #b4aea038);will-change:transform;background:linear-gradient(90deg,#fff 0% 76%,#f5f3ee 100%);width:62%;position:absolute;top:-8%;bottom:-8%}.cloud-wing:before,.cloud-wing:after{content:"";background:radial-gradient(circle at 50% 7%,#fff 0 15%,#0000 16%),radial-gradient(circle at 64% 19%,#fff 0 18%,#0000 19%),radial-gradient(circle at 42% 31%,#fff 0 21%,#0000 22%),radial-gradient(circle at 68% 45%,#fff 0 18%,#0000 19%),radial-gradient(circle at 43% 58%,#fff 0 22%,#0000 23%),radial-gradient(circle at 66% 72%,#fff 0 19%,#0000 20%),radial-gradient(circle at 44% 87%,#fff 0 20%,#0000 21%);width:48%;position:absolute;top:-2%;bottom:-2%}.cloud-wing-left{animation:1.8s cubic-bezier(.55,.05,.2,1) forwards cloud-open-left;left:0}.cloud-wing-left:before,.cloud-wing-left:after{right:-24%}.cloud-wing-right{background:linear-gradient(270deg,#fff 0% 76%,#f5f3ee 100%);animation:1.8s cubic-bezier(.55,.05,.2,1) forwards cloud-open-right;right:0}.cloud-wing-right:before,.cloud-wing-right:after{left:-24%;transform:scaleX(-1)}.cloud-wing:after{opacity:.72;filter:blur(12px);transform:translateY(5%)scale(1.12)}.cloud-wing-right:after{transform:translateY(5%)scale(-1.12,1.12)}.cloud-haze{background:#ffffff8c;animation:1.8s ease-out forwards cloud-haze-clear;position:absolute;inset:0}@keyframes cloud-open-left{0%,12%{transform:translate(0)}to{transform:translate(-122%)}}@keyframes cloud-open-right{0%,12%{transform:translate(0)}to{transform:translate(122%)}}@keyframes cloud-haze-clear{0%,18%{opacity:1}to{opacity:0}}@media (min-width:768px),(prefers-reduced-motion:reduce){.cloud-transition{display:none}}
.cloud-wing-left,.cloud-wing-right{animation:1.8s cubic-bezier(.3,.05,.2,1) forwards smoke-dissolve}.cloud-haze{background:#f1efeab8;animation:1.8s ease-out forwards smoke-haze-clear}@keyframes smoke-dissolve{0%{opacity:1;filter:blur()drop-shadow(0 0 28px #b4aea038);transform:scale(1)}35%{opacity:.82;filter:blur(7px)drop-shadow(0 0 40px #b4aea026);transform:scale(1.025)}70%{opacity:.38;filter:blur(20px)drop-shadow(0 0 50px #b4aea014);transform:scale(1.075)}to{opacity:0;filter:blur(34px)drop-shadow(0 0 60px #0000);transform:scale(1.14)}}@keyframes smoke-haze-clear{0%,12%{opacity:1}45%{opacity:.55}to{opacity:0}}
.welcome-envelope{background:#d5c4af;position:relative}.welcome-fold{background:#d1c1ac;position:absolute;inset:0 0 0 64.7%;box-shadow:inset 24px 0 30px -24px #5b483675}.wax-seal-button{z-index:2;cursor:pointer;background:0 0;border:0;width:140px;height:145px;padding:0;transition:transform .2s,filter .2s;position:absolute;top:50%;left:64.7%;overflow:hidden;transform:translate(-50%,-50%)}.wax-seal-crop{display:block;position:absolute;inset:0;overflow:hidden}.wax-seal-crop img{-webkit-user-select:none;user-select:none;pointer-events:none;width:365px;max-width:none;height:517px;position:absolute;top:-188px;left:-172px}.wax-seal-button:focus-visible{outline-offset:5px;outline:2px solid #86661a}@media (hover:hover){.wax-seal-button:hover{filter:brightness(1.04);transform:translate(-50%,-50%)scale(1.035)}}@media (max-width:360px){.wax-seal-button{transform:translate(-50%,-50%)scale(.92)}}
.envelope-open-transition{z-index:1000;perspective:1000px;pointer-events:none;position:fixed;inset:0;overflow:hidden}.envelope-leaf{will-change:transform, opacity;backface-visibility:hidden;background:#d5c4af;position:absolute;top:0;bottom:0}.envelope-leaf-left{transform-origin:0;width:64.7%;animation:1.8s cubic-bezier(.62,.02,.22,1) forwards envelope-leaf-left-open;left:0;box-shadow:inset -22px 0 28px -25px #5b483666}.envelope-leaf-right{transform-origin:100%;background:#d1c1ac;width:35.3%;animation:1.8s cubic-bezier(.62,.02,.22,1) forwards envelope-leaf-right-open;right:0;box-shadow:inset 24px 0 30px -24px #5b483675}.envelope-opening-glow{background:#ffffffb3;width:3px;animation:1.8s ease-out forwards envelope-opening-glow;position:absolute;top:0;bottom:0;left:64.7%;transform:translate(-50%);box-shadow:0 0 28px 10px #ffffff73}@keyframes envelope-leaf-left-open{0%,8%{opacity:1;transform:translate(0)rotateY(0)}55%{opacity:.96;transform:translate(-34%)rotateY(-16deg)}to{opacity:0;transform:translate(-108%)rotateY(-32deg)}}@keyframes envelope-leaf-right-open{0%,8%{opacity:1;transform:translate(0)rotateY(0)}55%{opacity:.96;transform:translate(38%)rotateY(18deg)}to{opacity:0;transform:translate(112%)rotateY(34deg)}}@keyframes envelope-opening-glow{0%,10%{opacity:0}28%{opacity:1}to{opacity:0}}@media (min-width:768px),(prefers-reduced-motion:reduce){.envelope-open-transition{display:none}}
.welcome-envelope{background:#d5c4af}.welcome-fold{background:#d1c1ac;inset:0 0 0 50%;box-shadow:inset 22px 0 28px -24px #5b48366b}.wax-seal-button{width:170px;height:160px;top:50%;left:50%;overflow:visible}.wax-seal{background:radial-gradient(circle at 38% 32%,#ffdab47a,#0000 23%),radial-gradient(circle at 60% 65%,#b8754f 0,#a96645 55%,#8f5538 100%);border-radius:48% 52% 46% 54%/52% 46% 54% 48%;place-items:center;width:94px;height:94px;display:grid;position:absolute;top:8px;left:38px;transform:rotate(4deg);box-shadow:0 5px 8px #53342247,inset 4px 5px 7px #ffdebc80,inset -5px -7px 10px #69361f6b}.wax-seal:before{content:"";border:2px solid #74432670;border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 0 2px #f0b88947,inset 1px 2px 3px #ffddb447}.wax-seal-inner{color:#754528;filter:drop-shadow(1px 1px #f0b8898c);width:56px;height:58px;position:relative}.wax-stem{transform-origin:bottom;background:currentColor;border-radius:2px;width:2px;height:43px;position:absolute;bottom:7px;left:28px;transform:rotate(-16deg)}.wax-stem:after{content:"";background:currentColor;border-radius:50%;width:29px;height:2px;position:absolute;bottom:-3px;left:-12px;transform:rotate(15deg)}.wax-leaf,.wax-bud{border:2px solid;display:block;position:absolute}.wax-leaf{border-radius:100% 0;width:13px;height:7px}.wax-leaf-1{top:25px;left:14px;transform:rotate(25deg)}.wax-leaf-2{top:35px;left:18px;transform:rotate(7deg)}.wax-leaf-3{top:19px;left:32px;transform:rotate(-52deg)scaleX(-1)}.wax-leaf-4{top:31px;left:35px;transform:rotate(-34deg)scaleX(-1)}.wax-bud{border-radius:50% 50% 45% 45%;width:7px;height:9px}.wax-bud-1{top:5px;left:25px}.wax-bud-2{top:14px;left:11px;transform:rotate(-35deg)}.wax-bud-3{top:9px;left:39px;transform:rotate(32deg)}.wax-seal-label{color:#754528;white-space:nowrap;font:italic 13px/1.2 FreeSerif,serif;position:absolute;top:108px;left:28px;transform:rotate(-8deg)}@media (max-width:360px){.wax-seal-button{transform:translate(-50%,-50%)scale(.92)}}
.envelope-leaf-left,.envelope-leaf-right{width:50%}.envelope-leaf-left{transform-origin:0;animation:1.8s cubic-bezier(.55,.02,.18,1) forwards invitation-door-left}.envelope-leaf-right{transform-origin:100%;background:#d1c1ac;animation:1.8s cubic-bezier(.55,.02,.18,1) forwards invitation-door-right}.envelope-opening-glow{left:50%}@keyframes invitation-door-left{0%,8%{opacity:1;transform:perspective(1000px)rotateY(0)}72%{opacity:1;transform:perspective(1000px)rotateY(-88deg)}to{opacity:0;transform:perspective(1000px)rotateY(-108deg)}}@keyframes invitation-door-right{0%,8%{opacity:1;transform:perspective(1000px)rotateY(0)}72%{opacity:1;transform:perspective(1000px)rotateY(88deg)}to{opacity:0;transform:perspective(1000px)rotateY(108deg)}}
.wax-seal-button{width:min(48vw,180px);height:min(72svh,520px);overflow:visible}.wax-seal-svg{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 5px 7px #53342233);width:100%;max-width:none;height:100%;display:block}@media (max-width:360px){.wax-seal-button{width:48vw;transform:translate(-50%,-50%)}}
.envelope-open-transition{perspective:none}.envelope-leaf-left{animation:1.8s cubic-bezier(.65,.02,.2,1) forwards envelope-slide-left}.envelope-leaf-right{animation:1.8s cubic-bezier(.65,.02,.2,1) forwards envelope-slide-right}@keyframes envelope-slide-left{0%,8%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(-100%)}}@keyframes envelope-slide-right{0%,8%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(100%)}}
.welcome-envelope{background:#fff}.welcome-fold{background:#fff9e8;inset:0 0 0 64.7%;box-shadow:inset 22px 0 34px -25px #70604685}.wax-seal-button{width:min(44vw,170px);height:min(38svh,512px);top:40%;left:64.7%}.wax-seal-svg{filter:drop-shadow(0 5px 8px #5334222e)}.welcome-bottom-brand{z-index:2;color:#86661a;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:52%;display:flex;position:absolute;bottom:13.5%;left:5.8%}.welcome-bottom-brand img{width:100%;max-width:205px}.welcome-bottom-brand p{color:#21190e;margin-top:4px;font-size:9px;font-style:italic}.welcome-bottom-brand span{color:#86661a;letter-spacing:.22em;margin-top:4px;font-size:8px}.envelope-leaf-left{background:#fff;width:64.7%;box-shadow:inset -22px 0 30px -27px #70604657}.envelope-leaf-right{background:#fff9e8;width:35.3%;box-shadow:inset 22px 0 34px -25px #70604685}.envelope-opening-glow{left:64.7%}@media (max-width:360px){.wax-seal-button{width:44vw;left:64.7%;transform:translate(-50%,-50%)}}
.wax-seal-button{aspect-ratio:618/585;width:min(42vw,165px);height:auto}.wax-seal-svg{aspect-ratio:auto;object-fit:contain;filter:none;image-rendering:auto;backface-visibility:hidden;width:100%;height:100%;transform:translateZ(0)}