@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Manrope:wght@300;400;500;600&display=swap";:root{color:#34251f;font-synthesis:none;background:#f3eee6;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#211612}body{margin:0;overflow-x:hidden}button{font:inherit}img{max-width:100%;display:block}main{overflow:hidden}.hero{color:#fff;text-align:center;place-items:center;height:100svh;min-height:660px;display:grid;position:relative}.hero-photo{object-fit:cover;object-position:46% center;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(#140c0947,#170c081a 35%,#140a07d1);position:absolute;inset:0}.hero-grain,.full-photo:after,.finale:after{content:"";opacity:.16;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-copy{z-index:2;width:min(90%,520px);padding:30vh 20px 12vh;position:relative}.eyebrow,.chapter{text-transform:uppercase;letter-spacing:.32em;font-size:.68rem;font-weight:600}.hero h1,.paper h2,.album-teaser h2,.letter-section h2,.finale h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:500}.hero h1{text-shadow:0 12px 40px #00000059;margin:1.4rem 0 2rem;font-size:clamp(6rem,28vw,10rem);font-style:italic;line-height:.65}.hero-copy p{font-family:Cormorant Garamond,serif;font-size:1.3rem;line-height:1.55}.hero-copy button,.cream-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 24px;transition:all .3s;display:inline-flex}.hero-copy button:hover,.cream-button:hover{background:#ffffff38;transform:translateY(-3px)}.scroll-hint{bottom:max(20px,env(safe-area-inset-bottom));z-index:2;text-transform:uppercase;letter-spacing:.25em;flex-direction:column;align-items:center;font-size:.6rem;animation:1.8s ease-in-out infinite bob;display:flex;position:absolute}@keyframes bob{50%{transform:translateY(6px)}}.paper{background:#f3eee6;padding:120px 26px;position:relative}.intro{text-align:center}.paper h2{color:#34251f;margin:1.6rem auto;font-size:clamp(3.4rem,15vw,6rem);line-height:.93}.paper h2 em,.album-teaser em,.finale em{color:#9b4d40;font-weight:400}.lead{color:#6f5a50;max-width:560px;margin:2rem auto;font-family:Cormorant Garamond,serif;font-size:1.42rem;line-height:1.55}.signature{color:#9b4d40;margin-top:3rem;font-family:Cormorant Garamond,serif;font-size:1.7rem;font-style:italic}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.75,.25,1);transform:translateY(45px)}.reveal.is-visible{opacity:1;transform:none}.memory-scene{color:#f7f1e8;background:#1f3028;position:relative}.sticky-photo{height:100svh;position:sticky;top:0}.sticky-photo img{object-fit:cover;object-position:center;width:100%;height:100%}.photo-vignette{background:linear-gradient(#08120d1a,#08120d66),linear-gradient(90deg,#08120d73,#0000 70%);position:absolute;inset:0}.memory-words{pointer-events:none;flex-direction:column;gap:70vh;margin-top:-100svh;padding:105svh 28px 35vh;display:flex;position:relative}.memory-words p{color:#fff;text-shadow:0 4px 30px #00000080;width:min(86vw,480px);margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.7rem,13vw,5rem);line-height:1}.memory-words .reveal:nth-child(2n){text-align:right;align-self:flex-end}.promise{text-align:center;padding-block:150px}.promise svg{color:#9b4d40;margin-bottom:1.5rem}.promise blockquote{max-width:720px;margin:2rem auto;font-family:Cormorant Garamond,serif;font-size:clamp(2.4rem,11vw,4.5rem);line-height:1.12}.small-heart{color:#9b4d40;font-size:2rem}.album-teaser{color:#f7f1e8;text-align:center;background:#263a31;padding:110px 24px}.album-stack{aspect-ratio:4/5;cursor:pointer;filter:drop-shadow(0 28px 24px #00000057);width:min(82vw,350px);margin:0 auto 60px;transition:all .4s;position:relative}.album-stack:hover{transform:rotate(-2deg)translateY(-6px)}.album-stack:before,.album-stack:after{content:"";z-index:0;background:#ddd3c1;border-radius:4px;position:absolute;inset:6px;transform:rotate(5deg)}.album-stack:after{background:#a75b4c;transform:rotate(-4deg)}.album-stack img{object-fit:cover;z-index:1;filter:sepia(.16);width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.album-cover{z-index:2;transform-origin:0;background:linear-gradient(145deg,#1c2a23ed,#2d493bd6);border:1px solid #ffffff40;flex-direction:column;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0}.album-stack:hover .album-cover{transform:perspective(900px)rotateY(-18deg)}.album-cover span{margin-top:20px;font-family:Cormorant Garamond,serif;font-size:2.5rem}.album-cover small{opacity:.65;letter-spacing:.16em;text-transform:uppercase;margin-top:8px}.album-teaser h2,.letter-section h2,.finale h2{margin:0;font-size:clamp(3.2rem,15vw,6rem);line-height:.92}.album-teaser p,.letter-section>div>p{color:#c9d3cc;max-width:430px;margin:24px auto;line-height:1.7}.cream-button{color:#263a31;background:#eee5d7;border:none;margin-top:12px}.reasons{text-align:center}.reason-grid{gap:16px;max-width:960px;margin:60px auto 0;display:grid}.reason-grid article{text-align:left;background:#ece4d9;border-top:2px solid #9b4d40;border-radius:2px;min-height:220px;padding:28px}.reason-grid span{letter-spacing:.2em;color:#9b4d40;font-size:.7rem}.reason-grid h3{margin:30px 0 8px;font-family:Cormorant Garamond,serif;font-size:2.2rem}.reason-grid p{color:#725d54;line-height:1.65}.full-photo{height:100svh;position:relative}.full-photo>img{object-fit:cover;object-position:center;width:100%;height:100%}.full-photo:before{content:"";z-index:1;background:linear-gradient(#0000 30%,#140c09d1);position:absolute;inset:0}.full-copy{z-index:2;color:#fff;text-align:center;position:absolute;bottom:12vh;left:24px;right:24px}.full-copy p{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,11vw,4rem);line-height:1.08}.letter-section{color:#fff7ed;text-align:center;background:#7d3c35;min-height:100svh;padding:120px 22px 170px}.chapter.light{color:#e9c9b8}.envelope{perspective:1200px;width:min(88vw,430px);height:270px;margin:100px auto 0;position:relative}.env-back{background:#e5d5bd;border-radius:4px;position:absolute;inset:0;box-shadow:0 25px 60px #230a0859}.env-left,.env-right{z-index:3;position:absolute;inset:0}.env-left{clip-path:polygon(0 0,50% 58%,0 100%);background:#dbc8ad}.env-right{clip-path:polygon(100% 0,50% 58%,100% 100%);background:#d2bea2}.env-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 63%);transform-origin:top;background:#eadbc5;transition:transform .8s cubic-bezier(.4,0,.2,1),z-index 0s .4s;position:absolute;inset:0}.wax{z-index:5;color:#f0b8a8;cursor:pointer;background:radial-gradient(circle at 35% 28%,#c86b59,#8e302a 65%,#6e211e);border:0;border-radius:50%;place-items:center;width:68px;height:68px;transition:all .5s;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 16px #3c0a0859,inset 0 0 0 4px #ffffff14}.letter-paper{z-index:2;color:#4a342d;text-align:left;background:#fff9ef;height:250px;padding:28px 24px;transition:transform 1s cubic-bezier(.2,.8,.2,1),height .7s;position:absolute;bottom:10px;left:5%;right:5%;overflow:auto;box-shadow:0 10px 35px #1e0a054d}.letter-paper>svg{color:#9b4d40}.letter-paper h3{margin:12px 0;font-family:Cormorant Garamond,serif;font-size:2rem}.letter-paper p{font-family:Cormorant Garamond,serif;font-size:1.18rem;line-height:1.5}.letter-paper strong{color:#8e302a;margin:20px 0;font-family:Cormorant Garamond,serif;font-size:1.35rem;display:block}.letter-paper span{font-family:Cormorant Garamond,serif;font-size:1.25rem;font-style:italic}.envelope.open .env-flap{z-index:1;transform:rotateX(180deg)}.envelope.open .wax{opacity:0;pointer-events:none;transform:translate(-50%,-180%)scale(.8)}.envelope.open .letter-paper{z-index:6;height:min(520px,70vh);transform:translateY(-210px)}.finale{color:#fff;text-align:center;place-items:end center;height:100svh;min-height:680px;display:grid;position:relative}.finale>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.finale-shade{background:linear-gradient(#140a0714,#140a07d1);position:absolute;inset:0}.finale-copy{z-index:2;padding:0 24px 12vh;position:relative}.finale em{color:#f1b8a6}.finale p{letter-spacing:.12em;text-transform:uppercase;margin-top:30px;font-size:.74rem}.final-heart{color:#e9a394;margin-top:24px}.petals{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.petals i{left:var(--x);color:#a44b417a;animation:fall var(--s) linear infinite;animation-delay:var(--d);font-size:12px;font-style:normal;position:absolute;top:-30px}@keyframes fall{to{transform:translate(25px,110vh)rotate(360deg)}}footer{color:#aa968b;text-align:center;letter-spacing:.2em;text-transform:uppercase;background:#211612;padding:34px 20px;font-size:.66rem}.album-modal{z-index:100;color:#3d2d27;background:#180f0cf5;place-items:center;padding:50px 22px 90px;display:grid;position:fixed;inset:0}.close{right:18px;top:max(18px,env(safe-area-inset-top));color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute}.book{background:#8b453b;border-radius:4px 14px 14px 4px;width:min(88vw,460px);height:min(68vh,650px);padding:13px;box-shadow:18px 25px 50px #00000080,inset 8px 0 12px #320f0c4d}.book-page{text-align:center;background:#f8f0e4;flex-direction:column;align-items:center;height:100%;padding:24px 20px;display:flex;position:relative}.book-page:after{content:"";pointer-events:none;border:1px solid #d7c6ad;position:absolute;inset:10px}.book-page img{object-fit:cover;filter:sepia(.08);width:100%;height:70%}.book-page p{margin:20px 10px 8px;font-family:Cormorant Garamond,serif;font-size:1.25rem;line-height:1.25}.book-page small{color:#9b4d40;font-family:Cormorant Garamond,serif;font-style:italic}.page-number{letter-spacing:.2em;align-self:flex-end;margin-bottom:12px;font-size:.6rem}.nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%}.prev{left:5px}.next{right:5px}.dots{bottom:max(30px,env(safe-area-inset-bottom));gap:9px;display:flex;position:absolute}.dots button{background:#ffffff4d;border:0;border-radius:50%;width:7px;height:7px;padding:0}.dots button.active{background:#fff;transform:scale(1.4)}@media (width>=700px){.reason-grid{grid-template-columns:repeat(3,1fr)}.paper{padding-inline:8vw}.hero-photo{object-position:center 55%}.prev{left:30px}.next{right:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.petals{display:none}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}