*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#655653;background:#fbf3ee;font-family:"DM Sans",sans-serif}main{overflow:hidden}.hero{min-height:100vh;padding:28px 6vw 70px;position:relative;background:radial-gradient(circle at 12% 20%,#f9dfe0 0,transparent 22%),radial-gradient(circle at 90% 10%,#f5e4d8 0,transparent 28%),#fffaf7}.topline{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#b27c7c;max-width:1200px;margin:auto}.hero-card{max-width:900px;margin:90px auto 0;text-align:center;position:relative}.stamp{position:absolute;right:4%;top:-30px;width:54px;height:54px;border:1px solid #e8b6b5;border-radius:50%;display:grid;place-items:center;color:#df9295;transform:rotate(10deg)}.eyebrow{font-size:11px;letter-spacing:3px;color:#c48687;margin:0 0 18px}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(60px,9vw,120px);line-height:.92;font-weight:500;color:#d9878b;margin:0}.hero h1 em,.section h2 em,.final h2 em{font-family:Sacramento,cursive;font-style:normal;font-weight:400}.divider{margin:28px auto;color:#dc9698;letter-spacing:16px}.lead{font-family:"Playfair Display",serif;font-size:25px;line-height:1.5;color:#735f5b}.body-copy{max-width:650px;margin:18px auto;line-height:1.9;font-size:15px}.scroll{display:inline-block;margin-top:28px;color:#a9676c;text-decoration:none;border-bottom:1px solid #d8a3a4;padding-bottom:5px}.section{max-width:1200px;margin:auto;padding:100px 6vw}.memories{background:#fffaf7}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2{font-family:"Playfair Display",serif;font-weight:500;font-size:clamp(42px,6vw,72px);line-height:1.05;margin:0;color:#705b57}.section-head>span{font-size:12px;color:#c48687}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block;background:#f0ddd7}.gallery figcaption{font-size:11px;line-height:1.5;color:#a17c79;padding:10px 3px}.hint{text-align:center;font-size:11px;color:#b39490;margin-top:35px}.letter{background:#f5e4dd;max-width:none;display:flex;justify-content:center}.letter-paper{max-width:760px;width:100%;background:#fffaf7;padding:70px 8%;box-shadow:0 18px 60px #b9877a22;position:relative}.letter-paper:before,.letter-paper:after{content:"♡";position:absolute;color:#e4a5a5;font-size:28px}.letter-paper:before{top:25px;right:30px}.letter-paper:after{bottom:25px;left:30px}.letter-paper h2{margin-bottom:35px}.letter-paper p:not(.eyebrow):not(.signature){line-height:2;font-size:15px;margin:20px 0}.signature{font-family:Sacramento,cursive;font-size:48px;color:#cf8589;text-align:right;margin:30px 0 0}.final{text-align:center;background:#fffaf7;min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.final h2{font-family:"Playfair Display",serif;font-size:clamp(70px,11vw,150px);font-weight:500;color:#d9868b;margin:10px 0}.heart{color:#e99a9d;font-size:28px;margin:10px}.final p:not(.eyebrow):not(.question){line-height:1.8}.question{margin-top:35px;font-family:"Playfair Display",serif;font-size:24px;color:#806460}.sign{font-family:Sacramento,cursive;color:#8e6966;font-size:46px;margin-top:30px}footer{text-align:center;background:#f7e8e2;color:#ae8581;font-size:10px;letter-spacing:2px;padding:25px}@media(max-width:800px){.topline span:last-child{display:none}.hero{padding:22px 5vw 55px}.hero-card{margin-top:75px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.section{padding:75px 5vw}.section-head{align-items:start}.section-head>span{margin-top:5px}.letter-paper{padding:55px 8%}.stamp{right:0}.body-copy{font-size:14px}.lead{font-size:21px}}