.hero--banner{min-width:100vw}.br-hero,.br-hero__inner,.br-hero__media{position:relative;width:100%;overflow:hidden}.br-hero__inner{display:flex;flex-direction:column}.hero--banner hr{border:0;margin:0}.br-hero__overall-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block}.br-hero__media{position:relative;width:100%;overflow:hidden}.br-hero__picture,.br-hero__image,.br-hero__video-wrapper,.br-hero__video,.br-hero__poster-picture,.br-hero__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.br-hero__image,.br-hero__video,.br-hero__poster{object-fit:cover}.br-hero__video-wrapper{overflow:hidden}.br-hero__video{z-index:0}.br-hero__poster-picture,.br-hero__poster{z-index:1;transition:opacity .5s ease}.br-hero__video-wrapper.is-playing .br-hero__poster-picture,.br-hero__video-wrapper.is-playing .br-hero__poster{opacity:0;pointer-events:none}.br-hero__video-wrapper--mobile{display:none}.br-hero__content{display:flex;flex-direction:column;gap:1rem}.br-hero__heading{margin:0}.br-hero--version_1 .br-hero__heading{line-height:1.5em}.br-hero--version_2 .br-hero__heading{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5em;text-align:left}.br-hero__buttons{width:fit-content}.br-hero__buttons a{text-align:center!important}.br-hero__button{display:grid!important;grid-template-columns:1fr 1fr;column-gap:1rem;align-items:center}.br-hero__button-word--first{justify-self:start}.br-hero__button-word--rest{grid-column:2;justify-self:start;white-space:nowrap}@media screen and (min-width:1000px){.hero--banner{margin-left:calc(var(--gutter) * -1);margin-bottom:var(--gutter)}.br-hero__inner{height:calc(100svh - 70px)}.br-hero--version_1 .br-hero__media{height:100%}.br-hero--version_1 .br-hero__content{position:absolute;z-index:3;left:0;bottom:4.5rem;align-items:flex-start;text-align:left;display:grid;grid-template-columns:repeat(4,1fr);width:100%;padding-left:var(--gutter);padding-right:var(--gutter)}.br-hero--version_1 .br-hero__content .br-hero__content-inner{position:relative;top:0;grid-column:span 3;grid-column-start:2;grid-column-end:4;display:flex;flex-direction:column;gap:2em}.br-hero--version_1 .br-hero__heading{width:fit-content;max-width:100%;font-size:3.75rem;text-align:left}.br-hero--version_1 .br-hero__buttons{align-self:flex-start}.br-hero--version_1 a.btn,.br-hero--version_1 a.btn *{background-color:transparent!important}.br-hero--version_2 .br-hero__inner{display:flex;flex-direction:column;height:calc(100svh - 61px)}.br-hero--version_2 .br-hero__media{flex:1 1 auto;min-height:0}.br-hero--version_2 .br-hero__content{position:relative;z-index:3;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:0;padding:1.5rem var(--gutter)}.br-hero--version_2 .br-hero__heading{margin-right:2rem}.br-hero__buttons a{min-width:18.875rem;max-width:fit-content;padding-left:2.2em}}@media screen and (min-width:1920px){.br-hero--version_1 a.btn,.br-hero--version_1 a.btn span{font-size:1.05rem}.br-hero__inner{height:min(85dvh,53.125vw)}}@media(hover:none)and (pointer:coarse)and (min-width:600px)and (max-width:1050px)and (orientation:portrait){body .br-hero__inner{height:50rem!important}body .br-hero__buttons a{min-width:calc(50svw - var(--gutter-mobile))!important}}@media(hover:none)and (pointer:coarse)and (min-width:900px)and (max-width:1366px)and (orientation:landscape){body .br-hero__inner{min-height:90dvh!important}}@media screen and (max-width:999px){.br-hero__video-wrapper--hide-mobile{display:none}.br-hero__video-wrapper--mobile{display:block}.hero--banner{margin-left:calc(var(--gutter-mobile) * -1)}.br-hero__inner{height:auto}.br-hero__media{aspect-ratio:5 / 4;height:auto}.br-hero__content{position:relative;z-index:3;align-items:flex-start;justify-content:normal;padding:var(--gutter-mobile) var(--gutter-mobile) calc(var(--gutter-mobile) * 2) var(--gutter-mobile)}.br-hero__buttons{max-width:100%}.br-hero__buttons a{max-width:100%;min-width:80svw}.br-hero--version_1 .br-hero__heading{font-size:1.75rem;padding-bottom:.85em}.br-hero--version_2 .br-hero__heading{width:82svw}.br-hero--version_2 .br-hero__buttons a{width:84svw}.br-hero--version_2 .br-hero__heading,.br-hero__buttons a{font-size:14px;padding-left:2em;line-height:1.2em;padding-top:.5em;padding-bottom:.5em}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/baserange-hero-banner.css.map */