.section--csr-hero .section-content-wrapper{position:relative;padding-top:4.6875rem}.section--csr-hero .section-content-wrapper .hero{position:relative}.section--csr-hero .section-content-wrapper .hero.with-infographic{position:static}.section--csr-hero .section-content-wrapper .hero .background{position:absolute;top:-4.6875rem;bottom:0;width:calc((100 * var(--vw, 1vw) - var(--fluid-padding) * 2 + var(--gutter-width)) / 2);transform:translate(calc((100 * var(--vw, 1vw) - var(--fluid-padding) * 2 + var(--gutter-width)) / 12 * .5 * -1));border-top-right-radius:.625rem;border-bottom-right-radius:.625rem}.section--csr-hero .section-content-wrapper .hero .background.with-infographic{top:0;bottom:12.5rem}.section--csr-hero .section-content-wrapper .hero .text-container{position:relative;padding:0rem 1.75rem 6.25rem;text-align:center}.section--csr-hero .section-content-wrapper .hero .text-container .title{margin-bottom:2.25rem;font-size:min(4.8611111111 * var(--vw, 1vw),70px);line-height:1;font-weight:500;letter-spacing:min(.4048611111 * var(--vw, 1vw),5.83px)}.section--csr-hero .section-content-wrapper .hero .text-container .title span{display:block}.section--csr-hero .section-content-wrapper .hero .text-container .btn{margin:auto;margin-top:2.25rem}.section--csr-hero .section-content-wrapper .hero .image-container{position:relative}.section--csr-hero .section-content-wrapper .hero .image-container .image,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper{position:relative;border-radius:.625rem;margin-right:1.4375rem;margin-bottom:2.5rem}.section--csr-hero .section-content-wrapper .hero .image-container .image:before,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper:before{content:"";position:absolute;top:-1.25rem;left:1.875rem;right:-1.4375rem;bottom:4.125rem;box-shadow:inset 0 0 0 3px var(--copper-orange);border-radius:.625rem}.section--csr-hero .section-content-wrapper .hero .image-container .image .image-wrapper-cover,.section--csr-hero .section-content-wrapper .hero .image-container .image .video-wrapper-cover,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper .image-wrapper-cover,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper .video-wrapper-cover{padding-top:57.4074074074%}.section--csr-hero .section-content-wrapper .hero .image-container .image img,.section--csr-hero .section-content-wrapper .hero .image-container .image .video,.section--csr-hero .section-content-wrapper .hero .image-container .image .vimeo,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper img,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper .video,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper .vimeo{border-radius:.625rem;overflow:hidden}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover{position:relative;overflow:hidden;height:100%}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover iframe{position:absolute;top:50%;min-width:110%;transform:translateY(-50%);height:57.4074074074vw}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover iframe .player{max-width:10000px!important}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover .vimeo-control-button{--foreground: var(--white);position:absolute;z-index:1;top:unset;left:unset;right:var(--fluid-padding);bottom:.875rem}.section--csr-hero .section-content-wrapper .infographic>*{border-radius:.625rem;overflow:hidden;margin-bottom:calc(2.8472222222 * var(--vw, 1vw))}.section--csr-hero .section-content-wrapper .infographic .image-block .inner{position:relative}.section--csr-hero .section-content-wrapper .infographic .image-block .image .image-wrapper-cover img{border-radius:.625rem;overflow:hidden}.section--csr-hero .section-content-wrapper .infographic .image-block .overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:max(.6875rem,40 / 1440 * 100 * var(--vw, 1vw));max-width:100%}.section--csr-hero .section-content-wrapper .infographic .image-block .overlay .title{margin-bottom:0;background:#fffc;border-radius:.375rem;opacity:0;text-align:center;padding:.5rem;min-width:0;width:100%;height:100%;transition:.15s ease-in;font-size:2rem;font-size:min(1.7391304348 * var(--vw, 1vw),32px);line-height:1.33;letter-spacing:normal}.section--csr-hero .section-content-wrapper .infographic .image-block:hover .overlay .title{opacity:1;transition:.233s ease-out}.section--csr-hero .section-content-wrapper .infographic .image-block.tilt:hover{transform:rotate(-5deg);transition:.233s ease-out}.section--csr-hero .section-content-wrapper .infographic .text-block{transition:.15s ease-in;overflow:visible}.section--csr-hero .section-content-wrapper .infographic .text-block .inner{position:relative;height:0%;padding-top:100%;border-radius:.625rem;overflow:hidden}.section--csr-hero .section-content-wrapper .infographic .text-block .inner.bg-white{box-shadow:var(--offset-shadow)}.section--csr-hero .section-content-wrapper .infographic .text-block a{position:absolute;top:0;left:0;text-decoration:none;width:100%;height:100%}.section--csr-hero .section-content-wrapper .infographic .text-block a:hover{text-decoration:none}.section--csr-hero .section-content-wrapper .infographic .text-block .text{position:absolute;top:0;left:0;padding:22px max(11px,2.3611111111 * var(--vw, 1vw));height:100%;max-height:100%;width:100%;-webkit-line-clamp:7;text-overflow:ellipsis;text-align:center;overflow:scroll;overflow:auto}.section--csr-hero .section-content-wrapper .infographic .text-block .text.h3,.section--csr-hero .section-content-wrapper .infographic .text-block .text.h2-script{padding:max(.5555555556 * var(--vw, 1vw))}.section--csr-hero .section-content-wrapper .infographic .text-block .text.h3{font-size:clamp(20px,2.7777777778 * var(--vw, 1vw),40px);line-height:clamp(25px,2.9166666667 * var(--vw, 1vw),42px);letter-spacing:clamp(.83,.3212851406 * var(--vw, 1vw),0)}.section--csr-hero .section-content-wrapper .infographic .text-block .text.h2-script{font-size:clamp(25px,2.9166666667 * var(--vw, 1vw),42px);line-height:.92;letter-spacing:.05em}.section--csr-hero .section-content-wrapper .infographic .text-block .text.body{font-size:clamp(10px,1.1111111111 * var(--vw, 1vw),16px);line-height:clamp(14px,1.6666666667 * var(--vw, 1vw),24px)}.section--csr-hero .section-content-wrapper .infographic .text-block.tilt:hover{transform:rotate(-5deg);transition:.233s ease-out}@media screen and (max-width: 63.9375rem){.section--csr-hero .section-content-wrapper{padding-top:0}.section--csr-hero .section-content-wrapper .hero.with-infographic{position:relative;margin-bottom:min(54px,5.8651026393 * var(--vw, 1vw))}.section--csr-hero .section-content-wrapper .hero .background{width:calc(100 * var(--vw, 1vw));left:0;top:0;bottom:0;transform:unset;border-radius:0}.section--csr-hero .section-content-wrapper .hero .background.with-infographic{bottom:0;left:calc(var(--negative-fluid-padding) + var(--gutter-width) / 2)}.section--csr-hero .section-content-wrapper .hero .text-container{order:2;padding:3.25rem 0 3.75rem}.section--csr-hero .section-content-wrapper .hero .text-container .title{font-size:3.375rem;letter-spacing:.16875rem}.section--csr-hero .section-content-wrapper .hero .text-container .btn{margin-left:4px}.section--csr-hero .section-content-wrapper .hero .image-container{order:1}.section--csr-hero .section-content-wrapper .hero .image-container .image,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper{margin-right:unset;margin-left:var(--negative-fluid-padding);width:calc(100 * var(--vw, 1vw));border-radius:0;margin-bottom:0}.section--csr-hero .section-content-wrapper .hero .image-container .image:before,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper:before{display:none}.section--csr-hero .section-content-wrapper .hero .image-container .image img,.section--csr-hero .section-content-wrapper .hero .image-container .image .video,.section--csr-hero .section-content-wrapper .hero .image-container .image .vimeo,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper img,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper .video,.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper .vimeo{border-radius:0}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover iframe{min-width:100%;height:52.3936170213vw}.section--csr-hero .section-content-wrapper .infographic .image-block .overlay .title{font-size:1.25rem;text-transform:uppercase}.section--csr-hero .section-content-wrapper .infographic .text-block .text.body{font-size:16px;line-height:24px}}@media screen and (max-width: 39.9375rem){.section--csr-hero .section-content-wrapper .hero .text-container{padding:2.375rem 0 2.5625rem}.section--csr-hero .section-content-wrapper .hero .text-container .title{font-size:2.5rem;line-height:2.8125rem;letter-spacing:.208125rem}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover [id*=vimeo-player-]{padding-top:unset;height:100%;width:100%}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover iframe{min-height:100%}.section--csr-hero .section-content-wrapper .hero .image-container .video-wrapper-cover .vimeo-control-button{right:.5rem}.section--csr-hero .section-content-wrapper .infographic .text-block .text.body{font-size:clamp(10px,2.5039123631 * var(--vw, 1vw),16px);line-height:clamp(14px,3.7558685446 * var(--vw, 1vw),24px)}}
/*# sourceMappingURL=/cdn/shop/t/245/assets/style-csr-hero.css.map */