.hero:has(.custom_step_boxes) .hero__media-wrapper{align-content:flex-start;align-items:flex-start;background-color:#000;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;gap:0px;height:100vh;justify-content:center;overflow:visible;padding:0;position:sticky;top:0;width:100%}.step_section .hero__media-wrapper{pointer-events:auto}.hero:has(.custom_step_boxes) .hero__container{align-content:center;align-items:center;display:flex;flex:none;flex-direction:column;flex-wrap:nowrap;gap:0px;height:min-content;justify-content:center;overflow:visible;padding:0;position:relative;width:100%}.hero:has(.custom_step_boxes) .hero__content-wrapper{max-width:320px;padding:0}.hero:has(.custom_step_boxes) .custom_main_content .hero__content-wrapper .text-block.h1,.hero:has(.custom_step_boxes) .custom_main_content .hero__content-wrapper .text-block.h1 p{font-weight:400;font-size:63.96px;line-height:1.2em}.custom_step_boxes{position:relative;width:100%;padding:100px 50px}.custom_main_content{width:100%;position:absolute;bottom:50px;left:0;padding:0 50px}@media screen and (max-width:749px){.custom_main_content{padding:0 20px}.hero:has(.custom_step_boxes) .custom_main_content .hero__content-wrapper .text-block.h1,.hero:has(.custom_step_boxes) .custom_main_content .hero__content-wrapper .text-block.h1 p{font-size:48px}}@media screen and (min-width:810px){.sound-toggle-button.mobile{display:none}}@media screen and (max-width:810px){.sound-toggle-button.desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/step-boxex-animation.css.map */