.cs-full-image-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}@media screen and (max-width:749px){.cs-full-image-hero--mobile-overlay.cs-full-image-hero--mobile-height-image:before{content:"";grid-area:1 / 1;aspect-ratio:var(--cs-full-image-hero-ratio-mobile, 1.5)}.cs-full-image-hero--mobile-overlay.cs-full-image-hero--mobile-height-fixed{min-height:550px}.cs-full-image-hero--mobile-overlay.cs-full-image-hero--mobile-height-screen{min-height:calc(100svh - var(--header-height, 0px))}}@media screen and (min-width:750px){.cs-full-image-hero--height-image:before{content:"";grid-area:1 / 1;aspect-ratio:var(--cs-full-image-hero-ratio-desktop, 1.7778)}.cs-full-image-hero--height-width{min-height:clamp(597px,41.458vw,830px)}.cs-full-image-hero--height-screen{min-height:calc(100svh - var(--header-height, 0px))}}.cs-full-image-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.cs-full-image-hero__picture,.cs-full-image-hero__image,.cs-full-image-hero__video,.cs-full-image-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cs-full-image-hero__picture,.cs-full-image-hero__video{display:block}.cs-full-image-hero__image{display:block;object-fit:cover;object-position:var(--cs-full-image-hero-focal-mobile, center)}.cs-full-image-hero__placeholder{background:rgba(var(--color-foreground),.06);fill:rgba(var(--color-foreground),.4)}.cs-full-image-hero__overlay{background:rgba(0,0,0,var(--cs-full-image-hero-overlay, 0));pointer-events:none}.cs-full-image-hero__video-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;opacity:0;transition:opacity .4s ease}.cs-full-image-hero__video.is-playing .cs-full-image-hero__video-media{opacity:1}.cs-full-image-hero__play{position:absolute;top:50%;left:50%;z-index:2;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease}.cs-full-image-hero__play:hover{transform:translate(-50%,-50%) scale(1.08)}.cs-full-image-hero__video.is-playing .cs-full-image-hero__play{display:none}.cs-full-image-hero__badge{position:absolute;z-index:2;inset:var(--cs-full-image-hero-badge-inset-mobile);width:var(--cs-full-image-hero-badge-mobile, 162px);height:var(--cs-full-image-hero-badge-mobile, 162px)}.cs-full-image-hero__badge img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--cs-full-image-hero-badge-blend, normal)}.cs-full-image-hero__content{position:relative;z-index:1;grid-area:1 / 1;display:flex;min-width:0;padding-top:calc(var(--pro-section-space) * var(--pro-space-top, 1));padding-bottom:calc(var(--pro-section-space) * var(--pro-space-bottom, 1))}.cs-full-image-hero .pro-text{margin-inline:0}@media screen and (max-width:749px){.cs-full-image-hero--mobile-overlay .cs-full-image-hero__content{background:none}.cs-full-image-hero--mobile-y-center .cs-full-image-hero__content{align-items:center}.cs-full-image-hero--mobile-y-bottom .cs-full-image-hero__content{align-items:flex-end}.cs-full-image-hero--mobile-text-left .pro-text{align-items:flex-start;text-align:left}.cs-full-image-hero--mobile-text-center .pro-text{align-items:center;text-align:center}.cs-full-image-hero--mobile-text-left .pro-text__buttons{justify-content:flex-start}.cs-full-image-hero--mobile-text-center .pro-text__buttons{justify-content:center}.cs-full-image-hero--mobile-image-first .cs-full-image-hero__media,.cs-full-image-hero--mobile-text-first .cs-full-image-hero__media{position:relative;inset:auto;aspect-ratio:var(--cs-full-image-hero-ratio-mobile, 1.5)}.cs-full-image-hero--mobile-image-first .cs-full-image-hero__content,.cs-full-image-hero--mobile-text-first .cs-full-image-hero__content{grid-area:auto;background:rgb(var(--color-background))}.cs-full-image-hero--mobile-image-first .cs-full-image-hero__media{border-bottom:1px solid rgb(var(--color-foreground))}.cs-full-image-hero--mobile-text-first .cs-full-image-hero__media{order:1;border-top:1px solid rgb(var(--color-foreground))}}@media screen and (min-width:750px){.cs-full-image-hero__image{object-position:var(--cs-full-image-hero-focal-desktop, center)}.cs-full-image-hero__badge{inset:var(--cs-full-image-hero-badge-inset-desktop);width:var(--cs-full-image-hero-badge-desktop, 162px);height:var(--cs-full-image-hero-badge-desktop, 162px)}.cs-full-image-hero__content[class*=color-]{--color-background: inherit;--color-background-contrast: inherit;--gradient-background: inherit;--color-foreground: inherit;--color-shadow: inherit;--color-button: inherit;--color-button-text: inherit;--color-button-hover: inherit;--color-button-hover-text: inherit;--color-secondary-button: inherit;--color-secondary-button-text: inherit;--color-link: inherit;--color-link-hover: inherit;--color-badge-foreground: inherit;--color-badge-background: inherit;--color-badge-border: inherit;color:inherit;background:none}.cs-full-image-hero--x-center .cs-full-image-hero__content{justify-content:center}.cs-full-image-hero--x-right .cs-full-image-hero__content{justify-content:flex-end}.cs-full-image-hero--y-center .cs-full-image-hero__content{align-items:center}.cs-full-image-hero--y-bottom .cs-full-image-hero__content{align-items:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/473/assets/section-cs-full-image-hero.css.map */
