/* mujun.day */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #ffffff; color: #1a1a1a; font-family: 'Lato', sans-serif; font-weight: 300; line-height: 1.85; }
.date-label { position: absolute; top: 20px; right: 20px; font-family: 'Inter', sans-serif; font-size: 0.7rem; color: #9ca3af; }
.hero { min-height: 30vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6rem 2rem 2rem; }
.focus-dot { width: 4px; height: 4px; border-radius: 50%; background: #4b5563; margin-bottom: 1.5rem; }
.brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(1.2rem, 2.5vw, 1.5rem); color: #9ca3af; }
.question { text-align: center; padding: 60px 2rem 80px; max-width: 700px; margin: 0 auto; }
.question-text { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(1.8rem, 4.5vw, 3rem); line-height: 1.3; color: #1a1a1a; }
.context { text-align: center; padding: 0 2rem 80px; max-width: 550px; margin: 0 auto; }
.context-text { font-size: 0.9rem; color: #6b7280; }
.divider { border: none; border-top: 1px solid #e5e7eb; width: 40px; margin: 0 auto; }
.archive { text-align: center; padding: 3rem 2rem; }
.archive-link { font-size: 0.7rem; color: #6b7280; display: block; margin-bottom: 1rem; }
.footer-brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: 0.7rem; color: #9ca3af; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }