body{overflow:hidden;}body.opened{overflow-y:auto;scroll-behavior:smooth;}#intro-overlay{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;justify-content:center;row-gap:30px;align-items:center;background-color:#f9f9f7;background-image:url("https://www.transparenttextures.com/patterns/cream-paper.png");transition:transform 1s ease-in-out,opacity .5s ease 1s;perspective:1000px;}.envelope-wrapper{position:relative;width:340px;height:240px;cursor:pointer;transition:transform .3s ease;}.envelope-wrapper:hover{transform:scale(1.02) rotate(1deg);}.paper-texture{background-color:#a5ad95;background-image:url("https://www.transparenttextures.com/patterns/cream-paper.png");background-blend-mode:multiply;background-size:cover;}.envelope-back{position:absolute;inset:0;background-color:#e8e6d9;background-image:url("https://www.transparenttextures.com/patterns/cream-paper.png");border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.15);}.envelope-letter-preview{position:absolute;top:0;left:20px;right:20px;height:100%;background:#fffcf5;z-index:2;border-radius:2px 2px 0 0;box-shadow:0 -2px 5px rgba(0,0,0,.05);transition:transform 1s cubic-bezier(.2,.8,.2,1) .6s;}.envelope-pocket{position:absolute;inset:0;z-index:10;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 -5px 10px rgba(0,0,0,.1));}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;transform-origin:top;transition:transform .8s cubic-bezier(.4,0,.2,1) .2s,z-index .1s linear .4s;clip-path:polygon(0 0,100% 0,50% 52%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));}.wax-seal{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;z-index:30;display:flex;align-items:center;justify-content:center;filter:drop-shadow(2px 4px 4px rgba(0,0,0,.3));transition:opacity .4s ease,transform .4s ease;}.wax-seal img{width:100%;height:100%;object-fit:contain;}.intro-text{transition:opacity .8s ease,transform .8s ease;z-index:60;pointer-events:none;}.opened .intro-text-top{opacity:0;transform:translateY(-30px);}.opened .intro-text-bottom{opacity:0!important;transform:translateY(30px);}#intro-overlay{flex-direction:column;}.opened #intro-overlay{pointer-events:none;}.opened .envelope-flap{transform:rotateX(180deg);z-index:1;filter:drop-shadow(0 0 0 rgba(0,0,0,0));opacity:.8;}.opened .wax-seal{opacity:0;transform:translate(-50%,-50%) scale(.8);}.opened .envelope-wrapper{animation:slideDownEnvelope 1.2s forwards .8s;}@keyframes slideDownEnvelope{0%{transform:translateY(0);opacity:1;}100%{transform:translateY(400px);opacity:0;}}#main-content{opacity:0;transform:translateY(60px);transition:opacity 1s ease .6s,transform 1.2s cubic-bezier(.2,.8,.2,1) .6s;}.opened #main-content{opacity:1;transform:translateY(0);}.flower-motif{position:absolute;opacity:1;z-index:0;pointer-events:none;}.nav-link{position:relative;cursor:pointer;text-decoration:none;color:#2c2c2c;transition:color .3s ease;}.nav-link::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-2px;left:0;background-color:#b2ac88;transform-origin:bottom right;transition:transform .25s ease-out;}.nav-link:hover::after{transform:scaleX(1);transform-origin:bottom left;}.nav-link:hover{color:#b2ac88;}.polaroid{background:#fff;padding:12px 12px 40px 12px;box-shadow:0 4px 15px rgba(0,0,0,.15);transform:rotate(-3deg);transition:transform .3s ease,box-shadow .3s ease;}.polaroid:hover{transform:rotate(0deg) scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:10;}