/* Invitation only. Opening artwork and its timeline are intentionally untouched. */
#invitation.motion-enhanced .section{opacity:1;transform:none;transition:none}
#invitation.motion-enhanced .hero{overflow:hidden}
#invitation.motion-enhanced .hero-copy,
#invitation.motion-enhanced .hero-bottom{opacity:1;transform:none;transition:none}
#invitation .motion-item{--from-x:0px;--from-y:30px;--from-scale:1;--duration:1500ms;opacity:0;transform:translate3d(var(--from-x),var(--from-y),0) scale(var(--from-scale));transition:opacity var(--duration) ease var(--delay,0ms),transform var(--duration) cubic-bezier(.2,.65,.25,1) var(--delay,0ms)}
#invitation .motion-item[data-motion="fade"]{--from-y:0px;--duration:2000ms}
#invitation .motion-item[data-motion="left"]{--from-x:-40px;--from-y:0px;--duration:2000ms}
#invitation .motion-item[data-motion="right"]{--from-x:40px;--from-y:0px;--duration:2000ms}
#invitation .motion-item[data-motion="zoom"]{--from-y:0px;--from-scale:.94;--duration:2000ms}
#invitation .motion-item.is-shown{opacity:1;transform:translate3d(0,0,0) scale(1)}
#invitation .motion-item:focus-visible,#invitation .motion-item:focus-within{opacity:1;transform:none;transition:none}
#invitation.motion-enhanced h1 span,#invitation.motion-enhanced h1 em{display:block}
#invitation.motion-enhanced .tiny-rose{display:block}
#invitation.motion-enhanced .timeline>strong{display:block}
#invitation.motion-enhanced .hero-art{transform:translate3d(0,var(--art-drift,0px),0) scale(1.035);transform-origin:50% 50%}
#invitation .flourish use{transform-box:fill-box;transform-origin:center;animation:stationery-sway 8s ease-in-out infinite;animation-play-state:paused}
#invitation .in-viewport .flourish use{animation-play-state:running}
@keyframes stationery-sway{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(1deg) scale(1.02)}75%{transform:rotate(-1deg) scale(.98)}}
#invitation nav a{position:relative}
#invitation nav a::after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--wine);transform:scaleX(0);transition:transform .35s ease}
#invitation nav a[aria-current="location"]::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
 #invitation .motion-item{opacity:1!important;transform:none!important;transition:none!important}
 #invitation.motion-enhanced .hero-art{transform:none}
 #invitation .flourish use{animation:none}
}