@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--text:#d6d0dc;--text-soft:#a8a0b5;--text-h:#f5eefb;--bg:#0f0d14;--bg-alt:#16131f;--card:#1a1422c7;--border:#c5b9d61f;--accent:#e24c6b;--accent-strong:#ff7da6;--blue:#7aa2ff;--blue-soft:#5d77b5;--glow:#ff689c40;--shadow:0 24px 40px #06040a80;--sans:"Manrope", "Segoe UI", sans-serif;--heading:"Playfair Display", "Times New Roman", serif;font:18px/160% var(--sans);letter-spacing:.2px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#1a1726 0%,#0f0d14 55%,#0b0a10 100%);margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:600}h1{font-size:clamp(36px,5vw,64px);line-height:1.05}h2{font-size:clamp(24px,3vw,36px);line-height:1.2}h3{font-size:20px}p{color:var(--text-soft);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.page{z-index:0;padding:28px 0 64px;position:relative;overflow:hidden}.page>:not(.aurora-bg):not(.petals){z-index:2;position:relative}.aurora-bg{z-index:-1;pointer-events:none;opacity:.35;position:fixed;inset:0}.petals{pointer-events:none;z-index:1;position:fixed;inset:0}.petal{top:-10vh;left:var(--x);width:var(--size);height:calc(var(--size) * 1.7);opacity:var(--opacity);animation:drift var(--duration) linear infinite;animation-delay:var(--delay);background:radial-gradient(circle at 30% 30%,#ffd1da 0%,#f591a7 55%,#cc3b52 100%);border-radius:50%;position:absolute}.petal:nth-child(2n){opacity:.35;background:radial-gradient(circle at 30% 30%,#cfe1ff 0%,#7ea2ff 60%,#3a5aa6 100%)}@keyframes drift{0%{transform:translateY(-10vh) translateX(0) rotate(var(--rotation))}50%{transform:translateY(50vh) translateX(calc(var(--drift) * .7)) rotate(120deg)}to{transform:translateY(115vh) translateX(var(--drift)) rotate(260deg)}}.hero{z-index:1;max-width:1200px;margin:0 auto;padding:16px 24px 64px;position:relative}.nav{justify-content:space-between;align-items:center;padding:12px 0 32px;font-size:15px;display:flex}.brand{color:var(--blue);letter-spacing:1px;text-transform:uppercase;font-weight:600}.nav-links{color:var(--text-soft);gap:24px;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--blue));width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover:after{width:100%}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:32px;display:grid}.hero-copy{flex-direction:column;gap:20px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--accent-strong);font-size:13px}.lead{font-size:18px}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.primary{background:linear-gradient(120deg, var(--accent), var(--blue));color:#fff;border-radius:999px;padding:12px 22px;font-weight:600;box-shadow:0 12px 24px #c8334a40}.ghost{color:var(--text-h);background:#18121eb3;border:1px solid #c5b9d659;border-radius:999px;padding:12px 22px}.hero-tags{text-transform:uppercase;color:var(--text-soft);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.hero-tags span{background:#18121e99;border:1px solid #c5b9d633;border-radius:999px;padding:6px 12px}.hero-card{justify-content:center;display:flex}.glass{background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;gap:16px;max-width:340px;padding:28px;display:flex}.seal{color:var(--accent-strong);text-transform:uppercase;letter-spacing:1px;background:#c8334a1f;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px}.signature{color:var(--blue);flex-direction:column;gap:4px;display:flex}.signature strong{font-size:18px}.section{z-index:1;max-width:1100px;margin:0 auto;padding:72px 24px;position:relative}.section-header{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.letter-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.letter-card{box-shadow:var(--shadow);background:#1c1524eb;border:1px solid #c5b9d624;border-radius:24px;flex-direction:column;gap:16px;padding:28px;display:flex}.letter-card h3{font-size:22px}.closing{color:var(--accent-strong);font-style:italic}.letter-aside{gap:16px;display:grid}.metric{background:linear-gradient(135deg,#e24c6b29,#5a78be1f);border:1px solid #c5b9d61f;border-radius:18px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.metric-label{text-transform:uppercase;letter-spacing:1.6px;color:var(--text-soft);font-size:12px}.metric-value{color:var(--blue);font-size:22px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.moments-list{gap:26px;display:grid}.moment{grid-template-columns:24px 1fr;align-items:start;gap:20px;display:grid}.moment-marker{flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.moment-dot{background:linear-gradient(120deg, var(--accent), var(--blue));border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #c8334a14}.moment-line{background:linear-gradient(#c8334a99,#4460a833);flex:1;width:2px;min-height:120px}.moment-card{background:#1a1422e6;border:1px solid #c5b9d61f;border-radius:24px;grid-template-columns:minmax(220px,320px) 1fr;gap:22px;padding:22px;display:grid;box-shadow:0 18px 30px #08060e73}.moment-photo{aspect-ratio:9/16;background:linear-gradient(120deg,#c8334a4d,#263f6a59);border-radius:18px;overflow:hidden}.moment-photo img{object-fit:cover;width:100%;height:100%;display:block}.moment-body{flex-direction:column;gap:10px;display:flex}.moment-description{margin-top:auto;margin-bottom:auto;font-size:22px;line-height:1.7}.moment-date{text-transform:uppercase;letter-spacing:1.4px;color:var(--accent-strong);font-size:16px}.card{background:#1a1422e6;border:1px solid #c5b9d61f;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 20px 30px #08060e73}.card-image{background:linear-gradient(120deg,#c8334a4d,#263f6a59);border-radius:16px;height:160px}.card-image.blush{background:linear-gradient(120deg,#ff6f93,#6889d5)}.card-image.navy{background:linear-gradient(120deg,#1c2a4d,#3f63b4)}.card-image.rose{background:linear-gradient(120deg,#e2557a,#5478c2)}.gallery{background:linear-gradient(120deg,#e24c6b1f,#5a78be1f);border-radius:32px;padding-bottom:96px}.gallery-wrap{min-height:520px;position:relative}.gallery-overlay{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#08060ea6;justify-content:center;align-items:center;animation:.2s gallery-fade;display:flex;position:fixed;inset:0}.gallery-modal{border-radius:20px;max-width:min(880px,88vw);max-height:80vh;animation:.25s gallery-pop;overflow:hidden;box-shadow:0 30px 70px #06040c8c}.gallery-modal img{object-fit:contain;width:100%;height:auto;max-height:80vh;display:block}@keyframes gallery-fade{0%{opacity:0}to{opacity:1}}@keyframes gallery-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.promise{text-align:center}.promise-card{box-shadow:var(--shadow);background:linear-gradient(120deg,#e24c6b33,#5a78be2e);border:1px solid #c5b9d61f;border-radius:24px;max-width:720px;margin:0 auto;padding:32px}.footer{max-width:1100px;color:var(--text-soft);z-index:1;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:32px 24px 48px;display:flex;position:relative}.footer-date{text-transform:uppercase;letter-spacing:1.4px;font-size:13px}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(20px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=720px){.nav{flex-direction:column;gap:12px}.footer{text-align:center;flex-direction:column}.hero{padding-bottom:32px}.moment{grid-template-columns:1fr}.moment-marker{flex-direction:row;padding-top:0}.moment-line{width:100%;min-height:2px}.moment-card{grid-template-columns:1fr}.gallery{padding-bottom:72px}.gallery-wrap{min-height:420px}}.aurora-container{width:100%;height:100%}.envelope-intro{z-index:30;background:0 0;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}.envelope-intro.is-opening{opacity:0;pointer-events:none}.gift-stage{aspect-ratio:1;place-items:center;width:min(320px,80vw);display:grid;position:relative}.gift-box{cursor:pointer;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 24px 40px #612f4033);background:0 0;border:none;outline:none;padding:0;position:relative}.gift-box:focus-visible{outline-offset:8px;border-radius:12px;outline:2px solid #e4d678b3}.gift-base{background:#c1242f;border-radius:10px;height:62%;position:absolute;bottom:10%;left:10%;right:10%;box-shadow:inset 0 -14px 22px #70141e59}.gift-lid{transform-origin:50% 120%;background:#d12b36;border-radius:10px;height:34%;transition:transform .9s;position:absolute;top:8%;left:6%;right:6%;box-shadow:inset 0 -10px 16px #70141e4d}.ribbon-vertical{background:#f4d34f;border-radius:4px;width:18%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -6px 10px #9872124d}.ribbon-horizontal{background:#f4d34f;border-radius:6px;width:100%;height:26%;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 -6px 10px #9872124d}.ribbon-bow{background:#f4d34f;border-radius:60% 60% 40% 40%;width:34%;height:22%;position:absolute;top:4%;box-shadow:inset 0 -6px 10px #9872124d}.ribbon-bow-left{left:38%;transform:translate(-100%)rotate(-12deg)}.ribbon-bow-right{left:62%;transform:translate(0)rotate(12deg)}.ribbon-knot{background:#e4c23f;border-radius:999px;width:18%;height:12%;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:inset 0 -4px 8px #9872124d}.envelope-intro.is-opening .gift-lid{transform:rotateX(24deg)translateY(-8%)}.envelope-intro.is-opening .ribbon-bow-left{transform:translate(-110%)rotate(-24deg)}.envelope-intro.is-opening .ribbon-bow-right{transform:translate(10%)rotate(24deg)}@media (width<=520px){.gift-stage{width:min(280px,84vw)}}.masonry-list{width:100%;min-height:520px;position:relative}.masonry-item{will-change:transform, width, height, opacity;cursor:pointer;padding:6px;position:absolute;top:0;left:0}.masonry-item>.masonry-img{text-transform:uppercase;background-position:50%;background-size:cover;border-radius:14px;width:100%;height:100%;font-size:10px;line-height:10px;position:relative;box-shadow:0 10px 50px -10px #00000040}