@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');
:root{--pink:#ff7899;--rose:#ffd2dd;--wine:#4b172d;--dark:#10040e;--cream:#fff8f6;--muted:#bda6ad}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#fff;font-family:Inter,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 20%,#ff78991e,transparent 32%),radial-gradient(circle at 80% 70%,#a44a9320,transparent 34%),linear-gradient(135deg,#170817,#2c0b20 55%,#10040f)}
a{text-decoration:none;color:inherit}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:35px 20px;position:relative;overflow:hidden}.content{width:min(900px,100%);text-align:center;animation:rise .8s ease}
.serif,h1,h2,h3,.letter{font-family:"Cormorant Garamond",serif}.eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--pink)}
h1{font-size:clamp(4rem,13vw,8.5rem);font-weight:500;line-height:.82;margin:22px 0}h2{font-size:clamp(3rem,8vw,5.8rem);line-height:.9;font-weight:500;margin:15px 0 25px}h3{font-size:2rem;font-weight:500}
p{line-height:1.8;color:var(--muted);font-size:16px}.lead{max-width:680px;margin:auto;font-size:18px}
.btn{display:inline-block;margin:12px 5px;padding:14px 23px;border:1px solid #ffffff2d;border-radius:999px;background:#ffffff0d;backdrop-filter:blur(10px);transition:.25s}.btn:hover{background:#ff78991a;transform:translateY(-3px)}
.heart{font-size:80px;color:var(--pink);animation:beat 1.5s infinite}.tiny{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.45}
.photo{width:100%;max-height:68vh;object-fit:cover;border-radius:28px;box-shadow:0 25px 80px #0008}
.card{padding:35px;border:1px solid #ffffff14;background:#ffffff09;border-radius:28px;backdrop-filter:blur(12px);box-shadow:0 25px 80px #0005}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:35px}.gallery img{width:100%;height:330px;object-fit:cover;border-radius:20px;display:block}
.nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:7px;padding:7px;background:#120611d9;border:1px solid #ffffff18;border-radius:999px;backdrop-filter:blur(14px)}
.nav a{font-size:9px;padding:9px 11px;border-radius:999px;color:#fff8;letter-spacing:.08em;text-transform:uppercase}.nav a:hover{background:#ff78991c;color:#fff}
.arrow{font-size:13px;margin:22px 8px;opacity:.6}.letter{font-size:21px;line-height:1.8;color:#ffeef2;text-align:left}.letter p{font-family:"Cormorant Garamond",serif;font-size:21px;color:#ffeef2}.sign{text-align:right;font-style:italic;color:var(--rose)!important}
.moments{display:grid;gap:14px;text-align:left}.moment{padding:24px;border-left:2px solid var(--pink);background:#ffffff08;border-radius:0 20px 20px 0}.moment h3{margin:0 0 5px}.moment p{margin:0}
.count{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:30px 0}.unit{min-width:85px;padding:16px;border:1px solid #ffffff15;border-radius:18px;background:#ffffff09}.unit strong{display:block;font-size:28px}.unit small{font-size:9px;letter-spacing:.16em;color:#fff7}
.reveal{display:none;margin:25px auto;padding:25px;max-width:650px;border:1px solid #ff789933;border-radius:24px;background:#ff78990b}.reveal.show{display:block;animation:rise .5s ease}
@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes beat{50%{transform:scale(1.13)}}
@media(max-width:650px){.page{padding:25px 16px 95px}.gallery{grid-template-columns:1fr}.gallery img{height:300px}.nav{max-width:95vw;overflow:auto;white-space:nowrap}}

.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}.photo-card{padding:10px;background:#ffffff08;border:1px solid #ffffff12;border-radius:22px}.photo-card img{width:100%;height:310px;object-fit:cover;border-radius:16px;display:block}.photo-card p{margin:10px 6px 3px;font-family:"Cormorant Garamond",serif;font-size:20px;color:#ffd2dd}.category{margin-top:40px;text-align:left}.category h3{margin:0 0 4px;color:#ffeef2}.category .category-note{margin:0 0 14px;font-size:13px}.dream-photo{max-width:680px;margin:28px auto 20px}.dream-photo img{width:100%;max-height:70vh;object-fit:cover;border-radius:30px;box-shadow:0 30px 100px #0009}.dream-line{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;color:#ffeef2;margin:18px auto;max-width:700px;font-style:italic}.dream-sub{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#ff7899}
@media(max-width:650px){.photo-grid{grid-template-columns:1fr}.photo-card img{height:330px}}