.hero-media-banner{position:relative;display:flex;width:100%;min-height:400px;overflow:hidden}.hero-media-banner--auto{min-height:auto}.hero-media-banner--fixed{height:var(--hero-desktop-height, 600px)}.hero-media-banner__inner{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;align-items:center}.hero-media-banner--media-left .hero-media-banner__inner{grid-template-areas:"media content"}.hero-media-banner--media-right .hero-media-banner__inner{grid-template-areas:"content media"}.hero-media-banner__content{grid-area:content;display:flex;align-items:center;padding:4rem 3rem;min-height:500px}.hero-media-banner__box{max-width:100%;width:100%}.hero-media-banner--content-align-left .hero-media-banner__box{text-align:left}.hero-media-banner--content-align-center .hero-media-banner__box{text-align:center}.hero-media-banner--content-align-right .hero-media-banner__box{text-align:right}.hero-media-banner__media-wrapper{grid-area:media;position:relative;min-height:500px;height:100%;overflow:hidden}.hero-media-banner__media{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--gradient-background)}.hero-media-banner__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-media-banner__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:none;background:transparent;cursor:pointer;transition:transform .3s ease;color:#000000b3}.hero-media-banner__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.hero-media-banner__play-button svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.hero-media-banner__video-wrapper{position:relative;width:100%;height:100%;min-height:500px;overflow:hidden}.hero-media-banner__video,.hero-media-banner__video-iframe{width:100%;height:100%;object-fit:cover;display:block}.hero-media-banner__video-placeholder{width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;background-color:var(--gradient-background)}.hero-media-banner__subtitle{margin-bottom:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.9}.hero-media-banner__subtitle.caption-with-letter-spacing{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase}.hero-media-banner__subtitle.subtitle{font-size:1.4rem;letter-spacing:.05em}.hero-media-banner__subtitle.body{font-size:1.6rem;letter-spacing:normal;text-transform:none}.hero-media-banner__heading{margin:0 0 1.5rem;font-weight:700;line-height:1.2;word-break:break-word}.hero-media-banner__description{margin-bottom:2rem;line-height:1.6}.hero-media-banner__description p{display:block;margin-left:10px;width:100%;max-width:300px}.hero-media-banner__buttons{display:flex;gap:1rem;margin-top:2rem}.hero-media-banner--content-align-left .hero-media-banner__buttons{justify-content:flex-start}.hero-media-banner--content-align-center .hero-media-banner__buttons{justify-content:center}.hero-media-banner--content-align-right .hero-media-banner__buttons{justify-content:flex-end}.hero-media-banner .animate--ambient{animation:ambient 20s ease-in-out infinite}@keyframes ambient{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-media-banner .animate--zoom-in{animation:zoom-in 10s ease-out forwards}@keyframes zoom-in{0%{transform:scale(1.2)}to{transform:scale(1)}}@media screen and (max-width:989px){.hero-media-banner__inner{grid-template-columns:1fr;grid-template-areas:"media" "content"!important}.hero-media-banner--fixed{height:auto}.hero-media-banner__content{padding:3rem 2rem;min-height:auto}.hero-media-banner__media-wrapper,.hero-media-banner__video-wrapper{min-height:var(--hero-mobile-height, 400px)}.hero-media-banner__subtitle{margin-bottom:.8rem}.hero-media-banner__heading{margin-bottom:1rem}.hero-media-banner__description{margin-bottom:1.5rem}.hero-media-banner__buttons{flex-direction:column;width:100%}.hero-media-banner__buttons .button{width:100%;text-align:center}.hero-media-banner--content-align-mobile-left .hero-media-banner__box{text-align:left}.hero-media-banner--content-align-mobile-center .hero-media-banner__box{text-align:center}.hero-media-banner--content-align-mobile-right .hero-media-banner__box{text-align:right}.hero-media-banner--content-align-mobile-left .hero-media-banner__buttons{align-items:flex-start}.hero-media-banner--content-align-mobile-center .hero-media-banner__buttons{align-items:center}.hero-media-banner--content-align-mobile-right .hero-media-banner__buttons{align-items:flex-end}}@media screen and (min-width:750px)and (max-width:989px){.hero-media-banner__inner{gap:2rem}.hero-media-banner__content{padding:2rem 1.5rem}}@media screen and (min-width:990px){.hero-media-banner__inner.page-width{max-width:var(--page-width, 1200px);margin:0 auto;padding-left:0;padding-right:0}.hero-media-banner__content{padding:4rem 5rem}}@media screen and (min-width:1400px){.hero-media-banner__content{padding:5rem 6rem}}@media(prefers-reduced-motion:reduce){.hero-media-banner .animate--ambient,.hero-media-banner .animate--zoom-in{animation:none}}@media print{.hero-media-banner__video-wrapper,.hero-media-banner__video,.hero-media-banner__video-iframe{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-media-banner.css.map */