.hero-mediatool-section{position:relative;display:block;grid-column:1 / -1;width:100vw;margin-left:calc(50% - 50vw)}.hero-mediatool-container{position:relative;width:100%}.hero-mediatool-top{position:relative;width:100%;height:100vh;overflow:hidden;box-sizing:border-box}.hero-mediatool-sticky-area{position:relative;width:100%;margin-top:-50vh;height:calc(150vh + 75vw)}.hero-mediatool-middle{position:absolute;top:50vh;left:0;right:0;display:flex;width:100%;z-index:5}.hero-mediatool-middle-left,.hero-mediatool-middle-right{position:relative;flex:1;width:50%;aspect-ratio:2/3;overflow:hidden}.hero-mediatool-bottom{position:absolute;top:calc(50vh + 75vw);left:0;right:0;width:100%;height:100vh;overflow:hidden;z-index:5}.hero-mediatool-logo{position:-webkit-sticky;position:sticky;top:50vh;transform:translateY(-50%);width:100vw;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:none;margin-bottom:-40px}.hero-mediatool-logo-svg{width:100%;height:auto;display:block;fill:var(--logo-fill-color)}.hero-mediatool-logo-svg path{fill:inherit}.hero-mediatool-top img,.hero-mediatool-top video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:var(--top-black-and-white-filter)}.hero-mediatool-middle-left img,.hero-mediatool-middle-left video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:var(--middle-left-black-and-white-filter)}.hero-mediatool-middle-right img,.hero-mediatool-middle-right video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:var(--middle-right-black-and-white-filter)}.hero-mediatool-bottom img,.hero-mediatool-bottom video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:var(--bottom-black-and-white-filter)}.hero-mediatool-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--image-overlay-color-rgb),var(--image-overlay-opacity));z-index:10;pointer-events:none}@media screen and (max-width: 1023px){.hero-mediatool-section{display:none}}.hero-mediatool--no-top-image .hero-mediatool-top{display:none}.hero-mediatool--no-top-image .hero-mediatool-sticky-area{margin-top:0;height:calc(75vw + 100vh)}.hero-mediatool--no-top-image .hero-mediatool-middle{top:0}.hero-mediatool--no-top-image .hero-mediatool-bottom{top:75vw}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-hero-mediatool.css.map */