.media-banner{display:flow-root}.media-banner:after{content:"";display:block;height:var(--word-reserve, 0px)}.media-banner__scene{display:grid;position:relative}.media-banner__frame{grid-area:1/1;display:grid;position:relative;overflow:hidden;border-radius:var(--border-radius-cards)}.media-banner--full-width .media-banner__frame{border-radius:0}.media-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}media-banner[data-parallax] .media-banner__bg{top:-15%;right:0;bottom:-15%;left:0;transform:translate3d(0,var(--py, 0px),0)}.media-banner__bg[reveal]{--dur-media: var(--dur-hero);--ease-smooth: var(--ease-reveal);transition:none}.js-reveal .media-banner__bg[reveal]:not(.is-revealed){opacity:1}.media-banner__bg[reveal] :is(.media-banner__img,.media-banner__video .cover-media){transform:scale(var(--media-park, 1))}@media not (prefers-reduced-motion:reduce){.js-reveal .media-banner__bg[reveal]:not(.is-revealed) :is(.media-banner__img,.media-banner__video .cover-media){--media-park: 1.06;transition:none}}.media-banner__bg[reveal].is-revealed :is(.media-banner__img,.media-banner__video .cover-media){transition:transform var(--dur-media) var(--ease-smooth)}.media-banner__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.media-banner__img--desktop{display:none}@media(min-width:768px){.media-banner__img--desktop{display:block}}@media(min-width:768px){.media-banner__img--mobile{display:none}}.media-banner__img--placeholder{background:var(--color-bg) var(--gradient-background) no-repeat 100%}:root .media-banner__img--placeholder svg{width:100%;height:100%}.media-banner__parallax-img{position:absolute;width:min(var(--parallax-size-mobile, 30%),30%);left:var(--parallax-pos-x-mobile, 50%);top:var(--parallax-pos-y-mobile, 50%);transform:translate(calc(var(--parallax-pos-x-mobile, 50%) * -1),calc(var(--parallax-pos-y-mobile, 50%) * -1)) translateY(var(--py, 0px));will-change:transform;z-index:1}.media-banner__parallax-img img{display:block;width:100%;height:auto;border-radius:var(--border-radius-cards)}@media(min-width:768px){.media-banner__parallax-img{width:min(var(--parallax-size, 30%),30%);left:var(--parallax-pos-x, 50%);top:var(--parallax-pos-y, 50%);transform:translate(calc(var(--parallax-pos-x, 50%) * -1),calc(var(--parallax-pos-y, 50%) * -1)) translateY(var(--py, 0px))}}.media-banner__content{grid-area:1/1;z-index:2;padding:2.5rem 1.25rem}media-banner[data-parallax] .media-banner__content{will-change:transform;transform:translate3d(0,var(--py, 0px),0)}@media(min-width:768px){.media-banner__content{padding:4rem 2.5rem}}.media-banner__content-inner{width:fit-content;max-width:min(760px,100%)}.media-banner__content-inner .btn,.media-banner__content-inner .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.media-banner__content-inner .btn__label:after{inset:100% 0 auto;white-space:normal}.media-banner__large-text{color:var(--large-text-color, currentColor)}.media-banner__large-text--inline{margin-block-end:.5rem}media-banner[data-parallax] .media-banner__large-text--overflow{will-change:transform;transform:translate3d(0,calc(50% + var(--py, 0px)),0)}.media-banner__scene.media-size-mobile--adaptive .media-banner__bg{position:relative;inset:unset;grid-area:1/1;align-self:stretch}.media-banner__scene.media-size-mobile--adaptive .media-banner__bg{aspect-ratio:var(--aspect-ratio-mobile, auto)}.media-banner__scene.media-size-mobile--adaptive[data-parallax] .media-banner__bg{inset:unset}@media(min-width:768px){.media-banner__scene.media-size--adaptive .media-banner__bg{position:relative;inset:unset;grid-area:1/1;align-self:stretch}.media-banner__scene.media-size--adaptive .media-banner__bg{aspect-ratio:var(--aspect-ratio-desktop, auto)}.media-banner__scene.media-size--adaptive[data-parallax] .media-banner__bg{inset:unset}.media-banner__scene:not(.media-size--adaptive) .media-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.media-banner__scene:not(.media-size--adaptive) .media-banner__img{height:100%}.media-banner__scene:not(.media-size--adaptive)[data-parallax] .media-banner__bg{top:-15%;right:0;bottom:-15%;left:0}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/media-banner.css.map */