.our-values__brand-logo{margin:auto}.our-values{--value-dot-size: 15px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(auto-fit,minmax(0,1fr));gap:2rem}.steps li{position:relative}.steps li .our-values__block-content{opacity:.5}.steps li:before{content:"";width:var(--value-dot-size, 15px);height:var(--value-dot-size, 15px);aspect-ratio:1;border-radius:50%;display:block;margin-bottom:8px;background-color:transparent;border:1px dashed black}@media(min-width:768px){.steps{grid-template-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.steps li{text-align:left}.steps li:before{margin-bottom:8px}}@media(max-width:767px){.steps{flex-direction:column;gap:1rem}.steps li{display:flex;align-items:baseline;gap:4rem}.steps li:before{margin:0}}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li{--step-duration: .85s;--bullet-offset: .65s}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li .our-values__block-content{animation:fadeInStep .15s both}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(1) .our-values__block-content{animation-delay:0s;animation-duration:0s}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(2) .our-values__block-content{animation-delay:calc(var(--step-duration))}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(3) .our-values__block-content{animation-delay:calc(var(--step-duration) * 2)}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(4) .our-values__block-content{animation-delay:calc(var(--step-duration) * 3)}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(1):before{animation-delay:0s;animation-duration:0s}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(2):before{animation-delay:calc(var(--bullet-offset))}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(3):before{animation-delay:calc(var(--bullet-offset) * 2)}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:nth-child(4):before{animation-delay:calc(var(--bullet-offset) * 3)}.steps.scroll-trigger:not(.scroll-trigger--offscreen) li:before{animation:bulletFadeIn 0s both}@keyframes bulletFadeIn{0%{background-color:transparent;border:1px dashed black}to{background-color:#000;border:1px solid black}}@keyframes fadeInStep{0%{opacity:.5}to{opacity:1}}.steps{position:relative}.our-values__block-content{display:flex;flex-direction:column}.steps:before{content:"";position:absolute;background:linear-gradient(to right,#000 0% 65%,#0000)}@media(min-width:768px){.steps:before{top:calc(var(--value-dot-size, 15px) / 2);left:calc(var(--value-dot-size, 15px) / 2);height:2px;width:0}.steps.scroll-trigger:not(.scroll-trigger--offscreen):before{animation:growLineHorizontal 4s ease forwards}}@media(max-width:767px){.steps:before{background:linear-gradient(to bottom,#000 0% 65%,#0000);left:calc((var(--value-dot-size, 15px) / 2) - 1px);top:30px;width:2px;height:calc(100% - 30px)}.steps.scroll-trigger:not(.scroll-trigger--offscreen):before{animation:growLineVertical 3.5s ease forwards}}@keyframes growLineHorizontal{0%{width:0}to{width:100%}}@keyframes growLineVertical{0%{height:0}to{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/our-values.css.map */