*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--env-w: min(82vw, 320px);--env-h: calc(var(--env-w) * .68);--env-light: #f5ece3;--env-mid: #ece0d4;--env-dark: #e2d4c5;--env-line: #d5c7b5;--seal-main: #b86b72;--seal-light: #d4848a;--seal-dark: #9e555d}html,body{width:100%;height:100%;overflow:hidden;font-family:Cormorant Garamond,Georgia,serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#1a1512}#bg-layer{position:fixed;inset:0;z-index:0}#bg-layer img{width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(.42) saturate(.75);transform:scale(1.12)}.bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#faf3ed14,#1e1814a6)}#particles{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#c4a26573,#c9a0871a);pointer-events:none}#scene{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}#hint{position:absolute;bottom:max(14%,70px);left:50%;transform:translate(-50%);font-size:clamp(.8rem,2.5vw,1.05rem);font-style:italic;font-weight:300;letter-spacing:.3em;color:#faf3ed99;text-transform:lowercase;pointer-events:none;white-space:nowrap}#envelope-wrapper{position:relative;cursor:pointer}#envelope-shadow{position:absolute;bottom:-22px;left:6%;width:88%;height:30px;background:radial-gradient(ellipse,rgba(40,30,24,.35) 0%,transparent 70%);border-radius:50%;filter:blur(8px);z-index:-1}#envelope{position:relative;width:var(--env-w);height:var(--env-h);background:var(--env-mid);display:grid;place-items:center;filter:drop-shadow(0 4px 12px rgba(40,30,24,.18));border-radius:3px}#envelope,#envelope *,#envelope *:before,#envelope *:after{transform-style:preserve-3d}#envelope:before{content:"";position:absolute;width:100%;height:100%;z-index:9;border-radius:3px;background:linear-gradient(-30deg,transparent 50%,var(--env-line) calc(50% + .5px),transparent calc(50% + 1px)),linear-gradient(30deg,var(--env-light) 50%,var(--env-line) calc(50% + .5px),transparent calc(50% + 1px)),linear-gradient(-30deg,var(--env-light) 50%,var(--env-line) calc(50% + .5px),transparent calc(50% + 1px))}.flap,#envelope:after{content:"";position:absolute;width:100%;height:100%;z-index:10;border-radius:3px;background:linear-gradient(30deg,transparent 50%,var(--env-line) calc(50% + .3px),var(--env-light) calc(50% + 1px)) 0px calc(var(--env-h) * -.18) / 50% 100% no-repeat,linear-gradient(-30deg,transparent 50%,var(--env-line) calc(50% + .3px),var(--env-light) calc(50% + 1px)) calc(var(--env-w) * .5) calc(var(--env-h) * -.18) / 50% 100% no-repeat;transform-origin:top}.flap{backface-visibility:hidden;transition:transform .9s cubic-bezier(.645,.045,.355,1)}#envelope:after{z-index:-1;background:linear-gradient(30deg,transparent 50%,var(--env-line) calc(50% + .3px),var(--env-dark) calc(50% + 1px)) 0px calc(var(--env-h) * -.18) / 50% 100% no-repeat,linear-gradient(-30deg,transparent 50%,var(--env-line) calc(50% + .3px),var(--env-dark) calc(50% + 1px)) calc(var(--env-w) * .5) calc(var(--env-h) * -.18) / 50% 100% no-repeat;transform-origin:top;backface-visibility:visible;transition:transform .9s cubic-bezier(.645,.045,.355,1)}#envelope.is-open .flap,#envelope.is-open:after{transform:rotateX(180deg)}#card{position:relative;width:92%;height:92%;z-index:8}#card-inner{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:3px;overflow:hidden;box-shadow:0 2px 10px #281e1826,inset 0 0 0 1px #ffffff26}#card-inner img{width:100%;height:100%;object-fit:cover;display:block}#wax-seal{position:absolute;top:calc(50% - 2px);left:50%;transform:translate(-50%,-50%) translateZ(1px);width:42px;height:42px;background:radial-gradient(circle at 38% 32%,var(--seal-light) 0%,var(--seal-main) 35%,var(--seal-dark) 100%);border-radius:50%;z-index:11;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #9e555d59,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001f}#wax-seal span{font-family:Cormorant Garamond,serif;font-weight:600;font-size:17px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.2)}#wax-seal:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}@media(min-width:480px){:root{--env-w: 360px}}@media(min-width:768px){:root{--env-w: 420px}#wax-seal{width:50px;height:50px}#wax-seal span{font-size:20px}}