@import"https://fonts.googleapis.com/css2?family=Italianno&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-color: #f6f4ed;--bg-gradient: radial-gradient(circle at center, #fbf8f3 0%, #eaddcf 100%);--text-color: #5d554a;--accent-color: #ffffff;--div-color: rgba(93, 85, 74, .15);--btn-text: #4a443a;--font-main: "Playfair Display", serif;--font-script: "Italianno", cursive}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-main);background:var(--bg-gradient);color:var(--text-color);overscroll-behavior:none}.screen.landing{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;z-index:10;scrollbar-width:none;-ms-overflow-style:none}.screen.landing::-webkit-scrollbar{display:none}.snap-section{width:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-bottom:1px solid rgba(0,0,0,.02)}h1,h2,p{margin:0}.intro-pretitle{text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;opacity:.6;margin-bottom:.5rem;font-family:sans-serif}.intro-title{font-family:var(--font-script);font-size:5rem;line-height:1;font-weight:400;margin-bottom:1rem;color:#4a4036}.date-title{font-size:3rem;font-style:italic;font-weight:400;margin-bottom:2rem;text-align:center}.enter-btn{background:#ffffff73;border:1px solid rgba(255,255,255,.6);padding:16px 36px;border-radius:50px;font-size:1.1rem;font-family:var(--font-main);font-style:italic;color:var(--btn-text);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(20px);animation:fadeUpBtn 1s forwards .3s}.enter-btn:hover{background:#fffc;transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px #5d554a1a}@keyframes fadeUpBtn{to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:30px;opacity:.4;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.viewer{position:fixed;top:0;left:0;transition:opacity .6s ease,visibility .6s;pointer-events:none;opacity:0;visibility:hidden;background:var(--bg-gradient)}.viewer.active{opacity:1;visibility:visible;pointer-events:auto;z-index:100}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.hint{font-family:sans-serif;letter-spacing:.05em;font-size:.75rem}.icon-btn{background:#ffffff4d;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--btn-text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s;pointer-events:auto}