/* Oluna decorative foliage — branches on section edges + parallax falling leaves.
   Include with: <link rel="stylesheet" href="/assets/leaves/leaves.css">
                 <script defer src="/assets/leaves/leaves.js"></script> */

.oluna-branch-clip {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.oluna-branch-clip img {
  position: absolute;
  height: auto;
  user-select: none;
}

.oluna-leaves {
  position: fixed;
  inset: 0;
  overflow: clip;
  pointer-events: none;
  z-index: 0;
}

.oluna-leaves--static {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
}

.oluna-leaf {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.oluna-leaf-rot {
  will-change: transform;
}

.oluna-leaf img {
  display: block;
  height: auto;
  user-select: none;
  animation: oluna-leaf-sway 9s ease-in-out infinite alternate;
}

@keyframes oluna-leaf-sway {
  from { transform: rotate(-4deg) translateY(0); }
  to   { transform: rotate(4deg) translateY(6px); }
}

@media (prefers-reduced-motion: reduce) {
  .oluna-leaf img { animation: none; }
}