/* Sparse, noninteractive floral details occupy the page margins, not the text. */
.invitation-ambient{position:fixed;inset:76px 0 0;overflow:hidden;pointer-events:none;z-index:4;contain:layout paint;visibility:hidden}
.invitation-ambient.ambient-running{visibility:visible}
.ambient-item{position:absolute;top:var(--top);width:var(--size);height:var(--size);translate:0 calc(var(--ambient-scroll,0px) * var(--depth,1));rotate:calc(var(--ambient-turn,0deg) * var(--depth,1));opacity:var(--opacity,.52);color:#99743b}
.ambient-item.left{left:var(--edge)}.ambient-item.right{right:var(--edge)}
.ambient-float{width:100%;height:100%;animation:floral-float var(--duration,7s) ease-in-out var(--delay,0s) infinite alternate;animation-play-state:paused}
.ambient-item svg{display:block;width:100%;height:100%;overflow:visible}
.ambient-muggu svg{animation:muggu-turn 32s linear infinite;animation-play-state:paused;transform-origin:50% 50%}
.ambient-muggu.right svg{animation-direction:reverse}
.ambient-running .ambient-float,.ambient-running .ambient-muggu svg{animation-play-state:running}
.ambient-muggu{--size:180px;--edge:-104px;--opacity:.42}
.ambient-flower{--size:42px;--edge:3%;--opacity:.72}
.ambient-petal{--size:28px;--edge:6%;--opacity:.65}
.motion-scene .hero-toran{translate:0 calc(var(--scene-shift,0px) * -.65)}
.motion-scene .floral-edge{translate:0 calc(var(--scene-shift,0px) * .9);rotate:var(--scene-sway,0deg)}
.motion-scene .motion-pendant{rotate:var(--scene-sway,0deg)}
.motion-scene .motion-art-leaf{rotate:calc(var(--scene-sway,0deg) * .6)}
.motion-scene .hero-lamp{translate:0 calc(var(--scene-shift,0px) * .2)}
.motion-scene .event-top>svg{translate:0 calc(var(--scene-shift,0px) * -.35)}
.motion-scene .ceremony-art>svg{translate:0 calc(var(--scene-shift,0px) * .65)}
@keyframes floral-float{from{transform:translate3d(-4px,-23px,0) rotate(-14deg)}to{transform:translate3d(5px,23px,0) rotate(17deg)}}
@keyframes muggu-turn{to{transform:rotate(360deg)}}
@media(max-width:1200px){
 .ambient-muggu{--size:132px;--edge:-94px;--opacity:.42}
 .ambient-flower{--size:32px;--edge:-4px;--opacity:.72}
 .ambient-petal{--size:23px;--edge:2px;--opacity:.65}
}
@media(max-width:700px){.invitation-ambient{top:63px}}
@media(prefers-reduced-motion:reduce){
 .invitation-ambient{display:none}
 .motion-scene .hero-toran,.motion-scene .floral-edge,.motion-scene .hero-lamp,.motion-scene .event-top>svg,.motion-scene .ceremony-art>svg{translate:none}
 .motion-scene .floral-edge,.motion-scene .motion-pendant,.motion-scene .motion-art-leaf{rotate:none}
}