/* 07 Aerochrome Eden: infrared dream. Everything floats; a few petals drift once, then stop. */
[data-world="aerochrome-eden"] {
  --grain: 0.03;
  --enter: float-up 1200ms cubic-bezier(.2, .8, .2, 1);
}
@keyframes float-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes petal-fall {
  0% { opacity: 0; transform: translate(0, 0) rotate(0deg); }
  10% { opacity: 0.8; }
  90% { opacity: 0.6; }
  100% { opacity: 0; transform: translate(var(--dx, 80px), 110vh) rotate(320deg); }
}

[data-world="aerochrome-eden"] .hero-title { letter-spacing: 0.02em; }
/* soft bloom: aerochrome-eden.js lays a blurred copy of the still over it (screen, 15%) */
[data-world="aerochrome-eden"] .bloom { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(18px); mix-blend-mode: screen; opacity: 0.15; pointer-events: none; }
[data-world="aerochrome-eden"] .petal {
  position: absolute; top: -4%; width: 14px; height: 10px; border-radius: 70% 0 70% 0;
  background: var(--fill); opacity: 0; animation: petal-fall 11s linear forwards;
}
[data-world="aerochrome-eden"] .p1 { left: 6%; animation-delay: 0.2s; --dx: 60px; }
[data-world="aerochrome-eden"] .p2 { left: 17%; animation-delay: 1.4s; --dx: 120px; width: 10px; height: 8px; }
[data-world="aerochrome-eden"] .p3 { left: 29%; animation-delay: 0.7s; --dx: 40px; }
[data-world="aerochrome-eden"] .p4 { left: 41%; animation-delay: 2.1s; --dx: 90px; width: 12px; }
[data-world="aerochrome-eden"] .p5 { left: 52%; animation-delay: 0.4s; --dx: -40px; }
[data-world="aerochrome-eden"] .p6 { left: 63%; animation-delay: 1.8s; --dx: 70px; width: 9px; height: 7px; }
[data-world="aerochrome-eden"] .p7 { left: 72%; animation-delay: 1.1s; --dx: -60px; }
[data-world="aerochrome-eden"] .p8 { left: 81%; animation-delay: 2.6s; --dx: 50px; background: var(--spice); width: 9px; }
[data-world="aerochrome-eden"] .p9 { left: 89%; animation-delay: 0.9s; --dx: -30px; }
[data-world="aerochrome-eden"] .p10 { left: 95%; animation-delay: 3s; --dx: -90px; width: 11px; }
[data-world="aerochrome-eden"] .shot .shot-img img, [data-world="aerochrome-eden"] .shot .ph { border-radius: var(--radius); }