.video-showcase{--video-showcase-gap: 3rem}.video-showcase-heading{font-size:var(--heading-size-mobile, 30px)}@media (min-width: 768px){.video-showcase-heading{font-size:var(--heading-size-desktop, 50px)}}.video-showcase .video-showcase-featured-title{font-size:var(--heading-size-mobile, 30px)!important}@media (min-width: 768px){.video-showcase .video-showcase-featured-title{font-size:var(--heading-size-desktop, 50px)!important}}.video-showcase__featured{position:relative}.video-showcase__featured-content{position:relative;overflow:hidden;min-height:400px;height:100%}@media (min-width: 768px){.video-showcase__featured-content{min-height:500px}}@media (min-width: 1024px){.video-showcase__featured-content{min-height:600px;border-radius:var(--blocks-radius)}}.video-showcase__featured-video{position:relative;width:100%;height:100%;min-height:inherit}.video-showcase__video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.video-showcase__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000004d,#0000001a,#0006);z-index:2;display:flex;align-items:flex-end;padding:2rem}@media (min-width: 768px){.video-showcase__overlay{padding:3rem}}.video-showcase__content{color:#fff;max-width:600px}.video-showcase__label{color:var(--color-white);display:inline-block;font-size:24px;line-height:36px;letter-spacing:.96px;text-transform:uppercase;text-decoration:underline;margin-bottom:1.8rem}.video-showcase__title{color:#fff;margin-bottom:3rem;line-height:1.2}.video-showcase__description{color:#ffffffe6;margin-bottom:1.5rem;line-height:1.5}.video-showcase__buttons{display:flex;flex-wrap:wrap;gap:.75rem}@media (min-width: 480px){.video-showcase__buttons{flex-direction:row;align-items:center}}.video-showcase__button{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:transform .2s ease}.video-showcase__button:hover{transform:translateY(-1px)}.video-showcase__additional{position:relative}.video-showcase__additional-wrapper{width:100%}.video-showcase__additional-inner{display:grid;gap:var(--video-showcase-gap)}@media (min-width: 1024px){.video-showcase__additional-inner{grid-template-columns:1fr;padding:13px 0;gap:unset}}.video-showcase__item{position:relative}.video-showcase__item-content{display:flex;flex-direction:column;height:100%;background:var(--color-background);overflow:hidden;gap:1.6rem}.video-showcase__item-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--blocks-radius)}.video-showcase__item-link{display:block;width:100%;height:100%;text-decoration:none}.video-showcase__item-image{position:relative;width:100%;height:100%}.video-showcase__item-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-showcase__item:hover .video-showcase__item-img{transform:scale(1.05)}.video-showcase__item-text{flex:1;display:flex;flex-direction:column}.video-showcase__item-title{margin-bottom:.75rem;line-height:1.3}.video-showcase__item-title a{color:inherit;text-decoration:none}.video-showcase__item-title a:hover{color:var(--color-primary, #000)}.video-showcase__item-description{color:var(--color-text-secondary, #666);margin-bottom:1rem;line-height:1.5;flex:1}.video-showcase__item-button{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;margin-top:auto}@media (max-width: 1023px){.video-showcase__featured{position:relative;margin-left:-1.6rem;margin-right:-1.6rem}.video-showcase__featured-video{aspect-ratio:394/534}.video-showcase__item-media{aspect-ratio:291/215}.video-showcase__additional{margin-top:3rem}.video-showcase__wrapper.swipe-mobile{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.video-showcase__wrapper.swipe-mobile::-webkit-scrollbar{display:none}.video-showcase__additional-inner.swipe-mobile__inner{display:flex;flex-wrap:nowrap;gap:var(--video-showcase-gap)}.video-showcase__item-content{display:flex;flex-direction:column;height:100%}}@media (max-width: 1023px){.video-showcase__wrapper:not(.swiper).swipe-mobile{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.video-showcase__wrapper:not(.swiper).swipe-mobile .video-showcase__additional-inner{display:flex;flex-wrap:nowrap;gap:var(--video-showcase-gap)}.video-showcase__wrapper:not(.swiper).swipe-mobile .video-showcase__item{scroll-snap-align:start}}@media (max-width: 1023px){.video-showcase__wrapper.swiper{overflow:hidden}.video-showcase__additional-inner.swiper-wrapper{display:flex;flex-wrap:nowrap}}@media (max-width: 767px){.video-showcase__overlay{padding:1.5rem}.video-showcase__featured-content{min-height:300px}.video-showcase__button{justify-content:center}}.video-showcase__button:focus,.video-showcase__item-link:focus,.video-showcase__item-button:focus{outline:2px solid var(--color-primary, #000);outline-offset:2px}.video-showcase__video-bg[loading]{opacity:0;transition:opacity .3s ease}.video-showcase__video-bg[loading=eager]{opacity:1}.video-showcase .scroll-progress-bar{margin-top:1.5rem;display:block}.video-showcase .progress-container{position:relative;width:100%;height:4px;background:rgba(var(--color-text),.1);border-radius:2px;overflow:hidden}.video-showcase .progress-bar{height:100%;background:rgb(var(--color-black));border-radius:2px;transition:width .3s ease;width:0%}@media (prefers-contrast: high){.video-showcase__overlay{background:linear-gradient(135deg,#000000b3,#0000004d,#000c)}.video-showcase__play-button{background:#000000e6;border:2px solid white}}@media (min-width: 1024px){.video-showcase__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--video-showcase-gap)}.video-showcase__item-content{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}.video-showcase__item-media{aspect-ratio:273/240}.video-showcase__item-text{padding:0}.video-showcase__item-title,.video-showcase__item-description{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.video-showcase__item:not(:first-child){padding-top:2.4rem}.video-showcase__item:not(:last-child){border-bottom:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));padding-bottom:2.4rem}.video-showcase__wrapper:not(.swiper) .video-showcase__additional-inner{display:grid;grid-template-columns:1fr;gap:unset}.video-showcase__wrapper:not(.swiper) .video-showcase__item{width:100%;flex:none}}
/*# sourceMappingURL=/cdn/shop/t/653/assets/section-video-showcase.css.map */