@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#18090d;color:#f8e9e7;font-family:DM Sans,sans-serif}.page{overflow:hidden;min-height:100vh;background:radial-gradient(circle at 50% 15%,#6d2432 0,#321019 35%,#18090d 72%)}.cover,.section{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:64px 22px;position:relative}.cover{background:radial-gradient(circle at center,#8d3445 0,#35121b 42%,#16080c 85%)}.eyebrow,.mini,.paper-top{letter-spacing:.25em;font-size:10px;font-weight:600;opacity:.72}.heart-big{font-size:70px;line-height:1;margin:24px 0;text-shadow:0 10px 40px #0008}.cover h1,.distance h2,.final h2,.gallery h2,.hero h1,.memories h2,.promise h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(42px,11vw,78px);line-height:.92;margin:0 0 24px}.cover h1 i,.gallery h2 i,.hero h1 span,.memories h2 i{color:#e9a9b0}.distance>p,.final>p,.hero p,.promise>p,.soft{max-width:570px;line-height:1.8;color:#e7cfd0;font-size:15px}.ghost,.primary{border:0;border-radius:999px;padding:14px 25px;font-weight:600;cursor:pointer;margin-top:18px}.primary{background:#f8e9e7;color:#45121c;box-shadow:0 12px 35px #0005}.ghost{background:transparent;border:1px solid #e8b9bf;color:#f8e9e7}.tiny{font-size:11px;opacity:.55;margin-top:30px}.hearts{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:5;opacity:.15;letter-spacing:10px;font-size:14px}.hero{background:linear-gradient(#210b11bb,#210b11ef),url(/photos/memory-1.webp) 50%/cover}.hero h1{max-width:800px}.letter{background:#f0d7cf;color:#351016;padding:80px 18px}.paper{max-width:680px;background:#f7e9e3;padding:46px 32px;box-shadow:0 25px 80px #0008;text-align:left;transform:rotate(-.4deg)}.paper h2{font:600 44px Cormorant Garamond,serif;margin:18px 0}.paper p{font:16px/1.85 Cormorant Garamond,serif}.paper blockquote{border-left:2px solid #9a4654;margin:28px 0;padding:6px 0 6px 20px;font:600 25px/1.25 Cormorant Garamond,serif}.signature{text-align:right;margin-top:38px}.gallery{background:#1d090e;padding-top:100px;padding-bottom:100px}.gallery h2{text-align:center}.photo-grid{width:min(980px,100%);display:grid;grid-template-columns:1.15fr .85fr;grid-gap:16px;gap:16px;margin-top:35px;align-items:stretch}.photo{margin:0;position:relative;overflow:hidden;background:#301019;box-shadow:0 18px 55px #0008}.photo img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .7s ease}.photo:hover img{transform:scale(1.035)}.photo-1{grid-row:span 2}.photo-1 img{min-height:560px}.photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:35px 18px 16px;text-align:left;font:18px Cormorant Garamond,serif;background:linear-gradient(transparent,#16070bcc)}.memories{background:#260c13}.memories h2{text-align:center}.cards{width:min(950px,100%);display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:35px}.card{background:#3b151e;border:1px solid #6b303b;padding:25px;text-align:left;min-height:220px}.card span{font-size:11px;opacity:.5}.card h3{font:600 28px Cormorant Garamond,serif;margin:35px 0 10px}.card p{font-size:13px;line-height:1.7;color:#dfc6c8}.distance{background:radial-gradient(circle at center,#55202b,#18090d 72%)}.distance h2{max-width:760px}.distance-line{font:600 16px DM Sans,sans-serif;letter-spacing:.3em;margin-bottom:38px;color:#f1bdc2}.map-dots{width:min(520px,90%);display:flex;align-items:center;justify-content:space-between;margin-top:48px;font-size:11px;letter-spacing:.2em}.map-dots i{font-size:35px;font-style:normal;animation:pulse 1.8s infinite}.map-dots:before{content:"";position:absolute;width:min(420px,70%);border-top:1px dashed #c77a86;opacity:.45}.map-dots i,.map-dots span{position:relative;background:#32131b;padding:0 12px}.promise{background:radial-gradient(circle,#692332,#1b090e 70%)}.promise-mark{font:80px Cormorant Garamond,serif;margin-bottom:10px}.promise h2{max-width:760px}.promise-end{font-family:Cormorant Garamond,serif!important;font-size:25px!important;color:#f0b5bb!important;margin-top:30px}.reveal{background:#12070a;min-height:80svh}.envelope{width:min(360px,80vw);height:220px;background:#e8c2bb;color:#4c1822;position:relative;cursor:pointer;box-shadow:0 25px 70px #0009;display:flex;align-items:flex-end;justify-content:center;transition:transform .4s}.envelope:hover{transform:translateY(-6px)}.env-body{font:600 20px Cormorant Garamond,serif;padding-bottom:42px;letter-spacing:.08em}.flap{position:absolute;top:0;left:0;width:100%;height:0;border-left:180px solid transparent;border-right:180px solid transparent;border-top:110px solid #c98b8b;transform-origin:top;display:flex;justify-content:center;padding-top:16px;font-size:22px;transition:transform .8s ease;z-index:2}.envelope.opened .flap{transform:rotateX(155deg);z-index:0}.final{background:radial-gradient(circle at center,#6d2432,#18090d 65%)}.final h2{font-size:clamp(60px,15vw,120px);margin:0}.divider{margin:30px 0;opacity:.5;letter-spacing:10px}.final-love{font:22px/1.6 Cormorant Garamond,serif!important;color:#edc0c4!important}.final-love strong{font-size:28px;color:#f5dadd}.final .heart-big{animation:pulse 1.8s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:700px){.cards{grid-template-columns:1fr}.paper{padding:36px 24px}.flap{border-left-width:40vw;border-right-width:40vw}.photo-grid{grid-template-columns:1fr}.photo-1{grid-row:auto}.photo-1 img{min-height:420px}.photo img{min-height:330px}.gallery{padding-left:16px;padding-right:16px}}