.promo-hero{position:relative;overflow:hidden}.promo-hero__wrapper{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.promo-hero__content{display:flex;align-items:center;justify-content:center;padding:6rem 4rem;position:relative;z-index:2}.promo-hero__content-inner{max-width:600px;width:100%}.promo-hero__subheading{margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.promo-hero__heading{margin:0 0 2rem;word-wrap:break-word}.promo-hero__text{margin:0 0 3rem;line-height:1.6}.promo-hero__text p{margin:0 0 1rem}.promo-hero__text p:last-child{margin-bottom:0}.promo-hero__button-wrapper{margin-top:3rem}.promo-hero__button{display:inline-block;padding:1.6rem 4rem;text-decoration:none;font-weight:600;border-radius:.5rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.promo-hero__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.promo-hero__video{position:relative;overflow:hidden;background:#000}.promo-hero__video-element{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.promo-hero__video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;pointer-events:none;z-index:1}.promo-hero__video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0000000d}.promo-hero__video-placeholder .placeholder-svg{width:100%;max-width:400px;height:auto;opacity:.2}@media screen and (max-width: 989px){.promo-hero__wrapper{min-height:500px}.promo-hero__content{padding:4rem 3rem}.promo-hero__content-inner{max-width:500px}}@media screen and (max-width: 749px){.promo-hero__wrapper{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto}.promo-hero__content{padding:4rem 2rem;order:2}.promo-hero__video{order:1;min-height:400px;position:relative}.promo-hero__heading{margin-bottom:1.5rem}.promo-hero__text{margin-bottom:2rem}.promo-hero__button{padding:1.4rem 3rem}}@media screen and (max-width: 480px){.promo-hero__content{padding:3rem 1.5rem}.promo-hero__video{min-height:300px}.promo-hero__button{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/promo-hero.css.map */
