#parallax-root{
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
#bg-canvas{position:absolute;inset:0;width:100%;height:100%;}

.branch{position:absolute;pointer-events:none;opacity:0.5;transition:opacity var(--transition);}
.branch-left{
  left:-20px;top:80px;width:240px;height:500px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 500'%3E%3Cpath d='M180 0 Q90 100 120 200 Q60 250 100 350 Q40 400 80 500' stroke='%235C7A3E' stroke-width='6' fill='none' opacity='0.6'/%3E%3Cpath d='M120 80 Q60 60 30 100' stroke='%235C7A3E' stroke-width='4' fill='none' opacity='0.5'/%3E%3Cpath d='M110 160 Q50 150 20 200' stroke='%235C7A3E' stroke-width='3' fill='none' opacity='0.45'/%3E%3C/svg%3E") no-repeat;
  transform-origin:top center;
  animation:branchSwayLeft 7s ease-in-out infinite;
}
.branch-right{
  right:-20px;top:60px;width:240px;height:500px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 500'%3E%3Cpath d='M20 0 Q110 100 80 200 Q140 250 100 350 Q160 400 120 500' stroke='%235C7A3E' stroke-width='6' fill='none' opacity='0.6'/%3E%3Cpath d='M80 80 Q140 60 170 100' stroke='%235C7A3E' stroke-width='4' fill='none' opacity='0.5'/%3E%3Cpath d='M90 160 Q150 150 180 200' stroke='%235C7A3E' stroke-width='3' fill='none' opacity='0.45'/%3E%3C/svg%3E") no-repeat;
  transform-origin:top center;
  animation:branchSwayRight 8s ease-in-out infinite;
}
@keyframes branchSwayLeft{
  0%,100%{transform:rotate(0deg);}
  50%{transform:rotate(2deg);}
}
@keyframes branchSwayRight{
  0%,100%{transform:rotate(0deg);}
  50%{transform:rotate(-2deg);}
}
@media(prefers-reduced-motion:reduce){
  .branch{animation:none;}
}

@media(max-width:768px){
  .branch{display:none;}
}