@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600&display=swap');
:root{--bg:#211925;--cream:#f0e4d3;--muted:#b8a6ac;--gold:#c69b6d;--plum:#67405d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.055;z-index:10;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:100px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8a6ac26;position:relative;z-index:2}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px}.wordmark span{margin-left:14px;color:var(--gold)}.header-note,.eyebrow,.hero-bottom,footer,.envelope-caption{font-size:10px;letter-spacing:2.4px}.header-note{color:var(--muted)}.hero{min-height:760px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:90px 20px 110px;background:radial-gradient(ellipse at 50% 50%,#4c2b493d,transparent 65%)}.eyebrow{color:var(--gold);line-height:1.8}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:.98;font-size:clamp(68px,8vw,115px);letter-spacing:-3px;margin:32px 0 26px;position:relative}.hero h1 em{font-weight:400;font-size:1.35em;color:#d5b3cb}.title-star{position:absolute;font-size:46px;color:var(--gold);right:-65px;bottom:24px}.hero-copy{color:#c4b3bc;line-height:1.9;font-size:14px;margin:0 0 34px}.primary-button{padding:17px 24px;border:1px solid #aa788c;border-radius:3px;background:#683a52;font-size:12px;transition:background .2s,transform .2s}.primary-button:hover{background:#82516a;transform:translateY(-3px)}.primary-button span{margin-left:24px}.orbit{position:absolute;width:680px;height:680px;max-width:90vw;border:1px solid #bf996a18;border-radius:50%;pointer-events:none}.hero-bottom{position:absolute;bottom:30px;left:6.8%;right:6.8%;display:flex;justify-content:space-between;align-items:center;color:#a08c99;font-size:9px;letter-spacing:1.7px}.hero-bottom a{font-size:25px}.spark{position:absolute;color:var(--gold);animation:twinkle 5s ease-in-out infinite}.spark-one{top:22%;left:22%;font-size:25px}.spark-two{right:18%;top:32%;font-size:35px;animation-delay:1s}.spark-three{left:27%;bottom:20%;font-size:15px;animation-delay:2s}.botanical{position:absolute;width:320px;height:500px;bottom:40px;pointer-events:none;opacity:.85}.botanical svg{width:100%;height:100%}.botanical-left{left:-65px;transform:rotate(-12deg)}.botanical-right{right:-65px;transform:scaleX(-1) rotate(-12deg)}h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(39px,4.5vw,60px);font-weight:400;line-height:1.08;letter-spacing:-1.1px}h2 em{font-weight:400;color:#d5b3cb}.letter-section{padding:105px max(8%,24px) 100px;background:#2a1e2b;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;border-top:1px solid #b8a6ac12;border-bottom:1px solid #b8a6ac12}.section-intro h2{margin:22px 0}.section-intro>p:last-child{color:var(--muted);line-height:1.7}.envelope-wrap{width:100%;max-width:490px;margin:20px auto}.envelope{display:block;position:relative;width:100%;height:276px;background:#6b384e;border:1px solid #b4868c4d;box-shadow:0 25px 50px #0d081c40;color:var(--cream);cursor:pointer;transform:rotate(-5deg);transition:transform .4s,box-shadow .4s;overflow:hidden}.envelope:hover{transform:rotate(-2deg) translateY(-7px);box-shadow:0 30px 55px #0d081c65}.envelope:before,.envelope:after{content:'';position:absolute;bottom:-1px;width:60%;height:100%;background:#744356;clip-path:polygon(0 0,100% 100%,0 100%);left:0}.envelope:after{left:auto;right:0;transform:scaleX(-1)}.envelope-flap{position:absolute;inset:0;background:#865167;clip-path:polygon(0 0,100% 0,50% 57%);filter:drop-shadow(0 2px 1px #261322)}.envelope-address{position:absolute;top:30px;left:0;right:0;z-index:2;font-family:'Cormorant Garamond',Georgia,serif;font-size:33px;font-style:italic}.envelope-address small{display:block;font-family:'DM Sans',sans-serif;font-style:normal;font-size:9px;letter-spacing:2px;margin-top:8px;text-transform:uppercase}.wax-seal{position:absolute;left:calc(50% - 28px);top:122px;width:56px;height:56px;display:grid;place-items:center;border-radius:46% 53% 47% 49%;color:#d7af91;background:radial-gradient(circle at 35% 30%,#a86b4b,#6b382c);border:3px solid #b176524f;box-shadow:0 3px 5px #25131d66;z-index:3;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:29px}.envelope-caption{position:absolute;bottom:23px;left:25px;right:25px;z-index:3;display:flex;justify-content:space-between;font-size:8px;color:#dfbfc9}.tap-note{text-align:center;color:#bba2b0;font-size:11px;margin-top:35px}.letter-paper{grid-column:1/-1;max-width:760px;margin:25px auto 0;background:#eee2d1;color:#50383e;padding:65px 75px;position:relative;box-shadow:0 20px 60px #100b1740;animation:unfold .65s ease both}.paper-star{position:absolute;right:40px;top:30px;color:#936d4b;font-size:38px}.salutation{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;font-style:italic}.letter-paper #letter-body{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.6}.signature{font-size:13px;line-height:1.8;margin-top:30px}.signature>span:first-of-type{font-family:'Cormorant Garamond',Georgia,serif;font-size:42px;font-style:italic}.signature-heart{margin-left:20px;font-size:25px;color:#8d4f62}.text-button{background:transparent;border:0;border-bottom:1px solid #b18b8e66;color:inherit;padding:8px 0;cursor:pointer;font-size:11px;letter-spacing:.3px}.wish-section{padding:85px 24px 80px;text-align:center;background:radial-gradient(ellipse at 50% 70%,#68412e28,transparent 60%)}.wish-stars{color:var(--gold);font-size:22px;margin-bottom:36px;word-spacing:22px}.wish-stars span{font-size:34px}.wish-section h2{margin:20px 0}.wish-section>p:not(.eyebrow){color:var(--muted);line-height:1.9}.candle-button{position:relative;width:160px;height:200px;border:0;background:none;cursor:pointer;margin-top:26px;display:inline-block}.candle{position:absolute;bottom:24px;left:52px;width:56px;height:110px;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#956b93,#b289ab 40%,#785474);box-shadow:5px 5px 25px #110b1860;display:grid;place-items:center}.candle:before{content:'';position:absolute;width:10px;height:32px;top:3px;left:10px;background:#c39cbd;border-radius:0 0 10px 10px}.candle span{font-family:Georgia,serif;color:#e5cbdc;font-size:27px}.wick{position:absolute;width:3px;height:13px;background:#31212a;bottom:133px;left:79px}.flame{position:absolute;bottom:145px;left:70px;width:22px;height:38px;background:radial-gradient(ellipse at 50% 80%,#fff6cf 10%,#f8d587 45%,#c77a3a 90%);border-radius:65% 35% 55% 45%;transform-origin:50% 100%;box-shadow:0 0 25px #f5ba6f66,0 0 70px 20px #e9a75d20;animation:flicker 2s ease-in-out infinite;transition:opacity .4s}.candle-plate{position:absolute;bottom:15px;left:20px;width:120px;height:14px;border-radius:50%;background:#a27d5c;box-shadow:0 4px 0 #5b403b}.candle-button.blown .flame{opacity:0;animation:none}.wish-hint{font-size:11px;min-height:22px}.ending{margin:0 6%;padding:70px 20px 95px;border-top:1px solid #b8a6ac26;text-align:center}.ending>span{font-size:35px;color:var(--gold)}.ending h2{font-size:clamp(34px,4vw,50px);margin:25px 0}.ending>p{font-size:12px;color:var(--muted)}footer{margin:0 6%;border-top:1px solid #b8a6ac26;padding:28px 0 32px;display:flex;justify-content:space-between;font-size:9px;color:#ac98a5}footer>span:last-child{letter-spacing:.5px;text-transform:none}footer span span{color:var(--gold);font-size:15px;margin-left:8px}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20}.petal{position:absolute;top:-30px;width:9px;height:14px;border-radius:70% 0 70% 0;animation:fall 4s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(700deg);opacity:0}}@keyframes twinkle{50%{opacity:.35;transform:scale(.8)}}@keyframes flicker{50%{transform:rotate(5deg) scale(.9,1.07)}}@keyframes unfold{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(min-width:1500px){.botanical-left{left:5%}.botanical-right{right:5%}}@media(max-width:760px){header{height:80px}.wordmark{font-size:18px}.header-note{font-size:8px;max-width:80px;text-align:right;line-height:1.8}.hero{min-height:740px;padding-top:70px}.hero .eyebrow{max-width:250px;font-size:8px}.hero h1{font-size:73px;letter-spacing:-2px}.title-star{right:-24px;font-size:28px;bottom:18px}.hero-copy{font-size:12px}.botanical{width:190px;height:330px;opacity:.55;bottom:35px}.botanical-left{left:-85px}.botanical-right{right:-85px}.hero-bottom{font-size:7px;letter-spacing:1px;gap:15px}.hero-bottom>span{max-width:105px;line-height:1.7}.hero-bottom>span:last-child{text-align:right}.spark-one{left:12%;top:18%}.spark-two{right:9%;top:27%;font-size:22px}.spark-three{left:16%;bottom:19%}.letter-section{padding:70px 26px;grid-template-columns:1fr;gap:25px}.section-intro{text-align:center}.envelope-wrap{max-width:420px}.envelope{height:245px}.wax-seal{top:110px}.letter-paper{padding:38px 26px;margin-top:10px}.letter-paper #letter-body{font-size:21px}.salutation{font-size:29px}.paper-star{right:22px;top:18px;font-size:28px}.wish-section{padding-top:65px}.ending{padding:60px 5px 65px}footer{font-size:8px;gap:20px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.petal{display:none}}

.arrow-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.primary-button .arrow-icon{margin-left:24px}.envelope-caption .arrow-icon{width:13px;height:13px}

.memory-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:100px max(8%,24px);background:#251b27}.memory-photo{margin:0;background:#eee2d1;padding:13px 13px 0;transform:rotate(-3deg);box-shadow:0 20px 45px #100b174d;max-width:510px}.memory-photo img{display:block;width:100%;height:auto}.memory-photo figcaption{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:26px;text-align:center;color:#654651;padding:18px 0 20px}.memory-photo figcaption span{margin-left:12px;color:#8d4f62}.memory-copy h2{margin:22px 0}.memory-copy>p:last-child{color:var(--muted);line-height:1.9;max-width:300px}@media(max-width:760px){.memory-section{grid-template-columns:1fr;gap:45px;padding:75px 32px 65px}.memory-photo{max-width:450px;margin:0 auto}.memory-copy{text-align:center}.memory-copy>p:last-child{margin-left:auto;margin-right:auto}.memory-copy h2{font-size:39px}}

.memory-section{gap:50px 48px}.memory-copy{grid-column:1/-1;grid-row:1;text-align:center}.memory-copy>p:last-child{max-width:none;margin-left:auto;margin-right:auto}.memory-photo{width:100%;justify-self:center}.memory-photo-autumn{transform:rotate(3deg)}.ending .ending-memory{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:25px;line-height:1.4;color:#d5b3cb;max-width:480px;margin:0 auto 24px}@media(max-width:760px){.memory-section{gap:36px}.memory-photo-autumn{margin-top:12px}.ending .ending-memory{font-size:23px}}