@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--ink: #3b1f2b;--muted: #7f5d67;--cream: #fff9f4;--paper: #fffdf9;--rose: #c74966;--deep-rose: #8e2946;--blush: #f6d7d8;--line: rgba(106, 55, 72, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Serif SC",Songti SC,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.site{min-height:100vh}.page{opacity:1;overflow:hidden}.site:not(.is-open) .page{height:100vh;opacity:0;pointer-events:none}.is-open .page{animation:revealPage 1.1s ease both}.intro{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px;overflow:hidden;color:#fff8f2;background:radial-gradient(circle at 50% 43%,rgba(240,145,158,.42),transparent 24%),linear-gradient(145deg,#31141f,#741f3d 48%,#2d1320)}.intro:before,.intro:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid rgba(255,224,218,.16);border-radius:50%}.intro:before{top:-22vw;left:-8vw}.intro:after{right:-12vw;bottom:-25vw}.intro-glow{position:absolute;width:400px;height:400px;border-radius:50%;box-shadow:0 0 180px 80px #dd527042}.eyebrow{margin:0 0 28px;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.intro-heart{width:54px;height:54px;display:grid;place-items:center;margin-bottom:28px;color:#ffd9d8;border:1px solid rgba(255,236,230,.5);border-radius:50%;animation:heartbeat 2.2s infinite}.intro h1{position:relative;margin:0;max-width:720px;font-size:clamp(42px,7vw,88px);font-weight:500;line-height:1.16;letter-spacing:.04em}.intro h1 em{color:#f7b5be;font-family:Cormorant Garamond,"Noto Serif SC",serif;font-weight:600}.intro-copy{max-width:500px;margin:30px auto 38px;color:#fff5f0bf;font-size:15px;letter-spacing:.08em}.primary-button,.letter-button,.heart-button{border:0;cursor:pointer}.primary-button{position:relative;display:flex;gap:30px;align-items:center;padding:15px 24px;color:#5e2034;background:#fff5ef;border-radius:100px;box-shadow:0 14px 50px #19050d4d;transition:transform .25s ease,box-shadow .25s ease}.primary-button:hover{transform:translateY(-3px);box-shadow:0 18px 60px #19050d6b}.tiny-note{margin-top:20px;color:#fff8f473;font-size:10px;letter-spacing:.14em}nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(22px,6vw,90px);color:#fff}nav a{color:inherit;text-decoration:none}.brand{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:600;letter-spacing:.16em}.brand span{color:#f3a2ac;font-size:16px}.nav-links{display:flex;gap:30px;font-size:12px;letter-spacing:.12em}.nav-links a{opacity:.7;transition:opacity .2s}.nav-links a:hover{opacity:1}.hero{position:relative;min-height:100svh;display:grid;place-content:center;padding:140px 24px 100px;overflow:hidden;text-align:center;color:#fff7f2;background:linear-gradient(#290d1924,#290d1957),radial-gradient(circle at 70% 25%,rgba(246,153,161,.35),transparent 27%),linear-gradient(125deg,#421528,#a24059 52%,#55213b)}.hero:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(rgba(255,244,238,.7) .7px,transparent .7px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)}.hero .eyebrow{position:relative;color:#fff1eba6}.hero h1{position:relative;margin:0;font-size:clamp(58px,10vw,128px);font-weight:500;line-height:1.08;letter-spacing:.05em}.hero h1 span{color:#ffd2ce;font-style:italic}.hero-copy{position:relative;margin:34px auto 48px;color:#fff8f4b8;font-size:14px;line-height:2;letter-spacing:.08em}.scroll-cue{position:relative;display:inline-flex;flex-direction:column;gap:8px;align-items:center;justify-self:center;color:#fff6f0b3;font-size:10px;letter-spacing:.15em;text-decoration:none}.scroll-cue i{font-style:normal;animation:driftDown 1.8s ease infinite}.hero-orbit{position:absolute;border:1px solid rgba(255,229,223,.11);border-radius:50%}.orbit-one{width:56vw;height:56vw;left:-28vw;top:18%}.orbit-two{width:40vw;height:40vw;right:-15vw;bottom:-12vw}.floating-heart{position:absolute;bottom:-30px;color:#ffdbd659;animation:floatHeart 12s linear infinite}.section{padding:120px clamp(22px,7vw,110px)}.memories{background:#fff9f4}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-heading .eyebrow{color:var(--rose);align-self:flex-start;padding-top:10px}.section-heading h2,.letter h2,.finale h2{margin:0;font-size:clamp(34px,5vw,62px);font-weight:500;line-height:1.35;letter-spacing:.03em}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1250px;margin:0 auto}.memory-card{min-height:530px;padding:24px;border:1px solid var(--line);border-radius:160px 160px 14px 14px;transition:transform .35s ease,box-shadow .35s ease}.memory-card:hover{transform:translateY(-9px);box-shadow:0 24px 70px #63283a1f}.memory-card.peach{background:#f9e1d4}.memory-card.rose{background:#efd2d8}.memory-card.plum{background:#e3d2dc}.memory-topline{display:flex;justify-content:space-between;padding:12px 18px;color:#411b2a8c;font-family:Cormorant Garamond,serif;font-size:15px}.memory-art{position:relative;height:245px;overflow:hidden;border-radius:120px 120px 8px 8px;background:linear-gradient(#f4beb5,#f7d4c5 57%,#c27677 58%,#854259)}.rose .memory-art{background:linear-gradient(#e9b8c2,#f5cbd0 57%,#b75d72 58%,#78334e)}.plum .memory-art{background:linear-gradient(#d9bbcc,#ead2d8 57%,#9c6079 58%,#583348)}.sun{position:absolute;top:65px;left:calc(50% - 34px);width:68px;height:68px;border-radius:50%;background:#fff2db;box-shadow:0 0 36px #fff1dad9}.hill{position:absolute;bottom:-55px;width:120%;height:150px;border-radius:50%}.hill-back{left:-50%;background:#7c374685}.hill-front{right:-52%;bottom:-80px;background:#4d2638b8}.art-heart{position:absolute;left:50%;bottom:43px;color:#fff3e9;transform:translate(-50%)}.memory-card h3{margin:30px 16px 12px;font-size:24px;font-weight:600}.memory-card p{margin:0 16px;color:var(--muted);font-size:13px;line-height:2}.letter{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);align-items:center;gap:9vw;min-height:760px;background:#f1d7d4}.letter-copy{max-width:570px}.letter .eyebrow{color:var(--deep-rose)}.letter-copy>p:not(.eyebrow){color:#6c4b55;font-size:14px;line-height:2.15}.letter-button{display:flex;align-items:center;gap:14px;margin-top:34px;padding:12px 18px 12px 12px;color:#fff8f4;background:var(--deep-rose);border-radius:100px;box-shadow:0 12px 35px #661f3440;transition:transform .25s ease}.letter-button:hover{transform:translateY(-3px)}.seal{width:34px;height:34px;display:grid;place-items:center;color:var(--deep-rose);background:#f5c8c6;border-radius:50%}.envelope-wrap{position:relative;min-height:420px;display:grid;place-items:center;perspective:1000px}.envelope{position:relative;width:min(420px,90vw);height:270px;transform:rotate(4deg);transition:transform .5s ease}.envelope-wrap:hover .envelope{transform:rotate(1deg) translateY(-10px)}.envelope-shadow{position:absolute;bottom:30px;width:80%;height:50px;background:#4f1d2f2e;border-radius:50%;filter:blur(22px)}.envelope-flap{position:absolute;inset:0;background:#c77b7b;clip-path:polygon(0 0,100% 0,50% 63%)}.paper{position:absolute;z-index:1;left:8%;bottom:15%;width:84%;height:120%;display:flex;flex-direction:column;justify-content:center;padding:36px;color:#5d3441;background:#fffaf3;box-shadow:0 5px 20px #5a2a361f}.paper span,.paper i{font-family:Cormorant Garamond,serif;font-size:18px}.paper strong{margin:26px 0;font-size:22px;font-weight:500}.paper i{align-self:flex-end}.envelope-front{position:absolute;z-index:2;inset:0;background:linear-gradient(140deg,#b9626e,#d98f89);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}.wax-seal{position:absolute;z-index:3;top:49%;left:50%;width:54px;height:54px;display:grid;place-items:center;color:#f6cbc6;background:#8d2948;border:5px double #b85468;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #4a182a4d}.future{background:#fffaf5}.centered{display:block;text-align:center}.centered .eyebrow{padding:0}.promise-list{max-width:900px;margin:40px auto 0;border-top:1px solid var(--line)}.promise{display:grid;grid-template-columns:55px 1fr 30px;align-items:center;min-height:88px;border-bottom:1px solid var(--line);transition:padding .25s ease,color .25s ease}.promise:hover{padding:0 16px;color:var(--rose)}.promise span{color:#b8949e;font-family:Cormorant Garamond,serif;font-size:15px}.promise p{margin:0;font-size:clamp(16px,2.3vw,22px)}.promise i{color:#d497a4;font-style:normal;text-align:right}.finale{position:relative;min-height:820px;display:grid;place-content:center;justify-items:center;padding:120px 24px 80px;overflow:hidden;text-align:center;color:#fff5ef;background:radial-gradient(circle at 50% 45%,rgba(219,91,115,.33),transparent 32%),linear-gradient(145deg,#321520,#6f203c 54%,#2a111d)}.finale:before,.finale:after{content:"♥";position:absolute;color:#ffd2cf0d;font-size:420px;line-height:1}.finale:before{left:-90px;top:40px;transform:rotate(-20deg)}.finale:after{right:-100px;bottom:-70px;transform:rotate(22deg)}.script{position:relative;margin:0 0 20px;color:#efaab2;font-family:Cormorant Garamond,serif;font-size:23px;font-style:italic}.finale h2{position:relative;font-size:clamp(42px,7vw,82px)}.finale>p:not(.script):not(.heart-response){position:relative;color:#fff5efa8;font-size:14px;line-height:2}.heart-button{position:relative;display:flex;align-items:center;gap:12px;margin-top:30px;padding:16px 26px;color:#6d203b;background:#fff4ee;border-radius:100px;box-shadow:0 18px 50px #16050c47}.heart-button span{color:#c54564}.heart-button .pulse{animation:heartbeat .65s ease}.heart-response{margin:16px 0 0;color:#f4bec4;font-size:12px;animation:fadeUp .5s ease both}.signature{position:relative;display:flex;align-items:flex-end;gap:16px;margin-top:60px;color:#fff5ef8c;font-size:12px}.signature strong{color:#f4bbc1;font-family:Cormorant Garamond,"Noto Serif SC",serif;font-size:42px;font-style:italic;font-weight:500;line-height:1}footer{display:flex;gap:10px;align-items:center;justify-content:center;padding:24px;color:#8d6670;background:#fff9f4;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.2em}footer b{color:var(--rose)}.modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#250a14c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-letter{position:relative;width:min(620px,100%);max-height:86vh;padding:clamp(34px,7vw,74px);overflow:auto;color:#542f3a;background:linear-gradient(rgba(143,81,92,.05) 1px,transparent 1px),#fffaf1;background-size:100% 31px;box-shadow:0 30px 100px #13030973;animation:letterOpen .55s cubic-bezier(.2,.8,.2,1) both}.modal-letter:before{content:"";position:absolute;inset:12px;border:1px solid rgba(142,41,70,.18);pointer-events:none}.modal-letter .script{color:#b75b70}.modal-letter h2{margin:10px 0 24px;font-size:32px;font-weight:600}.modal-letter p:not(.script){font-size:14px;line-height:2.25}.letter-sign{margin-top:30px;color:#a24059;text-align:right}.close-button{position:absolute;z-index:2;top:16px;right:18px;width:36px;height:36px;color:#7b4554;background:transparent;border:1px solid rgba(113,57,73,.25);border-radius:50%;cursor:pointer}@keyframes revealPage{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(.98)}45%{transform:scale(1.1)}}@keyframes driftDown{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes floatHeart{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-110vh) rotate(40deg);opacity:0}}@keyframes letterOpen{0%{opacity:0;transform:translateY(50px) scale(.92) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.nav-links{display:none}.section-heading{display:block}.memory-grid{grid-template-columns:1fr;max-width:480px}.memory-card{min-height:500px}.letter{grid-template-columns:1fr}.envelope-wrap{min-height:430px;margin-top:20px}}@media(max-width:520px){.eyebrow{letter-spacing:.2em}.intro-copy{line-height:1.8}.hero-copy br{display:none}.section{padding-top:88px;padding-bottom:88px}.memory-card{padding:18px;border-radius:130px 130px 12px 12px}.paper{height:105%;padding:25px}.paper strong{margin:18px 0;font-size:18px}.promise{grid-template-columns:42px 1fr 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}