section.section-about-us-hero--container{width:100%;overflow:hidden}@media (max-width: 769px){section.section-about-us-hero--container{margin-top:var(--header-height)}}.section-about-us-hero--wrapper{width:100%;height:auto;position:relative}.about-us-hero--container{position:relative;display:flex;justify-content:flex-start;align-items:flex-end;height:90vh;min-height:650px;color:var(--kenner-primary-text-color);width:65%}.about-us-hero--content{z-index:1}.about-us-hero--image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:left center;background-repeat:no-repeat;z-index:0;transition:all .3s ease-in-out .3s}.about-us-hero--slides{position:absolute;top:50%;left:50%;transform:translate(8%,-50%);width:100%;max-width:100%;z-index:0;display:flex;gap:20px;height:88%;overflow:hidden;flex-direction:column;align-items:flex-start;transition:all .5s ease-in-out}.about-us-hero--slides .swiper{height:100%;width:100%}.about-us-hero--slides[data-slide-stage=mounted]{left:16px;transform:translateY(-50%);z-index:2}.about-us-hero--slides .slides-close{display:flex;visibility:hidden;justify-content:center;align-items:center;gap:16px}.about-us-hero--slides[data-slide-stage=mounted] .slides-close{visibility:visible}.about-us-hero--slides .slides-close span{color:var(--White, #FFF);font-size:15px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.4px;text-transform:uppercase}.about-us-hero--slides .slides-close div{background:var(--kenner-primary);color:#fff;width:40px;min-width:40px;height:40px;min-height:40px;border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:1}.about-us-hero--slide{height:100%;width:370px;cursor:pointer;position:relative}.about-us-hero--slide img,.about-us-hero--slide video{width:100%;height:100%;object-fit:cover;pointer-events:none}.about-us-hero--slide video::-webkit-media-controls{display:none}.about-us-hero--slide-title{position:absolute;bottom:0;left:0;width:100%;padding:64px 16px;z-index:2;color:var(--White, #FFF);font-size:24px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.96px}.about-us-hero--slides .swiper{margin-left:0}.about-us-hero--content{padding-bottom:64px;padding-left:32px;display:flex;justify-content:flex-start;flex-direction:column;align-items:flex-start;transition:all .3s ease-in-out}.about-us-hero--content[data-slide-stage=mounted]{margin-left:-100%}.about-us-hero--title{color:var(--White, #FFF);font-size:36px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;max-width:25ch}.about-us-hero--content a{display:flex;justify-content:center;align-items:center;background:var(--kenner-secondary);color:var(--kenner-tertiary);padding:10px;min-height:48px;min-width:180px;text-align:center;text-transform:uppercase;color:var(--White, #FFF);font-size:15px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:2.4px;transition:all .3s ease-in-out}.about-us-hero--content a:hover{background:var(--kenner-primary);color:var(--kenner-secondary)}.swiper-controls{position:absolute;left:0;top:50%;z-index:3;width:97vw;display:none;justify-content:space-between}[data-slide-stage=mounted] .swiper-controls{display:flex}.swiper-controls button{background:#fff;color:#000;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.swiper-controls button .icon{font-size:24px;width:36px;height:36px}.slide__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000000b3,#0000);z-index:1;display:block}.about-us-hero--content[data-slide-stage=mounted]+.about-us-hero--image{left:-50%}@media (max-width: 769px){.about-us-hero--slide{width:262px}.about-us-hero--container{width:100%;height:auto}.about-us-hero--content{padding-left:16px;padding-top:76px}.about-us-hero--image{background-position:12% center;transition:all .3s ease-in-out .2s}.about-us-hero--title{font-size:28px;max-width:18ch}.about-us-hero--slides{left:16px;top:50%;transform:translateY(-50%);z-index:2;transition:all .3s ease-in-out}.about-us-hero--slides[data-slide-stage=unmounted]{left:100%}.about-us-hero--slides[data-slide-stage=mounted]{left:16px}.about-us-hero--content[data-slide-stage=mounted]+.about-us-hero--image{left:-100%}.about-us-hero--container .swiper{height:387px}.about-us-hero--slides .slides-close{gap:8px}.about-us-hero--slides .slides-close span{color:#000}.about-us-hero--title{padding-top:24px;margin-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-about-us-hero.css.map */