.hero-with-trailer-section{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;padding-top:3em}@media(min-width:550px){.hero-with-trailer-section{padding-top:0;justify-content:center}}.hero-with-trailer-section .hero-content{width:100%;display:flex;justify-content:center;align-items:center;padding:.75em 4vw 1.5em;position:relative;z-index:10;flex:0 0 auto}@media(min-width:550px){.hero-with-trailer-section .hero-content{padding:2em 5vw}}@media(min-width:48rem){.hero-with-trailer-section .hero-content{padding:2em 3em}}.hero-with-trailer-section .hero-block{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}.hero-with-trailer-section .hero-heading{margin:0 0 1em;line-height:1.1;text-align:center;width:100%}.hero-with-trailer-section .hero-heading-mobile{display:block}.hero-with-trailer-section .hero-heading-desktop{display:none}.hero-with-trailer-section .hero-heading-desktop.hero-heading-fallback{display:block}@media(min-width:550px){.hero-with-trailer-section .hero-heading-mobile{display:none}.hero-with-trailer-section .hero-heading-desktop,.hero-with-trailer-section .hero-heading-desktop.hero-heading-fallback{display:block}}.hero-with-trailer-section .ctaBlock{text-align:center;flex-direction:column;align-items:center;display:flex;gap:.5em;margin-bottom:0;margin-top:.5em}@media(not (min-width:48rem))and (orientation:portrait){.hero-with-trailer-section .ctaBlock{gap:.5em;width:100%}}.hero-with-trailer-section .ctaBlock .buttonWrapper{position:relative}.hero-with-trailer-section .button{vertical-align:bottom;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000001a;max-width:100%;text-align:left;background:0 0;border:2px solid #0000;flex:none;justify-content:space-between;align-items:center;width:-webkit-fit-content;width:fit-content;margin:0;padding:0;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex;position:relative;line-height:1.1!important}.hero-with-trailer-section .button.rectangular{padding-left:1em;padding-right:1em;border-radius:.4rem;justify-content:center;align-items:flex-start;gap:.75em;padding-top:.7em;padding-bottom:calc(.7em + .15lh);font-weight:550!important}.hero-with-trailer-section .button.rectangular.large{font-size:1.15em!important}@media(not (min-width:48rem))and (orientation:portrait){.hero-with-trailer-section .button.rectangular.large{font-size:1em!important}}.hero-with-trailer-section .button.rectangular.solid.yellow{color:#fff;background:#ea1351;border-bottom:.15em solid #0000001a}.hero-with-trailer-section .button.rectangular.solid.yellow:hover,.hero-with-trailer-section .button.rectangular.solid.yellow:active,.hero-with-trailer-section .button.rectangular.solid.yellow.is-active{background:#bc063a}.hero-with-trailer-section .ctaBlock .subLink{text-align:center;width:100%;font-weight:500;font-size:1.2em}@media(not (min-width:48rem))and (orientation:portrait){.hero-with-trailer-section .ctaBlock .subLink{font-size:.9em}}@media(min-width:48rem){.hero-with-trailer-section .ctaBlock .subLink{font-size:1.1em}}.hero-with-trailer-section .ctaBlock .subLink a{color:#4baef8;font-weight:500;text-decoration:none}.hero-with-trailer-section .ctaBlock .subLink a:hover{text-decoration:underline}.hero-with-trailer-section .video-trailer-wrapper{width:100%;position:relative;margin-top:1.5em;overflow:hidden;flex:0 0 auto;padding-bottom:0;margin-bottom:0}@media(min-width:550px){.hero-with-trailer-section .video-trailer-wrapper{margin-top:2em}}@media(min-width:48rem){.hero-with-trailer-section .video-trailer-wrapper{padding-bottom:3%;margin-bottom:-3%;margin-top:2.5em}}.hero-with-trailer-section .video-trailer-wrapper .container{max-width:100%;margin:0 auto;padding:0 4vw}@media(min-width:550px){.hero-with-trailer-section .video-trailer-wrapper .container{max-width:900px;padding:0 15px}}@media(min-width:48rem){.hero-with-trailer-section .video-trailer-wrapper .container{max-width:950px}}.hero-with-trailer-section .video-trailer-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#000;border-radius:15px 15px 0 0;box-shadow:0 4px 20px #00000026}.hero-with-trailer-section .trailer-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:15px 15px 0 0}.hero-with-trailer-section .mute-toggle-button{position:absolute;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.8);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:20;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-with-trailer-section .mute-toggle-button:hover{background:#000c;border-color:#fff;transform:scale(1.1)}.hero-with-trailer-section .mute-toggle-button:active{transform:scale(.95)}.hero-with-trailer-section .mute-toggle-button svg{width:24px;height:24px;display:block;fill:currentColor}.hero-with-trailer-section .mute-toggle-button.unmuted .icon-muted{display:none}.hero-with-trailer-section .mute-toggle-button.unmuted .icon-unmuted{display:block!important}@media(max-width:549px){.hero-with-trailer-section .mute-toggle-button{width:40px;height:40px;bottom:15px;right:15px}.hero-with-trailer-section .mute-toggle-button svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-with-trailer.css.map */