.video-section{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:100vh}.video-container{width:100%;max-height:100%}.video-container video{max-width:100%;height:auto}.video-container.video-container--portrait{max-width:52vw}.video-container.video-container--full-height{max-width:54vw;overflow:hidden}.video-container.video-container--full-width{width:100vw;height:100vh;overflow:hidden;max-width:initial}.video-container.video-container--full-width video{min-width:100%;min-height:100%;object-fit:cover}.video-section__text{position:absolute;bottom:0;left:50%;transform:translate(-50%);text-align:center}.video-section__text-long{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:18px;padding:0 1.5rem;text-align:left;font-family:minionpro-subh,serif;line-height:1.25}.video-section__text-long p{margin-bottom:1.25rem}.video-desktop-only{display:none}.video-mobile-only{height:100%;width:100%;aspect-ratio:2 / 3;overflow:hidden;position:relative}.video-mobile-only video{position:absolute;top:50%;transform:translateY(-50%)}@media screen and (min-width: 992px){.video-desktop-only{display:block;width:100%;height:100%;aspect-ratio:2 / 3;overflow:hidden;position:relative}.video-desktop-only video{position:absolute;top:50%;transform:translateY(-50%)}.video-mobile-only{display:none}.video-container.video-container--portrait{max-width:20vw}.video-section__text-long{padding-top:.3rem;font-size:2.8rem;text-indent:10rem}}@media screen and (max-width: 767px){.template-page .video-section:not(.video-section--full-width){flex-direction:column;min-height:auto}.template-page .video-section:not(.video-section--full-width) .video-container{margin-top:19rem;margin-bottom:8rem}.template-page .video-section:not(.video-section--full-width) .video-section__text-long{position:relative}.template-page .video-section__text-long{line-height:1.1}.template-page .video-section__text-long p{margin-bottom:1.9rem}.template-page .main .swiper-slide:first-of-type>.video-section:not(.video-section--full-width),.template-page .main .swiper-slide:last-of-type>.video-section:not(.video-section--full-width){min-height:100vh}:is(.template-page .main .swiper-slide:first-of-type>.video-section:not(.video-section--full-width),.template-page .main .swiper-slide:last-of-type>.video-section:not(.video-section--full-width)) .video-container{margin-top:8rem;margin-bottom:8rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/video-section.css.map */