.comp-ch{--max-content-width:520px}.comp-ch .section-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100vh}.comp-ch .section-container section{width:100%;height:100vh;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.comp-ch .section-container section.half{width:50%}.comp-ch .section-container section.title-text .content-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:70px}.comp-ch .section-container section.title-text .content-container.center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.comp-ch .section-container section.title-text .content-container .title{color:#000;text-transform:uppercase;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:var(--fade-in-up-transition);transition:var(--fade-in-up-transition)}.comp-ch .section-container section.title-text .content-container .title.in-viewport{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.comp-ch .section-container section.title-text .content-container .text{max-width:var(--max-content-width);color:#000;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:var(--fade-in-up-transition);transition:var(--fade-in-up-transition)}.comp-ch .section-container section.title-text .content-container .text.in-viewport{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.comp-ch .section-container section.title-text .content-container.center .title,.comp-ch .section-container section.title-text .content-container.center .text{max-width:770px !important}.comp-ch .section-container section.title-text .content-container.center .text{line-height:1.7;letter-spacing:.15em}
.comp-ch .section-container section.title-text .content-container[data-bg='black'] .title,.comp-ch .section-container section.title-text .content-container[data-bg='black'] .text{color:#fff}.comp-ch .section-container section.gallery .background-container{width:100%;height:100%;position:absolute;top:0;left:0}.comp-ch .section-container section.gallery .background-container.overlay:after{content:'';width:100%;height:30%;position:absolute;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.7) 100%)}.comp-ch .section-container section.gallery .background-container .image{width:100%;height:100%;position:absolute;top:0;left:0}.comp-ch .section-container section.gallery .background-container .image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.comp-ch .section-container section.gallery .background-container .image.contain img{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom}.comp-ch .section-container section.gallery .background-container .video{width:100%;height:100%;position:absolute;top:0;left:0}.comp-ch .section-container section.gallery .background-container .video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.comp-ch .section-container section.gallery .background-container .video video#clar-video{-webkit-transform:translateY(-3.5%);transform:translateY(-3.5%)}.comp-ch .section-container section.gallery .logo-container{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:calc(min(20px, 5%))}
.comp-ch .section-container section.gallery .logo-container.position-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.comp-ch .section-container section.gallery .logo-container.position-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comp-ch .section-container section.gallery .logo-container.position-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.comp-ch .section-container section.gallery .logo-container.align-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.comp-ch .section-container section.gallery .logo-container.align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.comp-ch .section-container section.gallery .logo-container.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.comp-ch .section-container section.gallery .logo-container .logo{width:auto;opacity:0;-webkit-transition:var(--fade-in-transition);transition:var(--fade-in-transition)}.comp-ch .section-container section.gallery .logo-container .logo.in-viewport{opacity:1}.comp-ch .section-container section.gallery .logo-container .logo.small{width:140px}.comp-ch .section-container section.gallery .logo-container .logo.small{width:100px}@media screen and (min-width:979px){.comp-ch .section-container section.gallery .logo-container .logo.small{width:calc(6.8846815835vw + 32.5989672978px)}}@media screen and (min-width:1560px){.comp-ch .section-container section.gallery .logo-container .logo.small{width:140px}}.comp-ch .section-container section.gallery .logo-container .logo.medium{width:50%}.comp-ch .section-container section.gallery .logo-container .logo.large{width:100%}.comp-ch .section-container section.gallery .logo-container .logo.vertical.small{width:auto;height:140px}.comp-ch .section-container section.gallery .logo-container .logo.vertical.medium{width:auto;height:50vh}.comp-ch .section-container section.gallery .logo-container .logo.vertical.large{width:auto;height:85vh}
.comp-ch .section-container section.gallery .logo-container .logo img{width:100%;max-width:1120px;height:auto;margin:0 auto}.comp-ch .section-container section.gallery .logo-container .logo.vertical img{width:auto;height:100%}.comp-ch .section-container section.gallery .content-container{width:100%;height:100%;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:70px}.comp-ch .section-container section.gallery .content-container .title{max-width:var(--max-content-width);color:#fff;text-transform:uppercase;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:var(--fade-in-up-transition);transition:var(--fade-in-up-transition)}.comp-ch .section-container section.gallery .content-container .title.in-viewport{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.comp-ch .section-container section.gallery .content-container .text{max-width:var(--max-content-width);color:#fff;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:var(--fade-in-up-transition);transition:var(--fade-in-up-transition)}.comp-ch .section-container section.gallery .content-container .text.in-viewport{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.comp-ch .section-container section.gallery .content-container .text:not(:empty){padding-top:15px}.comp-ch .section-container section.gallery .content-container[data-bg='black'] .title,.comp-ch .section-container section.gallery .content-container[data-bg='black'] .text{color:#fff}.comp-ch .section-container section.gallery .splide{height:100%}.comp-ch .section-container section.gallery .splide .splide__arrows{top:50%}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow{width:45px;height:45px;background:rgba(0,0,0,0.3);opacity:1;border-radius:50%}
.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--prev svg,.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--next svg{position:relative;left:0;pointer-events:none}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--prev svg{-webkit-transform:translateX(-10%) rotate(180deg);transform:translateX(-10%) rotate(180deg)}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--next svg{-webkit-transform:translateX(10%);transform:translateX(10%)}.comp-ch .section-container section.gallery .splide .splide__track{width:100%;height:100%}.comp-ch .section-container section.gallery .splide .splide__list{width:100%;height:100%}.comp-ch .section-container section.gallery .splide .splide__slide{width:100%;height:100%}.comp-ch .section-container section.quote .content-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:calc(min(50px, 10%)) 14%}.comp-ch .section-container section.quote .content-container .text{color:#000;text-transform:uppercase;opacity:0;-webkit-transition:var(--fade-in-transition);transition:var(--fade-in-transition)}.comp-ch .section-container section.quote .content-container .text.in-viewport{opacity:1}.comp-ch .section-container section.quote .content-container[data-bg='black'] .text{color:#fff}@media only screen and (max-width:1599px){.comp-ch .section-container section.title-text .content-container .title:not(:empty) ~ .text{padding-top:15px}}@media only screen and (max-width:1399px){.comp-ch{--max-content-width:400px}.comp-ch .section-container section.title-text .content-container{padding:calc(min(50px, 10%))}.comp-ch .section-container section.gallery .content-container{padding:calc(min(50px, 10%))}
.comp-ch .section-container section.gallery .splide{height:100%}.comp-ch .section-container section.gallery .splide .splide__arrows{top:50%}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow{width:50px;height:50px}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--prev svg,.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--next svg{width:12px}.comp-ch .section-container section.gallery .logo-container .logo.custom img{scale:.8}.comp-ch .section-container section.quote .content-container{padding:calc(min(30px, 10%)) calc(min(30px, 10%))}}@media only screen and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){.comp-ch .section-container section.half{width:100%}.comp-ch .section-container section.half_width_on_ipad{width:50%}}@media(min-device-width:768px) and (max-device-width:2752px) and (min-device-height:768px) and (max-device-height:2752px) and (any-pointer:coarse){@supports(height:100dvh){.comp-ch .section-container{height:100dvh}.comp-ch .section-container section{height:100dvh}}@supports not(height:100dvh){.comp-ch .section-container section.title-text .content-container{padding-bottom:90px}.comp-ch .section-container section.gallery .content-container{padding-bottom:90px}}.comp-ch .section-container section.gallery .logo-container .logo.medium{width:70%}}@media(min-device-width:768px) and (max-device-width:2752px) and (min-device-height:768px) and (max-device-height:2752px) and (any-pointer:coarse) and (orientation:portrait){.comp-ch .section-container section.gallery .background-container .video video.hide-on-responsive{display:none !important}.comp-ch .section-container section.gallery .background-container .video video.show-on-responsive{display:block !important}.comp-ch .section-container section.gallery .logo-container .logo.ipad-custom img{width:var(--ipad-width) !important}}@media(min-device-width:768px) and (max-device-width:2752px) and (min-device-height:768px) and (max-device-height:2752px) and (any-pointer:coarse) and (orientation:landscape){.comp-ch .section-container section.gallery .background-container .image img#bottle-fix{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:bottom;transform-origin:bottom}
.comp-ch .section-container section.gallery .background-container .video video#clar-video{-webkit-transform:scale(1.2) translateY(-3.5%);transform:scale(1.2) translateY(-3.5%)}.comp-ch .section-container section.gallery .background-container .video video.hide-on-responsive{display:block !important}.comp-ch .section-container section.gallery .background-container .video video.show-on-responsive{display:none !important}}@media only screen and (max-width:979px){.comp-ch{overflow:hidden}.comp-ch .section-container{display:block;height:auto}.comp-ch .section-container section{position:relative;height:100lvh}.comp-ch .section-container section.half{width:100%}.comp-ch .section-container section.title-text{height:auto}.comp-ch .section-container section.title-text .content-container{padding:100px calc(min(70px, 5%))}.comp-ch .section-container section.title-text .content-container.mobile-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.comp-ch .section-container section.title-text .content-container.mobile-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.comp-ch .section-container section.title-text .content-container.mobile-bottom{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:left}.comp-ch .section-container section.title-text .content-container .text{padding-bottom:0}.comp-ch .section-container section.gallery{height:100vw}.comp-ch .section-container section.gallery .background-container .video video.hide-on-responsive{display:none !important}.comp-ch .section-container section.gallery .background-container .video video.show-on-responsive{display:block !important}.comp-ch .section-container section.gallery .content-container{padding:20px calc(min(70px, 5%)) 20px}
.comp-ch .section-container section.gallery .logo-container .logo.small{width:100px}.comp-ch .section-container section.gallery .logo-container .logo.custom img{scale:.5}.comp-ch .section-container section.gallery .logo-container .logo.vertical.large{height:100%}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow{width:36px;height:36px}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--prev svg,.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow.splide__arrow--next svg{width:8.5px}.comp-ch .section-container section.quote{height:auto}.comp-ch .section-container section.quote .content-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:100px calc(min(70px, 5%))}.comp-ch .section-container section.quote .content-container .text{color:#000;text-transform:uppercase}.comp-ch .section-container section.quote .content-container[data-bg='black'] .text{color:#fff}.comp-ch .section-container section.mobile-height-full-screen{height:100lvh}.comp-ch .section-container section:first-child{height:100svh}.comp-ch .section-container section.gallery .background-container.overlay:after{height:50%}.comp-ch .section-container section.black-background-mobile{background-color:#000 !important}.comp-ch .section-container section.black-background-mobile.title-text .content-container .title,.comp-ch .section-container section.black-background-mobile.title-text .content-container .text,.comp-ch .section-container section.black-background-mobile.gallery .content-container .title,.comp-ch .section-container section.black-background-mobile.gallery .content-container .text,.comp-ch .section-container section.black-background-mobile.quote .content-container .text{color:#fff}.comp-ch .section-container section.white-background-mobile{background-color:#fff !important}
.comp-ch .section-container section.white-background-mobile.title-text .content-container .title,.comp-ch .section-container section.white-background-mobile.title-text .content-container .text,.comp-ch .section-container section.white-background-mobile.gallery .content-container .title,.comp-ch .section-container section.white-background-mobile.gallery .content-container .text,.comp-ch .section-container section.white-background-mobile.quote .content-container .text{color:#000}.comp-ch .fs-title-11{font-size:15px}}@media only screen and (max-device-width:1024px) and (orientation:landscape) and (pointer:coarse){.comp-ch .section-container section.gallery .background-container .video video.hide-on-responsive{display:block !important}.comp-ch .section-container section.gallery .background-container .video video.show-on-responsive{display:none !important}.comp-ch .section-container section.gallery .background-container .image img.hide-on-responsive{display:block !important}.comp-ch .section-container section.gallery .background-container .image img.show-on-responsive{display:none !important}.comp-ch .section-container section.mobile-height-full-screen{height:100vh !important}.comp-ch .section-container section.title-text .content-container{padding:3.5vw calc(min(70px, 4%))}.comp-ch .section-container section.gallery{height:100vh !important}.comp-ch .section-container section.gallery .content-container{padding:20px calc(min(70px, 4%)) 20px}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow--prev{left:4%}.comp-ch .section-container section.gallery .splide .splide__arrows .splide__arrow--next{right:4%}.comp-ch .section-container section.gallery .background-container .image .show-on-responsive{visibility:hidden}.comp-ch .section-container section.gallery .background-container .image .show-on-responsive-landscape{display:block !important}.comp-ch .section-container section.gallery .background-container .video video#clar-video{-webkit-transform:scale(2) translateY(-3.5%);transform:scale(2) translateY(-3.5%)}
.comp-ch .section-container section.quote .content-container{padding:100px calc(min(70px, 4%))}}@media only screen and (min-width:550px) and (max-width:1024px) and (orientation:landscape) and (pointer:coarse){.comp-ch .section-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh}.comp-ch .section-container section.half_width_on_mobile_landscape{width:50%}.comp-ch .section-container section.two_third_width_on_mobile_landscape{width:75%}.comp-ch .section-container section.title-text .content-container,.comp-ch .section-container section.gallery .content-container{padding:2.8vw 3.5vw}.comp-ch .section-container section.quote .content-container{padding:2.8vw 10vw}}