@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&family=Staatliches&family=Caveat:wght@400;700&display=swap";@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--bg-color: #F0E6D2;--text-color: #3E2723;--accent-color: #8D6E63;--highlight-color: #FDD835;--white-soft: #FAF9F6}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:Lato,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.cinematic-frame{position:fixed;inset:20px;z-index:10000;pointer-events:none;border-radius:25px;box-shadow:0 0 0 2000px #080808}.grain-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://www.ui-layouts.com/noise.gif);background-repeat:repeat;opacity:.05}.section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 5%;flex-direction:column}.story-container{display:flex;width:400%;height:100vh;flex-wrap:nowrap}.horizontal-section{width:100vw;height:100vh;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative;padding:0;overflow:hidden}.vintage-card{background:#fff0e1d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:4rem;max-width:500px;position:absolute;bottom:10%;left:10%;z-index:20;border:none;box-shadow:0 20px 40px #0000001a;will-change:transform,opacity;border-radius:2px}.section .vintage-card{position:relative;bottom:auto;left:auto;max-width:800px}.vintage-card:before{display:none}.slide-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.photo-frame{width:100%;height:100%;object-fit:cover;padding:0;background:none;border:none;box-shadow:none;filter:brightness(.9);transition:transform 2s ease-out}.photo-frame:hover{transform:scale(1.05)}.tape{display:none}.vintage-card:before{content:"";position:absolute;inset:5px;border:1px solid var(--text-color);opacity:.3;pointer-events:none}.hero-section{text-align:center;flex-direction:column!important}.hero-title{font-family:Staatliches,cursive;font-size:10rem;line-height:.9;margin-bottom:2rem;color:var(--highlight-color);text-shadow:4px 4px 0px #3E2723;opacity:1;text-transform:uppercase}.hero-subtitle{font-size:1.5rem;font-style:italic;color:var(--accent-color)}@media(max-width:768px){.cinematic-frame{box-shadow:0 0 0 2000px #080808;inset:10px;border-radius:15px}.hero-title{font-size:15vw;line-height:1}.hero-subtitle{font-size:1rem;padding:0 1rem}.vintage-card{padding:1.5rem;max-width:90%;bottom:50px;left:50%;transform:translate(-50%);width:90%}.slide-title{font-size:1.5rem}.slide-description{font-size:.9rem}.section .vintage-card.static-card{padding:2rem}}.mobile-nav-controls{position:fixed;bottom:20px;left:0;width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10001;display:none}@media(max-width:768px){.mobile-nav-controls{display:flex}}.section-indicator{pointer-events:none;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:8px 16px;border-radius:20px;font-family:Staatliches,cursive;font-size:1rem;border:1px solid rgba(255,255,255,.2)}.nav-btn{pointer-events:auto;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.4);color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 10px #0003}.nav-btn:active{transform:scale(.9);background:#fff6}.nav-btn.prev{background:#fff3}.nav-btn.next{background:#fdd8354d;border-color:#fdd83599;color:#fdd835}.birthday-section{background:linear-gradient(to bottom,#1a2980,#26d0ce);perspective:1000px;overflow:hidden}.envelope-wrapper{position:relative;width:300px;height:200px;cursor:pointer;transition:transform .5s ease}.envelope-wrapper:hover{transform:scale(1.05)}.envelope-wrapper.open{transform:translateY(100px);cursor:default}.envelope-wrapper.open:hover{transform:translateY(100px)}.envelope{position:relative;width:100%;height:100%;background:#dcb695;border-radius:5px;box-shadow:0 10px 20px #0003}.flap{position:absolute;width:0;height:0;border-style:solid}.flap.front{border-width:0 150px 100px 150px;border-color:transparent transparent #e0c2a8 transparent;bottom:0;left:0;z-index:3;width:100%;height:0;border-style:solid;border-width:0 0 100px 300px}.envelope-body{position:absolute;bottom:0;width:100%;height:100%;background-color:#e6c8b0;z-index:1}.flap-left{position:absolute;bottom:0;left:0;width:0;height:0;border-top:100px solid transparent;border-bottom:100px solid transparent;border-left:150px solid #dcb695;z-index:3}.flap-right{position:absolute;bottom:0;right:0;width:0;height:0;border-top:100px solid transparent;border-bottom:100px solid transparent;border-right:150px solid #dcb695;z-index:3}.flap-bottom{position:absolute;bottom:0;left:0;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:100px solid #d4af8b;z-index:3}.flap-top{position:absolute;top:0;left:0;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-top:110px solid #e0c2a8;z-index:4;transform-origin:top;transition:transform .6s .2s,z-index .2s}.envelope-wrapper.open .flap-top{transform:rotateX(180deg);z-index:1;transition:transform .6s,z-index .1s .3s}.letter{position:absolute;top:10px;left:15px;width:270px;height:180px;background:#fff;padding:15px;z-index:2;border-radius:5px;transition:transform .8s .6s ease-in-out,height .8s .6s;box-shadow:0 5px 15px #0000001a;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.envelope-wrapper.open .letter{transform:translateY(-200px);height:420px;z-index:5}.letter-content{opacity:0;transform:translateY(20px);transition:opacity .5s 1.2s,transform .5s 1.2s;width:100%}.envelope-wrapper.open .letter-content{opacity:1;transform:translateY(0)}.stamp-seal{position:absolute;top:80px;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#c62828;border-radius:50%;z-index:10;display:flex;align-items:center;justify-content:center;color:#0000004d;font-weight:700;box-shadow:0 4px 6px #0000004d;cursor:pointer;border:4px double rgba(0,0,0,.2)}.envelope-wrapper.open .stamp-seal{opacity:0;pointer-events:none;transition:opacity .3s}.letter h2{font-family:Staatliches,cursive;color:#3e2723;margin-bottom:10px;font-size:2rem}.letter p{font-family:Lato,sans-serif;font-size:.9rem;color:#5d4037;line-height:1.5}.letter-replay-btn{margin-top:15px;padding:8px 16px;background:#fdd835;border:none;border-radius:20px;font-family:Staatliches,cursive;cursor:pointer;color:#3e2723}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}