.c-brands-story__bg-image.is-animated{opacity:0}.c-brands-story__main-image.is-animated{opacity:1}.c-brands-story__main-image.is-animated svg{opacity:0}.svg-path-main{fill:none;stroke:#797979;stroke-width:.156863;stroke-miterlimit:10;opacity:0}.svg-path-detail{opacity:0}.svg-line-grid{opacity:0;stroke:#0006}.c-brands-story__bg-image.is-visible{opacity:1}.c-brands-story__main-image.is-visible svg{opacity:1}.svg-path-main.is-drawn,.svg-path-detail.is-visible,.svg-line-grid.is-visible{opacity:1}.c-brands-story__main-image.has-glow svg{filter:drop-shadow(0 0 2px rgba(121,121,121,.3));transition:filter .8s ease-out}@keyframes subtle-glow{0%{filter:drop-shadow(0 0 0px rgba(121,121,121,0))}50%{filter:drop-shadow(0 0 4px rgba(121,121,121,.4))}to{filter:drop-shadow(0 0 2px rgba(121,121,121,.2))}}.c-brands-story__main-image.animate-glow svg{animation:subtle-glow 1s ease-out forwards}.svg-stroke-animate{stroke-dasharray:var(--path-length, 1000);stroke-dashoffset:var(--path-length, 1000);fill:transparent!important}.svg-stroke-animate.is-drawing{transition:stroke-dashoffset var(--draw-duration, 2s) var(--draw-easing, cubic-bezier(.25, .1, .25, 1));stroke-dashoffset:0}.svg-fill-animate{opacity:0;transition:opacity var(--fade-duration, .6s) ease-out}.svg-fill-animate.is-visible{opacity:1}.c-brands-story__bg-image,.c-brands-story__bg-img{transition:opacity .6s ease-out}.c-brands-story__main-image svg,.c-brands-story__main-image svg path,.c-brands-story__main-image svg line{will-change:opacity,stroke-dashoffset,filter}.c-brands-story__main-image.animation-complete svg,.c-brands-story__main-image.animation-complete svg path,.c-brands-story__main-image.animation-complete svg line{will-change:auto}@media (max-width: 768px){.c-brands-story__main-image.has-glow svg{filter:drop-shadow(0 0 1px rgba(121,121,121,.2))}}@media (prefers-reduced-motion: reduce){.c-brands-story__bg-image,.c-brands-story__bg-img,.c-brands-story__main-image svg,.svg-stroke-animate,.svg-fill-animate{transition:none!important;animation:none!important}.c-brands-story__bg-image.is-animated,.c-brands-story__main-image.is-animated svg{opacity:1!important}.svg-stroke-animate{stroke-dasharray:none!important;stroke-dashoffset:0!important}.svg-path-main,.svg-path-detail,.svg-line-grid{opacity:1!important}.c-brands-story__main-image.has-glow svg{filter:none!important}}.c-brands-story__main-image[data-debug=true] svg path{outline:1px solid red}.c-brands-story__main-image[data-debug=true] svg line{outline:1px solid blue}
/*# sourceMappingURL=/cdn/shop/t/25/assets/line-drawing-animation.css.map */