.hero-banner{position:relative;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;background-color:var(--color-background);color:var(--color-text)}.hero-banner__wrapper{flex:1;display:grid;grid-template-areas:"top-left top-center top-right" "center-left center center-right" "bottom-left bottom-center bottom-right";grid-template-rows:1fr auto 1fr;grid-template-columns:auto auto auto;align-items:stretch}.hero-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1;pointer-events:none}.hero-banner__video,.hero-banner__image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-banner__placeholder{background-color:#f0f0f0}.hero-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;padding:0}.hero-banner__video video-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-banner__video video-media>:is(video,iframe){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.hero-banner__image{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__image picture{width:100%;height:100%;display:block}.hero-banner__image img{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__content-wrapper{position:relative;z-index:2;width:100%;grid-area:center}@media only screen and (min-width: 768px){.hero-banner--desktop-top-left .hero-banner__content-wrapper{grid-area:top-left}.hero-banner--desktop-top-center .hero-banner__content-wrapper{grid-area:top-center}.hero-banner--desktop-top-right .hero-banner__content-wrapper{grid-area:top-right}.hero-banner--desktop-center-left .hero-banner__content-wrapper{grid-area:center-left}.hero-banner--desktop-center-center .hero-banner__content-wrapper,.hero-banner--desktop-center .hero-banner__content-wrapper{grid-area:center}.hero-banner--desktop-center-right .hero-banner__content-wrapper{grid-area:center-right}.hero-banner--desktop-bottom-left .hero-banner__content-wrapper{grid-area:bottom-left}.hero-banner--desktop-bottom-center .hero-banner__content-wrapper{grid-area:bottom-center}.hero-banner--desktop-bottom-right .hero-banner__content-wrapper{grid-area:bottom-right}.hero-banner--desktop-top-left .hero-banner__content,.hero-banner--desktop-center-left .hero-banner__content,.hero-banner--desktop-bottom-left .hero-banner__content{align-items:flex-start;text-align:left}.hero-banner--desktop-top-center .hero-banner__content,.hero-banner--desktop-center-center .hero-banner__content,.hero-banner--desktop-bottom-center .hero-banner__content{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.hero-banner--desktop-top-right .hero-banner__content,.hero-banner--desktop-center-right .hero-banner__content,.hero-banner--desktop-bottom-right .hero-banner__content{align-items:flex-end;text-align:right;margin-left:auto}.hero-banner--desktop-stretch-left .hero-banner__content-wrapper,.hero-banner--desktop-stretch-center .hero-banner__content-wrapper,.hero-banner--desktop-stretch-right .hero-banner__content-wrapper{grid-area:1 / 1 / -1 / -1;width:100%;height:100%;display:flex}.hero-banner--desktop-stretch-left .hero-banner__content-wrapper{justify-content:flex-start}.hero-banner--desktop-stretch-center .hero-banner__content-wrapper{justify-content:center}.hero-banner--desktop-stretch-right .hero-banner__content-wrapper{justify-content:flex-end}.hero-banner--desktop-stretch-left .hero-banner__content,.hero-banner--desktop-stretch-center .hero-banner__content,.hero-banner--desktop-stretch-right .hero-banner__content{height:100%;justify-content:space-between;max-width:800px}.hero-banner--desktop-stretch-left .hero-banner__content{align-items:flex-start;text-align:left}.hero-banner--desktop-stretch-center .hero-banner__content{align-items:center;text-align:center}.hero-banner--desktop-stretch-right .hero-banner__content{align-items:flex-end;text-align:right}}@media only screen and (max-width: 767px){.hero-banner--mobile-top-left .hero-banner__content-wrapper{grid-area:top-left}.hero-banner--mobile-top-center .hero-banner__content-wrapper{grid-area:top-center}.hero-banner--mobile-top-right .hero-banner__content-wrapper{grid-area:top-right}.hero-banner--mobile-center-left .hero-banner__content-wrapper{grid-area:center-left}.hero-banner--mobile-center-center .hero-banner__content-wrapper,.hero-banner--mobile-center .hero-banner__content-wrapper{grid-area:center}.hero-banner--mobile-center-right .hero-banner__content-wrapper{grid-area:center-right}.hero-banner--mobile-bottom-left .hero-banner__content-wrapper{grid-area:bottom-left}.hero-banner--mobile-bottom-center .hero-banner__content-wrapper{grid-area:bottom-center}.hero-banner--mobile-bottom-right .hero-banner__content-wrapper{grid-area:bottom-right}.hero-banner--mobile-top-left .hero-banner__content,.hero-banner--mobile-center-left .hero-banner__content,.hero-banner--mobile-bottom-left .hero-banner__content{align-items:flex-start;text-align:left}.hero-banner--mobile-top-center .hero-banner__content,.hero-banner--mobile-center-center .hero-banner__content,.hero-banner--mobile-bottom-center .hero-banner__content{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.hero-banner--mobile-top-right .hero-banner__content,.hero-banner--mobile-center-right .hero-banner__content,.hero-banner--mobile-bottom-right .hero-banner__content{align-items:flex-end;text-align:right;margin-left:auto}.hero-banner--mobile-stretch-left .hero-banner__content-wrapper,.hero-banner--mobile-stretch-center .hero-banner__content-wrapper,.hero-banner--mobile-stretch-right .hero-banner__content-wrapper{grid-area:1 / 1 / -1 / -1;width:100%;height:100%;display:flex}.hero-banner--mobile-stretch-left .hero-banner__content-wrapper{justify-content:flex-start}.hero-banner--mobile-stretch-center .hero-banner__content-wrapper{justify-content:center}.hero-banner--mobile-stretch-right .hero-banner__content-wrapper{justify-content:flex-end}.hero-banner--mobile-stretch-left .hero-banner__content,.hero-banner--mobile-stretch-center .hero-banner__content,.hero-banner--mobile-stretch-right .hero-banner__content{height:100%;justify-content:space-between;max-width:100%}.hero-banner--mobile-stretch-left .hero-banner__content{align-items:flex-start;text-align:left}.hero-banner--mobile-stretch-center .hero-banner__content{align-items:center;text-align:center}.hero-banner--mobile-stretch-right .hero-banner__content{align-items:flex-end;text-align:right}}.hero-banner__content{display:flex;flex-direction:column;gap:2rem;align-items:flex-start;text-align:left;max-width:800px;color:var(--color-text)}.hero-banner__text-content{display:flex;flex-direction:column;gap:1rem;align-items:inherit;text-align:inherit}.hero-banner__reviews{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.hero-banner__reviews-stars{display:flex;align-items:center}.hero-banner__star{width:18px;height:18px;flex-shrink:0}.hero-banner__star--filled{color:currentColor}.hero-banner__reviews-text{font-size:.75rem;line-height:1.1;font-weight:500;text-transform:uppercase}.hero-banner__award-image{width:5rem;z-index:1;margin-bottom:1rem}.hero-banner__heading{margin:0;line-height:1.05}.hero-banner__subtitle{font-size:clamp(1.125rem,calc(1.081rem + .1878vw),1.25rem);line-height:1.35;font-weight:600}.hero-banner__subtitle.has-styled-bullets li{padding-left:.5rem}.hero-banner__subtitle.has-styled-bullets li::marker{content:"\f058";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--color-text)}.hero-banner__text.rte p,.hero-banner__text.rte ul,.hero-banner__text.rte ol{font-size:1rem;font-weight:600}.hero-banner__text.rte{font-size:clamp(1.125rem,calc(1.081rem + .1878vw),1.25rem);line-height:1.35;font-weight:600}.hero-banner__text.rte.has-styled-bullets li{padding-left:.5rem}.hero-banner__text.rte.has-styled-bullets li::marker{content:"\f058";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--color-text)}.hero-banner__tagline{margin:0;text-transform:uppercase}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.hero-banner__buttons--extra-margin{margin-top:2rem}.hero-banner__button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.hero-banner__button.button--icon-left,.hero-banner__button.button--icon-right{flex-direction:row}.hero-banner__button svg{flex-shrink:0}.hero-banner__pause-button{position:absolute;bottom:0;right:0;padding:20px;z-index:3;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:fit-content;width:fit-content;background:transparent;color:var(--color-text)}.hero-banner__pause-button:focus{outline:2px solid var(--color-focus);outline-offset:-6px}.hero-banner__pause-icon,.hero-banner__play-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.hero-banner__pause-icon svg,.hero-banner__play-icon svg{width:100%;height:100%}@media only screen and (max-width: 767px){.hero-banner__content{gap:1rem}.hero-banner__star{width:18px}.hero-banner__buttons{flex-direction:column;width:100%}.hero-banner__pause-button{flex-direction:column;width:fit-content}.hero-banner__button{width:100%;justify-content:center}.hero-banner__pause-button{top:0;right:0;padding:8px}}@media (prefers-reduced-motion: reduce){.hero-banner__video video-media>video{display:none}.hero-banner__pause-button{display:none}}.hero-banner-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.hero-banner-modal[hidden]{display:none}.hero-banner-modal.is-active{opacity:1;visibility:visible}.hero-banner-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.hero-banner-modal__container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hero-banner-modal--fullscreen .hero-banner-modal__container{padding:0}.hero-banner-modal--fullscreen .hero-banner-modal__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-banner-modal--fullscreen .hero-banner-modal__content video,.hero-banner-modal--fullscreen .hero-banner-modal__iframe-wrapper{width:100%;height:100%;object-fit:contain}.hero-banner-modal--fullscreen .hero-banner-modal__iframe-wrapper iframe{width:100%;height:100%;border:none}.hero-banner-modal--smaller .hero-banner-modal__container{padding:40px;max-width:1200px;max-height:90vh}.hero-banner-modal--smaller .hero-banner-modal__content{width:100%;max-width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.hero-banner-modal--smaller .hero-banner-modal__content video{width:100%;height:100%;object-fit:contain}.hero-banner-modal--smaller .hero-banner-modal__iframe-wrapper{width:100%;height:100%}.hero-banner-modal--smaller .hero-banner-modal__iframe-wrapper iframe{width:100%;height:100%;border:none}@media only screen and (max-width: 767px){.hero-banner-modal--smaller .hero-banner-modal__container{padding:16px}.hero-banner-modal--smaller .hero-banner-modal__content{border-radius:8px}}.hero-banner-modal__close{position:fixed;top:1rem;right:1rem;z-index:10;background:#fff;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;transition:background .3s ease,color .3s ease,transform .3s ease;padding:0}.hero-banner-modal__close:hover{background:#f0f0f0;transform:scale(1.05)}.hero-banner-modal__close:focus{outline:none}.hero-banner-modal__close:focus-visible{outline:2px solid var(--color-focus, #007bff);outline-offset:2px}.hero-banner-modal__close svg{width:1rem;height:1rem}@media only screen and (max-width: 767px){.hero-banner-modal__close{top:.5rem;right:.5rem;width:40px;height:40px}}.hero-banner__button-container{display:flex;align-items:center;justify-content:flex-start;flex-flow:column nowrap;gap:.5rem}.hero-banner__button-tagline{margin:0;font-size:.75rem;line-height:1.1;font-weight:500;text-transform:uppercase;color:var(--color-text);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/385/assets/section-hero-banner.css.map */