.memory-vignettes{z-index:-1;color:var(--primary);opacity:.24;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000,#00000040 30%,#0000 42% 58%,#00000040 70%,#000);mask-image:linear-gradient(90deg,#000,#00000040 30%,#0000 42% 58%,#00000040 70%,#000)}.memory-vignette-left,.memory-vignette-right{aspect-ratio:6/5;width:clamp(20rem,48%,30rem);position:absolute}.memory-scene{opacity:0;animation:24s linear infinite memory-scene-reveal;position:absolute;inset:0}.memory-scene img{width:100%;height:auto}.memory-vignette-left{top:5%;left:-8%;transform:rotate(-8deg)}.memory-vignette-right{bottom:3%;right:-8%;transform:rotate(7deg)}.memory-scene-date{opacity:.9}.memory-scene-wedding{animation-delay:8s}.memory-scene-family{animation-delay:16s}.memory-vignette-right .memory-scene{animation-delay:-8s}.memory-vignette-right .memory-scene-wedding{animation-delay:0s}.memory-vignette-right .memory-scene-family{animation-delay:8s}.memory-vignettes:not(.is-playing) .memory-scene{animation:none}@keyframes memory-scene-reveal{0%,30%{opacity:.9}33%,to{opacity:0}}@media (width<=639px){.memory-vignettes{aspect-ratio:12/5;width:100%;margin-bottom:1.5rem;position:relative;inset:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.memory-vignette-left,.memory-vignette-right{width:42%;top:8%;bottom:auto}.memory-vignette-left{left:3%}.memory-vignette-right{right:3%}}@media (prefers-reduced-motion:reduce){.memory-scene{animation:none}}.craft-cta .memory-vignettes{opacity:.72}
