/* Local recurring breeze; phases differ, with a quiet interval in every petal cycle. */
.home .sakura-scene{position:relative;width:37%;max-width:370px}
.home .sakura-scene>.root-illustration{display:block;width:100%;max-width:none;height:auto}
.sakura-petals{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;contain:layout paint}
.sakura-petal{position:absolute;left:var(--petal-x);top:var(--petal-y);width:var(--petal-size);height:calc(var(--petal-size)*1.45);opacity:0;pointer-events:none;transform-origin:center;animation:ema-sakura-breeze var(--petal-time) ease-in-out var(--petal-delay) infinite both;animation-play-state:paused}
.sakura-scene[data-sakura-state="playing"] .sakura-petal{animation-play-state:running}
.sakura-scene[data-sakura-state="paused"] .sakura-petals{visibility:hidden}
.sakura-petal:before{content:'';display:block;width:100%;height:100%;border-radius:72% 14% 68% 32%;background:var(--petal-color);transform:rotate(22deg)}
@keyframes ema-sakura-breeze{
  0%{opacity:0;transform:translate(0,0) rotate(var(--petal-turn)) scale(.75)}
  8%{opacity:.85}
  18%{opacity:.85;transform:translate(calc(var(--petal-dx)*.42),calc(var(--petal-dy)*.22)) rotate(calc(var(--petal-turn) + 45deg)) scale(.95,.68)}
  33%{opacity:.8;transform:translate(calc(var(--petal-dx)*.55),calc(var(--petal-dy)*.5)) rotate(calc(var(--petal-turn) + 105deg)) scale(.72,1)}
  48%{opacity:.65;transform:translate(calc(var(--petal-dx)*.94),calc(var(--petal-dy)*.77)) rotate(calc(var(--petal-turn) + 165deg)) scale(.94,.7)}
  60%,100%{opacity:0;transform:translate(var(--petal-dx),var(--petal-dy)) rotate(calc(var(--petal-turn) + 220deg)) scale(.65)}
}
@media(max-width:600px){.home .sakura-scene{width:70%;max-width:285px}}
@media(prefers-reduced-motion:reduce),print{.sakura-petals{display:none!important}.sakura-petal{animation:none!important}}