/* recycle.cafe - Cottagecore */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root { --cream: #FBF6ED; --sage: #6B8E6B; --honey: #D4A855; --bark: #7A6B58; --warm-brown: #8B7355; }
body { background: var(--cream); color: var(--bark); font-family: 'Nunito', sans-serif; font-size: 1rem; line-height: 1.8; }
#hero { text-align: center; padding: 6rem 2rem 3rem; }
.hero-title { font-family: 'Caveat', cursive; font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 600; color: var(--sage); }
.hero-sub { font-family: 'Nunito', sans-serif; font-size: 1rem; font-weight: 300; color: var(--warm-brown); margin-top: 0.75rem; }
#content { max-width: 640px; margin: 0 auto; padding: 2rem; }
.section { padding: 3rem 0; opacity: 0; transform: translateY(15px); transition: opacity 0.8s ease, transform 0.8s ease; }
.section.visible { opacity: 1; transform: translateY(0); }
.section-title { font-family: 'Caveat', cursive; font-size: 1.8rem; font-weight: 600; color: var(--honey); margin-bottom: 1rem; }
.body-text { font-size: 1rem; line-height: 1.8; color: var(--bark); font-weight: 300; }
.leaf-divider { text-align: center; padding: 1rem 0; opacity: 0.5; }
#footer { text-align: center; padding: 4rem 2rem; }
.footer-text { font-family: 'Caveat', cursive; font-size: 1rem; color: var(--warm-brown); opacity: 0.5; }