/* kkaji.com */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #f0f5e8; color: #1a2e1a; font-family: 'Lato', sans-serif; line-height: 1.8; }
.hero { min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; position: relative; }
.bird { position: relative; width: 80px; height: 40px; margin-bottom: 1rem; }
.wing { position: absolute; border-bottom: 3px solid #4d7c0f; border-radius: 0 0 50% 50%; width: 40px; height: 20px; }
.wing.left { left: 0; transform: rotate(-15deg); }
.wing.right { right: 0; transform: rotate(15deg); }
.brand { font-family: 'Lora', serif; font-weight: 500; font-size: clamp(2.5rem, 6vw, 4rem); color: #1a3a1a; }
.tagline { font-size: 0.9rem; color: #78350f; }
.leaf-frame { display: flex; gap: 1rem; margin-top: 1rem; }
.leaf { width: 20px; height: 34px; border-radius: 50%; background: #84cc16; opacity: 0.3; }
.l1 { transform: rotate(-30deg); }
.l2 { transform: rotate(30deg); }
.nests { max-width: 600px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; flex-direction: column; gap: 1.5rem; }
.nest-block { background: #e8f0db; border-radius: 30px 10px 30px 10px; padding: 1.5rem; position: relative; }
.nest-block.organic { border-radius: 10px 30px 10px 30px; background: #f5edd6; }
.berry { position: absolute; top: 12px; right: 16px; width: 6px; height: 6px; border-radius: 50%; background: #84cc16; }
.nest-title { font-family: 'Lora', serif; font-weight: 500; font-size: 1.1rem; color: #1a3a1a; margin-bottom: 0.3rem; }
.nest-text { font-size: 0.8rem; color: #1a2e1a; opacity: 0.75; }
.canopy { padding: 2rem; display: flex; justify-content: center; }
.canopy-leaves { display: flex; gap: 0; align-items: flex-end; }
.canopy-leaf { width: 30px; height: 50px; border-radius: 50%; }
.c1 { background: #1a3a1a; transform: rotate(-40deg); margin-right: -10px; }
.c2 { background: #4d7c0f; transform: rotate(-20deg); margin-right: -8px; }
.c3 { background: #84cc16; transform: rotate(0deg); margin-right: -8px; }
.c4 { background: #4d7c0f; transform: rotate(20deg); margin-right: -10px; }
.c5 { background: #1a3a1a; transform: rotate(40deg); }
.roots { background: #1a2e1a; text-align: center; padding: 3rem 2rem; position: relative; }
.root-lines { position: relative; width: 60px; height: 40px; margin: 0 auto 1rem; }
.root { position: absolute; width: 1px; background: #92400e; top: 0; }
.r1 { left: 30px; height: 40px; }
.r2 { left: 15px; height: 30px; transform: rotate(-15deg); transform-origin: top center; }
.r3 { left: 45px; height: 30px; transform: rotate(15deg); transform-origin: top center; }
.roots-text { font-family: 'Lora', serif; font-weight: 500; font-size: 1rem; color: #f0f5e8; }
.roots-brand { font-family: 'Inter', sans-serif; font-weight: 300; font-size: 0.6rem; color: #4d7c0f; display: block; margin-top: 0.5rem; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }