:root{--paper:#f7f1e8;--paper-deep:#efe5d8;--ink:#4a3430;--wine:#5a0d1a;--red:#a52c35;--blush:#e9b9b5;--rose:#c76770;--tape:#ded0aeb8;--serif:"Cormorant Garamond", Georgia, serif;--hand:"Caveat", "Segoe Print", cursive;--sans:"DM Sans", system-ui, sans-serif;color:var(--ink);font-family:var(--serif);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;margin:0;overflow-x:hidden}button{font:inherit}button:focus-visible{outline:3px solid var(--red);outline-offset:5px}svg{display:block}.page-loader{z-index:1000;background:radial-gradient(circle at 50% 42%, #e9b9b561, transparent 28%), var(--paper);color:var(--wine);text-align:center;place-content:center;justify-items:center;gap:1rem;padding:2rem;display:grid;position:fixed;inset:0}.page-loader p{font:2rem var(--hand);margin:0}.loader-heart{animation:1.35s ease-in-out infinite loader-pulse}.loader-heart svg{fill:none;width:64px;stroke:var(--rose);stroke-width:1.5px}.loader-track{background:#a52c3529;width:min(320px,72vw);height:3px;overflow:hidden}.loader-track span{background:var(--red);height:100%;transition:width .25s;display:block}.loader-progress{color:#846e66;font:600 .72rem var(--sans);letter-spacing:.12em}.page-reveal{animation:.65s both page-reveal}@keyframes loader-pulse{0%,to{opacity:.72;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes page-reveal{0%{opacity:0}to{opacity:1}}body:before{content:"";pointer-events:none;opacity:.42;z-index:20;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}.hero{background:var(--paper);grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);align-items:center;gap:3vw;min-height:100svh;padding:8rem clamp(3rem,7vw,8rem) 7rem;display:grid;position:relative}.brand{color:var(--wine);align-items:center;gap:.7rem;font-size:1.9rem;display:flex;position:absolute;top:2.5rem;left:clamp(3rem,4vw,5rem)}.brand svg{fill:none;width:29px;stroke:var(--rose);stroke-width:2px}.hero-copy{z-index:3;max-width:560px;position:relative}.hero-heart-stroke{z-index:-1;color:#cd646e3b;font:14rem/1 var(--hand);position:absolute;top:-6%;right:5%;transform:rotate(-12deg)}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;color:var(--wine);max-width:650px;margin-bottom:1.8rem;font-size:clamp(5rem,8vw,8.5rem);font-weight:500;line-height:.83}.red-rule{background:var(--rose);width:min(100%,390px);height:1px;margin-bottom:1.6rem;position:relative}.red-rule svg{fill:none;width:14px;stroke:var(--rose);stroke-width:2px;position:absolute;top:-7px;right:-16px}.hero-copy>p{max-width:360px;margin-bottom:1.8rem;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.17}.primary-button{color:#fff9ef;cursor:pointer;background:linear-gradient(135deg,#b53c43,#98212d);border:0;border-radius:5px;justify-content:center;align-items:center;gap:1rem;min-width:285px;padding:1.08rem 2.3rem;font-size:1.35rem;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 9px 18px #5c0e192e}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #5c0e1938}.primary-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:19px}.music-wrap{margin-top:1.7rem}.music-button{color:var(--rose);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:1rem;padding:0;display:flex}.music-button strong{font:1.25rem var(--hand);font-weight:500;display:block}.music-button small{color:#846e66;font:.72rem var(--sans);margin-top:.1rem;display:block}.play-circle{width:56px;height:56px;color:var(--wine);background:#ffffff80;border:1px solid #dfbeb5;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px 8px #5a0d1a1a}.play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid var(--wine);width:0;height:0;margin-left:3px}.pause-icon{gap:4px;display:flex}.pause-icon i{background:var(--wine);border-radius:2px;width:4px;height:15px;display:block}.hero-collage{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(.8rem,1.4vw,1.4rem);min-height:min(690px,72vw);padding-bottom:5rem;display:grid;position:relative}.photo-frame{transform:rotate(var(--rotation,0deg));background:#faf6ee;border:1px solid #785c4c2b;margin:0;padding:13px 13px 58px;position:relative;box-shadow:0 7px 13px #4a34302e}.photo-well{width:100%;aspect-ratio:var(--ratio,1 / 1);background:linear-gradient(135deg,#f3d6d3,#f8e7e1);overflow:hidden}.photo-well img{object-fit:cover;width:100%;height:100%;display:block}.photo-placeholder{color:#c47b78;width:100%;height:100%;font:500 .68rem var(--sans);text-transform:uppercase;letter-spacing:.07em;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.photo-placeholder svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:33px}.tape{z-index:4;background:var(--tape);clip-path:polygon(2% 8%,99% 0,97% 92%,1% 100%);width:78px;height:25px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2deg)}.hero-photo{z-index:2;width:100%;position:relative}.hero-photo-1{--rotation:-4deg}.hero-photo-2{--rotation:3deg;justify-self:center;width:88%;margin-top:2.25rem}.hero-photo-2 .photo-well{--ratio:3 / 4}.hero-photo-3{--rotation:-2deg}.torn-paper.pink{opacity:.62;clip-path:polygon(3% 5%,95% 0,100% 92%,4% 100%,0 72%);background:#dca8a3;position:absolute;inset:23% 9% 17% 8%;transform:rotate(5deg)}.flower{z-index:5;filter:saturate(.55);text-shadow:0 4px 4px #4a343026;font-size:5.5rem;position:absolute}.flower-pink{color:#b75862;top:5%;left:34%;transform:rotate(19deg)}.flower-cream{color:#d5bd7c;bottom:11%;left:4%}.love-note{z-index:5;font:1.3rem/1.05 var(--hand);white-space:nowrap;background:#f5ead8;padding:1rem 1.6rem;position:absolute;bottom:1%;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 2px 3px #46281e14}.scroll-cue{color:var(--wine);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;font-size:1rem;display:flex;position:absolute;bottom:2.1rem;left:50%}.scroll-cue span{font:1.8rem var(--hand);color:var(--rose);line-height:1}.scroll-cue i{color:var(--rose);font-size:1.5rem;font-style:normal}.torn-edge{background:var(--paper);z-index:5;clip-path:polygon(0 0,3% 13%,7% 5%,12% 15%,17% 5%,23% 16%,28% 3%,34% 12%,40% 4%,46% 14%,52% 3%,58% 12%,65% 4%,72% 15%,78% 3%,85% 12%,91% 5%,96% 15%,100% 4%,100% 60%,0 60%);height:25px;position:absolute;bottom:-12px;left:0;right:0}.memories-section{background:radial-gradient(circle at 10% 10%, #e2aea933, transparent 23%), var(--paper);min-height:1770px;padding:7rem clamp(2rem,7vw,7rem) 10rem;position:relative;overflow:hidden}.section-title{z-index:4;text-align:center;opacity:0;transition:all .8s;position:relative;transform:translateY(20px)}.section-title.revealed{opacity:1;transform:none}.flourish{color:var(--red);font:1.7rem var(--hand);margin-bottom:1rem;display:block}.section-title h2,.finale h2{color:var(--wine);letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(3.3rem,5.3vw,5rem);font-weight:500;line-height:.95}.section-title p{font-size:1.35rem;line-height:1.35}.memory-grid{z-index:2;max-width:1240px;min-height:1650px;margin:4.5rem auto 0;position:relative}.memory{opacity:0;width:245px;transform:translateY(32px) rotate(var(--rotation,0deg));transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1);position:absolute}.memory.revealed{opacity:1;transform:translateY(0) rotate(var(--rotation,0deg))}.memory .photo-frame{padding:11px 11px 48px}.memory figcaption{text-align:center;font:1.35rem/1 var(--hand);color:var(--red);position:absolute;bottom:9px;left:11px;right:11px}.memory figcaption svg{vertical-align:-2px;fill:none;width:14px;stroke:var(--red);stroke-width:2px;margin-left:5px;display:inline-block}.memory-date{color:var(--red);font:500 .75rem var(--sans);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-bottom:1.2rem}.memory-number{background:var(--red);color:#fff;z-index:4;border-radius:50% 50% 50% 0;place-items:center;width:36px;height:36px;font-size:.75rem;display:grid;position:absolute;top:23px;left:-17px;transform:rotate(-45deg)}.memory-number:first-line{transform:rotate(45deg)}.memory-1{--rotation:-4deg;top:0;left:0}.memory-2{--rotation:2deg;top:560px;left:8%}.memory-3{--rotation:0deg;width:440px;top:90px;left:31%}.memory-3 .photo-well{--ratio:1.7 / 1}.memory-4{--rotation:5deg;top:20px;right:2%}.memory-5{--rotation:3deg;top:550px;right:8%}.memory-6{--rotation:-1deg;width:330px;top:610px;left:37%}.memory-6 .photo-well{--ratio:1.35 / 1}.memory-7{--rotation:-3deg;top:925px;left:4%}.memory-8{--rotation:4deg;top:910px;right:5%}.memory-9{--rotation:-2deg;width:300px;top:1200px;left:calc(50% - 150px)}.timeline{z-index:1;border:3px solid #0000;border-top-color:var(--red);opacity:.9;border-radius:50%;width:min(1240px,100% - 4rem);height:900px;position:absolute;top:380px;left:50%;transform:translate(-50%)}.timeline:after{content:"";border:3px solid #0000;border-bottom-color:var(--red);border-radius:50%;width:100%;height:430px;position:absolute;top:230px;left:0}.doodle-heart{color:var(--red);font:6rem var(--hand);position:absolute}.heart-left{top:55%;left:2rem;transform:rotate(-20deg)}.pressed-flower{color:#c48182;opacity:.75;font-size:7rem;position:absolute;top:38%;right:24%;transform:rotate(15deg)}.finale{text-align:center;background:radial-gradient(circle at 100% 0, #e0a4a252, transparent 27%), radial-gradient(circle at 0 30%, #dfb1aa38, transparent 23%), var(--paper);min-height:1220px;padding:8rem 2rem 10rem;position:relative;overflow:hidden}.finale>h2,.finale-intro{opacity:0;transition:all .8s;transform:translateY(20px)}.finale>h2.revealed,.finale-intro.revealed{opacity:1;transform:none}.last-heart{color:var(--rose);font:3.5rem var(--hand);line-height:.6;display:block}.finale h2{margin:.5rem 0 1rem}.finale-intro{margin-bottom:2.5rem;font-size:1.35rem}.corner-bloom{color:#a65e61;opacity:.65;font-size:10rem;position:absolute;top:2rem;left:-1rem;transform:rotate(-25deg)}.envelope-button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;margin:0 auto;padding:0;display:flex}.envelope{filter:drop-shadow(0 11px 9px #4a34302e);perspective:800px;width:min(420px,82vw);height:205px;position:relative}.envelope-back{background:#f0e3d0;border:1px solid #d8c5ae;position:absolute;inset:0}.envelope-front{z-index:4;background:linear-gradient(155deg,#0000 49.5%,#f1e5d4 50%) 0/50% 100% no-repeat,linear-gradient(205deg,#0000 49.5%,#eadac6 50%) 100%/50% 100% no-repeat;position:absolute;inset:0}.envelope-flap{z-index:6;clip-path:polygon(0 0,50% 100%,100% 0);transform-origin:top;background:#f8eee0;border-top:1px solid #ddccb7;height:58%;transition:transform .75s cubic-bezier(.2,.8,.2,1),z-index 0s .35s;position:absolute;inset:0}.wax-seal{z-index:7;background:radial-gradient(circle at 34% 28%,#bd3940,#79101e 72%);border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .4s,opacity .3s;display:grid;position:absolute;top:78px;left:calc(50% - 28px);box-shadow:0 2px 3px #64202a}.wax-seal svg{fill:none;stroke:#dc8280;stroke-width:1.5px;width:30px}.letter-peek{z-index:3;width:84%;height:90%;color:var(--wine);font:1.5rem var(--hand);background:#fffaf1;padding-top:2rem;transition:transform .75s .25s;position:absolute;top:4%;left:8%}.letter-peek svg{fill:none;width:18px;stroke:var(--red);stroke-width:2px;margin:.5rem auto}.is-open .envelope-flap{z-index:2;transform:rotateX(180deg)}.is-open .wax-seal{opacity:0;transform:scale(.5)}.is-open .letter-peek{transform:translateY(-65px)}.open-label{color:#fff9ef;background:linear-gradient(135deg,#711126,#8d1830);border-radius:6px;min-width:290px;margin-top:1.35rem;padding:.85rem 2rem;font-size:1.35rem;box-shadow:0 6px 16px #5a0d1a26}.love-letter{opacity:0;text-align:left;background:#fffbf3;border:1px solid #e3d4c2;width:min(700px,90vw);max-height:0;margin:2rem auto 0;padding:0 4rem;transition:max-height 1s,opacity .65s .2s,transform .7s,padding .7s;overflow:hidden;transform:translateY(30px);box-shadow:0 12px 30px #4a34301f}.letter-open .love-letter{opacity:1;max-height:1000px;padding-top:3rem;padding-bottom:3rem;transform:none}.love-letter h3{color:var(--wine);font:2.2rem var(--hand);font-weight:500}.love-letter p{font-size:1.25rem;line-height:1.55}.letter-heart{float:right;color:var(--rose);font:3rem var(--hand)}.signoff{font-family:var(--hand);color:var(--wine);font-size:1.6rem!important}.signoff svg{fill:none;width:25px;stroke:var(--red);stroke-width:2px}footer{background:var(--wine);color:#f4dcd7;min-height:74px;font:1.7rem var(--hand);justify-content:center;align-items:center;gap:.7rem;display:flex}footer svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px}@media (width<=950px){.hero{grid-template-columns:1fr;min-height:auto;padding:8rem 2rem 7rem}.hero-copy{text-align:center;max-width:650px;margin:0 auto}h1{font-size:clamp(4rem,14vw,7rem)}.red-rule,.hero-copy>p{margin-left:auto;margin-right:auto}.music-wrap{justify-content:center;display:flex}.hero-collage{min-height:auto;margin-top:2rem}.hero-photo{width:100%}.scroll-cue{display:none}.memories-section{min-height:auto;padding-bottom:8rem}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5rem 3rem;max-width:700px;min-height:0;display:grid}.memory{justify-self:center;max-width:300px;position:relative;width:100%!important;inset:auto!important}.memory:nth-child(3n){grid-column:1/-1}.timeline{border:0;border-left:2px dashed var(--red);width:2px;height:auto;top:350px;bottom:100px;left:50%;transform:none}.timeline:after{display:none}}@media (width<=600px){.brand{font-size:1.45rem;top:1.5rem;left:1.5rem}.brand svg{width:23px}.hero{padding:6.5rem 1.2rem 5rem}.hero-copy{text-align:left;padding:0 .4rem}h1{max-width:360px;font-size:clamp(4rem,20vw,5.8rem)}.red-rule{margin-left:0}.hero-copy>p{margin-left:0;font-size:1.35rem}.primary-button{width:100%;min-width:0}.music-wrap{justify-content:flex-start}.hero-collage{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.2rem .8rem;min-height:auto;margin:2rem -.25rem 0;padding:1rem 0 5.5rem}.hero-photo{width:100%;position:relative;inset:auto}.hero-photo-1{grid-area:1/1}.hero-photo-2{grid-area:1/2/span 2;width:90%;margin-top:1.5rem}.hero-photo-3{grid-area:2/1}.flower{font-size:3.2rem}.love-note{max-width:calc(100% - 1rem);padding:.7rem 1rem;font-size:1rem;bottom:4%;left:.5rem;transform:rotate(-3deg)}.photo-frame{padding:8px 8px 38px}.tape{width:58px;height:20px;top:-8px}.memories-section{padding:5.5rem 1.25rem 7rem}.section-title h2,.finale h2{font-size:clamp(3rem,15vw,4.3rem)}.section-title p{font-size:1.14rem}.section-title p br{display:none}.memory-grid{grid-template-columns:1fr;gap:4.4rem;margin-top:4rem}.memory:nth-child(3n){grid-column:auto}.memory{width:min(82vw,310px)!important}.memory:nth-child(2n){justify-self:end}.memory:nth-child(odd){justify-self:start}.timeline{top:315px;left:50%}.heart-left{display:none}.pressed-flower{top:50%;right:-1rem}.finale{min-height:1050px;padding:6rem 1.2rem 7rem}.finale-intro{padding:0 .5rem;font-size:1.15rem}.envelope{height:150px}.wax-seal{width:45px;height:45px;top:56px;left:calc(50% - 22px)}.wax-seal svg{width:24px}.letter-peek{font-size:1.2rem}.open-label{min-width:240px;font-size:1.2rem}.love-letter{padding-left:1.5rem;padding-right:1.5rem}.letter-open .love-letter{padding-top:2rem;padding-bottom:2rem}.love-letter p{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.memory,.section-title,.finale>h2,.finale-intro{opacity:1;transform:none}}