/* memorial.wiki */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #ffffff; color: #1a1a1a; font-family: 'Lato', sans-serif; font-weight: 300; line-height: 1.9; }
.hero { text-align: center; padding: 120px 2rem 80px; background: #ffffff; }
.memoriam { font-family: 'Inter', sans-serif; font-weight: 300; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.2em; color: #6b7280; display: block; margin-bottom: 1rem; opacity: 0.6; }
.brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(2rem, 5vw, 3rem); color: #1a1a1a; }
.thin-line { width: 60px; height: 1px; background: #d1d5db; margin: 2rem auto 0; }
.entry { text-align: center; padding: 100px 2rem; max-width: 600px; margin: 0 auto; background: #f9fafb; }
.entry-name { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(2rem, 5vw, 3rem); color: #1a1a1a; margin-bottom: 0.25rem; }
.entry-dates { font-family: 'Inter', sans-serif; font-weight: 300; font-size: 0.8rem; color: #6b7280; display: block; margin-bottom: 1.5rem; }
.entry-tribute { font-size: 0.9rem; color: #374151; max-width: 480px; margin: 0 auto; }
.divider-moment { padding: 3rem 0; text-align: center; }
.diamond { width: 4px; height: 4px; background: #d1d5db; transform: rotate(45deg); margin: 0 auto; }
.index { text-align: center; padding: 80px 2rem; }
.index .thin-line { margin-bottom: 2rem; }
.index-brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: 1rem; color: #6b7280; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }