:root{--w:1920;--h:1080}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.scene{position:fixed;inset:0;background:#fff;overflow:hidden}.stage{position:absolute;width:1920px;height:1080px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center}.layer,.letter,.certificate{position:absolute;display:block;padding:0;border:0;background:none;cursor:pointer;will-change:transform,opacity}.layer img,.letter img,.certificate img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.closed-envelope{left:590px;top:285px;width:740px;height:550px;transition:opacity .25s,transform .25s}.closed-envelope img{position:absolute;left:50%;top:50%;width:489px;height:347px;transform:translate(-50%,-50%)}.closed-envelope.gone{opacity:0;transform:scale(.985);pointer-events:none}.open-back{left:716px;top:175px;width:485px;height:564px}.closed-letter{left:666px;top:326px;width:582px;height:475px}.open-front{left:716px;top:397px;width:485px;height:342px}.front-hit{position:absolute;left:650px;top:365px;width:620px;height:430px;z-index:15;border:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none}.front-hit.visible{opacity:1;pointer-events:auto}.open-back,.closed-letter,.open-front{opacity:0;transform:translateY(18px);transition:opacity .45s,transform .65s cubic-bezier(.2,.8,.2,1)}.open-back.visible,.closed-letter.visible,.open-front.visible{opacity:1;transform:translateY(0)}.front-hit.pull{opacity:0;pointer-events:none}.open-back.pull,.open-front.pull{transform:translateY(1250px) rotate(.35deg);opacity:0;transition:transform .95s cubic-bezier(.7,0,.9,.45),opacity .65s}.closed-letter.lift{transform:translateY(-72px) rotate(-.25deg)}.closed-letter.extract{transform:translateY(123px) rotate(.45deg);transition:transform .9s cubic-bezier(.18,1.18,.32,1)}.closed-letter.final{left:666px;top:449px;transform:translateY(0);opacity:0;transition:left .75s,top .75s,opacity .45s}.letter{left:730px;top:193px;width:463px;height:656px;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.2,1);z-index:20}.letter.visible{opacity:1;transform:none}.letter.visible img{animation:breathe 2.15s ease-in-out infinite;filter:blur(4px);transition:filter .55s ease}.letter.focused img{filter:blur(0)}@keyframes breathe{0%,100%{transform:rotate(0) translate(0,0)}18%{transform:rotate(-1.05deg) translate(-3px,1.5px)}38%{transform:rotate(.85deg) translate(3px,-1.8px)}58%{transform:rotate(-.7deg) translate(-2.5px,1.4px)}78%{transform:rotate(.45deg) translate(1.8px,-1px)}}.zoom{position:fixed;inset:0;z-index:100;background:#fff;opacity:0;pointer-events:none;transition:opacity .45s}.zoom.visible{opacity:1;pointer-events:auto}.letter-scroll{position:absolute;top:1vh;bottom:0;left:7vw;right:7vw;overflow-y:auto;overflow-x:hidden}.letter-canvas{position:relative;width:min(100%,1240px);margin:0 auto}.letter-canvas>img{display:block;width:100%;height:auto}.zoom-close{position:fixed;right:22px;top:14px;width:38px;height:38px;border:0;background:none;font-size:30px;opacity:.45;z-index:5;cursor:pointer}.easter-egg{position:absolute;left:36.612903%;top:90.193843%;width:56.129032%;height:8.323831%;border:0;background:transparent;cursor:pointer;padding:0}.certificate{left:683px;top:171px;width:560px;height:737px;z-index:40;transform:translateX(-1550px) rotate(-8deg);opacity:0}.certificate.ready{opacity:1}.certificate.roll{animation:roll 2.25s cubic-bezier(.12,.78,.2,1) forwards}@keyframes roll{0%{transform:translateX(-1550px) rotate(-8deg);opacity:0}18%{opacity:1}70%{transform:translateX(38px) rotate(1.5deg)}86%{transform:translateX(-13px) rotate(-.6deg)}100%{transform:translateX(0) rotate(0);opacity:1}}.hidden{display:none!important}@media(max-width:700px){.letter-scroll{left:5vw;right:5vw}.zoom-close{top:8px;right:8px}}