.hero-grid{--grid-gutter: calc(6vw - 11px) ;--cell-max-width: 177.875px ;display:grid;position:relative;z-index:1;grid-area:1/1/-1/-1;grid-template-rows:repeat(25,minmax(24px,auto));grid-template-columns:minmax(calc(4vw - 11px),1fr) repeat(8,minmax(0,calc((1800px - (11px * (24 - 1))) / 24))) minmax(calc(4vw - 11px),1fr);row-gap:11px;column-gap:11px;overflow-x:hidden;overflow-x:clip}@media(min-width:768px){.hero-grid{--grid-gutter: calc(4vw - 11px) ;--cell-max-width: calc((1800px - (11px * (24 - 1))) / 24);--inset-padding: 0vw;--row-height-scaling-factor: .0215;--container-width: min(1800px, 92vw );grid-template-rows:repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)),auto));grid-template-columns:minmax(var(--grid-gutter),1fr) repeat(24,minmax(0,var(--cell-max-width))) minmax(var(--grid-gutter),1fr)}}.section-wrapper.section-hero{padding-top:40px;width:100%}.hero-image{grid-area:9/2/24/10;z-index:2}.hero-image img{width:100%;height:auto;display:block}@media(min-width:768px){.hero-image{grid-area:1/14/23/26;z-index:2}}.hero-content{grid-area:2/2/9/10;z-index:1}.hero-content .sqs-block{justify-content:flex-start}@media(min-width:768px){.hero-content{grid-area:4/2/16/16;z-index:1}.hero-content .sqs-block{justify-content:flex-start}.hero-content .sqs-block-alignment-wrapper{align-items:flex-start}}.animated-image-1{grid-area:19/3/25/11;z-index:5;display:flex;justify-content:center}.animated-image-1 .block{justify-content:center;width:178.424px;height:100%}.animated-image-1 .block img{width:100%;height:auto}.animated-image-1 .block{animation:shake 7s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(2px,2px) rotate(0)}10%{transform:translate(-2px,-3px) rotate(-5deg)}20%{transform:translate(-2px) rotate(4deg)}30%{transform:translate(5px,3px) rotate(0)}40%{transform:translate(1px,-1px) rotate(10deg)}50%{transform:translate(-1px,2px) rotate(-10deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-10deg)}80%{transform:translate(-1px,-1px) rotate(10deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-10deg)}}@media(min-width:768px){.animated-image-1{grid-area:2/17/6/20;z-index:5}.animated-image-1 .block{justify-content:center}}.animated-image-2{grid-area:12/2/14/5;z-index:4}.animated-image-2 .sqs-block{justify-content:center}.animated-image-2 .sqs-block-alignment-wrapper{align-items:center}.animated-image-2 .block{justify-content:center;width:170px;height:170px}.animated-image-2 .block img{width:100%;height:100%}@media(min-width:768px){.animated-image-2{grid-area:13/21/18/24;z-index:4}.animated-image-2 .sqs-block{justify-content:center}.animated-image-2 .sqs-block-alignment-wrapper{align-items:center}}.animated-image-2 .block{width:170px;height:170px;-webkit-animation-name:spin;-webkit-animation-duration:7s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:7s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:7s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:linear}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-text-content h1{line-height:calc(1.1em * (1 + (1 - 4.5)/25));font-size:40px}@media screen and (max-width:767px)and (orientation:portrait){.hero-text-content h1{font-size:calc(.042*min(100vh,900px) + 1rem)}}@media screen and (min-width:768px),screen and (max-width:1943px)and (orientation:landscape){.hero-text-content h1{font-size:calc(4.2vw + 1rem)}}@media screen and (min-width:1920px){.hero-text-content h1{font-size:100px!important}}@media screen and (min-width:1944px){.hero-text-content h1{font-size:4.5rem}}.hero-text .btn{display:inline-block;margin-top:20px;font-weight:600;color:inherit;font-size:18px;transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-animated-hero.css.map */