@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--ink:#3c2f2b;--text:#5c4d46;--muted:#8b7a70;--cream:#fff8f2;--blush:#f7e5d6;--petal:#f2ede7;--sage:#c9d6c3;--display:"Playfair Display", serif;--sans:"Source Sans 3", "Segoe UI", sans-serif;font:17px/1.6 var(--sans);letter-spacing:.2px;color:var(--text);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100svh;color:var(--text);background:radial-gradient(circle at 15% 20%,#ffffffe6 0 120px,#0000 140px),radial-gradient(circle at 85% 10%,#ffffffd9 0 140px,#0000 170px),radial-gradient(circle at 10% 75%,#fffc 0 120px,#0000 160px),radial-gradient(circle at 90% 70%,#ffffffb3 0 110px,#0000 150px),linear-gradient(#fffaf6 0%,#f7efe6 55%,#f4ece3 100%);margin:0}#root{min-height:100svh}h1,h2{font-family:var(--display);color:var(--ink);margin:0;font-weight:600}h2{letter-spacing:.2px;font-size:clamp(22px,3vw,28px)}p{margin:0}strong{color:var(--ink)}.app{flex-direction:column;gap:64px;max-width:1080px;min-height:100svh;margin:0 auto;padding:56px 20px 80px;display:flex}.hero{background:linear-gradient(135deg,#ffffffe6,#f8f2eae6);border:1px solid #e9d4c6e6;border-radius:28px;padding:56px 56px 48px;position:relative;overflow:hidden;box-shadow:0 18px 48px #6d5c4c26}.hero:before,.hero:after{content:"";opacity:.9;z-index:0;background:radial-gradient(circle at 30% 30%,#ffffffe6,#f8ece24d 60%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute}.hero:before{top:-80px;right:-40px}.hero:after{bottom:-90px;left:-60px}.hero *{z-index:1;position:relative}.hero h1{text-align:center;margin:0;font-size:clamp(34px,5.2vw,64px);line-height:1.05}.hero-title{background:linear-gradient(135deg,#f7d6deb3,#fff8f2e6);border:1px solid #e6bcc6d9;border-radius:22px;gap:8px;padding:22px 28px;display:grid;box-shadow:0 16px 32px #a478812e}.hero-subtitle{max-width:660px;font-size:18px}.hero-card{margin-top:28px;text-align:center;background:#ffffffe6;border:1px solid #dfcdbe99;border-radius:18px;gap:12px;width:min(80%,720px);max-width:720px;margin-inline:auto;padding:20px 24px;display:grid}.hero-signature{font-family:var(--display);color:var(--ink);font-size:22px}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.memory-grid article{text-align:center;background:#fffc;border:1px solid #dcccc199;border-radius:20px;padding:24px;box-shadow:0 14px 30px #735d4c14}.memory-grid h2{margin-bottom:10px}.photo-section{justify-content:center;align-items:center;display:flex}.photo-column{flex-direction:column;gap:24px;width:min(900px,100%);display:flex}.photo-card{background:#ffffffeb;border:1px solid #dfcdbeb3;border-radius:22px;gap:12px;padding:16px;display:grid;box-shadow:0 18px 40px #6857481f}.photo-frame{aspect-ratio:4/3;background:linear-gradient(130deg,#f1e8e0cc,#ffffffe6);border-radius:18px;overflow:hidden}.photo-frame img{object-fit:contain;background-color:#fff9;width:100%;height:100%;display:block}.photo-card figcaption{letter-spacing:.3px;text-transform:uppercase;color:var(--muted);text-align:center;font-size:14px}.letter{background:#ffffffe6;border:1px solid #ddcbbeb3;border-radius:24px;gap:16px;padding:32px 36px;display:grid;box-shadow:0 18px 40px #6353451f}.signature{font-family:var(--display);color:var(--ink);font-size:22px}.footer{text-align:center;color:var(--muted);font-size:14px}@media (width<=900px){.hero{padding:40px 28px}.memory-grid{grid-template-columns:1fr}.photo-section{justify-content:center}}