/* MŪSŲ 6.5 — wind-carried petals.
   Travel, breeze and the folded surface have separate transform layers.
   Full animation declarations prevent a reduced-motion reset from erasing phase. */
#musu-petals-bg{
  --petal-viewport:100vh;
  position:fixed;
  inset:0;
  width:100%;
  height:var(--petal-viewport);
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  z-index:3;
  opacity:.94!important;
  contain:strict;
}
@supports(height:100lvh){
  #musu-petals-bg{--petal-viewport:100lvh}
}
#musu-petals-bg *{pointer-events:none}
#musu-petals-bg .musu-petal-flight{
  --petal-alpha:.82;
  --wind-scale:1;
  position:absolute;
  top:0;
  display:block;
  width:var(--petal-size,24px);
  height:var(--petal-size,24px);
  animation:musuPetalTravel var(--fall-time,27s) linear var(--fall-delay,-13s) infinite both!important;
}
#musu-petals-bg .musu-petal-sway{
  display:block;
  width:100%;
  height:100%;
  animation:musuPetalBreeze var(--sway-time,7s) ease-in-out var(--sway-delay,-3s) infinite both!important;
}
#musu-petals-bg .musu-petal{
  --petal-light:#f8d7d1;
  --petal-mid:#db9d95;
  --petal-dark:#ac635e;
  position:relative;
  display:block;
  width:100%;
  height:82%;
  border-radius:72% 28% 58% 42% / 66% 35% 65% 34%;
  background:
    radial-gradient(ellipse at 30% 20%,rgba(255,249,240,.82),transparent 57%),
    linear-gradient(135deg,var(--petal-light) 5%,var(--petal-mid) 52%,var(--petal-dark) 100%);
  box-shadow:inset 1px 1px 2px rgba(255,249,239,.65),inset -1px -2px 3px rgba(126,58,63,.14),1px 4px 7px rgba(99,62,52,.16);
  transform-origin:43% 54%;
  animation:musuPetalTurn var(--turn-time,10s) ease-in-out var(--turn-delay,-5s) infinite both!important;
}
#musu-petals-bg .musu-petal:before{
  content:"";
  position:absolute;
  inset:6% 9% 16% 7%;
  border-radius:inherit;
  border-top:1px solid rgba(255,244,232,.48);
  background:linear-gradient(154deg,transparent 44%,rgba(151,77,78,.18) 49%,rgba(255,237,219,.47) 51%,transparent 59%);
}
#musu-petals-bg .musu-petal:after{
  content:"";
  position:absolute;
  right:9%;
  bottom:11%;
  width:41%;
  height:54%;
  border-radius:90% 12% 85% 18%;
  background:linear-gradient(155deg,rgba(255,238,223,.58),rgba(169,80,85,.08));
  transform:rotate(28deg);
}
#musu-petals-bg .musu-petal-fold{
  height:90%;
  border-radius:35% 65% 25% 75% / 65% 40% 60% 35%;
  --petal-light:#f4c6bf;
  --petal-mid:#cc8a83;
  --petal-dark:#a15b5b;
}
#musu-petals-bg .musu-petal-slender{
  width:74%;
  height:104%;
  border-radius:80% 20% 66% 34% / 60% 28% 72% 40%;
  --petal-light:#f3d8bf;
  --petal-mid:#d8a395;
  --petal-dark:#b1786f;
}
#musu-petals-bg .musu-petal-far{--petal-alpha:.58;--wind-scale:.65}
#musu-petals-bg .musu-petal-far .musu-petal{filter:blur(.35px)}
#musu-petals-bg .musu-petal-near{--petal-alpha:.9}
#musu-petals-bg .musu-petal-flight:nth-child(even)>.musu-petal-sway{animation-direction:reverse!important}
@keyframes musuPetalTravel{
  0%{transform:translate3d(0,-52px,0);opacity:0}
  8%,90%{opacity:var(--petal-alpha)}
  100%{transform:translate3d(0,calc(var(--petal-viewport) + 52px),0);opacity:0}
}
@keyframes musuPetalBreeze{
  0%,100%{transform:translate3d(calc(var(--petal-wind) * var(--wind-scale) * -.8),0,0)}
  28%{transform:translate3d(calc(var(--petal-wind) * var(--wind-scale) * .18),-6px,0)}
  55%{transform:translate3d(calc(var(--petal-wind) * var(--wind-scale)),3px,0)}
  78%{transform:translate3d(calc(var(--petal-wind) * var(--wind-scale) * -.12),6px,0)}
}
@keyframes musuPetalTurn{
  0%,100%{transform:perspective(240px) rotateZ(var(--petal-angle)) rotateY(-38deg) rotateX(15deg)}
  35%{transform:perspective(240px) rotateZ(calc(var(--petal-angle) + 38deg)) rotateY(44deg) rotateX(-22deg)}
  72%{transform:perspective(240px) rotateZ(calc(var(--petal-angle) - 32deg)) rotateY(-20deg) rotateX(30deg)}
}
/* Viewport-based count is independent of WordPress and CDN user-agent caches. */
@media(max-width:760px){
  #musu-petals-bg{opacity:.94!important}
  #musu-petals-bg .musu-petal-flight{
    --wind-scale:.65;
    width:calc(var(--petal-size) * .92);
    height:calc(var(--petal-size) * .92);
    animation-delay:var(--mobile-fall-delay,-13s)!important;
  }
  #musu-petals-bg .musu-petal-desktop-only{display:none}
}
/* Owner-requested gentle drift on reduced-motion phones: no 3-D tumbling.
   The footer pause control stops all decorative motion on any device. */
@media(prefers-reduced-motion:reduce){
  #musu-petals-bg .musu-petal-flight{
    --wind-scale:.3;
    animation:musuPetalTravel var(--gentle-time,42s) linear var(--gentle-delay,-19s) infinite both!important;
  }
  #musu-petals-bg .musu-petal-sway{
    animation:musuPetalBreeze calc(var(--sway-time,7s) * 1.5) ease-in-out var(--sway-delay,-3s) infinite both!important;
  }
  #musu-petals-bg .musu-petal{animation:none!important;transform:rotate(var(--petal-angle))}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){
  #musu-petals-bg .musu-petal-flight{animation-delay:var(--mobile-gentle-delay,-19s)!important}
}
html.musu-motion-paused #musu-petals-bg,
html.musu-motion-paused #musu-petals-bg *,
html.musu-motion-paused #musu-fog-bg,
html.musu-motion-paused #musu-fog-bg *,
html.musu-motion-paused #musu-fog-bg:before,
html.musu-motion-paused #musu-fog-bg:after,
html.musu-motion-paused .hero-stamp,
html.musu-motion-paused .brand-dot,
html.musu-motion-paused .hero-footnote svg,
html.musu-motion-paused .story-heart{animation-play-state:paused!important}
html.musu-motion-paused .hero-visual{transform:none!important}
.musu-motion-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 0;
  border:0;
  border-bottom:1px solid rgba(243,241,232,.32);
  border-radius:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  white-space:nowrap;
}
.musu-motion-toggle:before{content:"Ⅱ";font:14px/1 var(--sans)}
.musu-motion-toggle[aria-pressed=true]:before{content:"▷"}
@media print{#musu-petals-bg,.musu-motion-toggle{display:none!important}}