@import"https://use.typekit.net/leq4yrm.css";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";#ocelot,#ocelot-en-detail{background:#f6f6f6}#ocelot .builder,#ocelot-en-detail .builder{display:grid}#ocelot .builder+.skewed::after,#ocelot-en-detail .builder+.skewed::after{box-shadow:none}@media screen and (max-width: 768px){#ocelot .builder .white__inner,#ocelot-en-detail .builder .white__inner{grid-row:2/3}#ocelot .builder .sw-text,#ocelot-en-detail .builder .sw-text{grid-row:1/2}}#ocelot .skewed,#ocelot-en-detail .skewed{position:relative;z-index:10}#ocelot .skewed:not(:nth-child(2)) .skewed__wrapper,#ocelot-en-detail .skewed:not(:nth-child(2)) .skewed__wrapper{margin-top:-6vw}#ocelot .skewed__content,#ocelot-en-detail .skewed__content{z-index:10}#ocelot .skewed__content--list ul,#ocelot-en-detail .skewed__content--list ul{list-style-type:disc;margin-top:12px;padding-left:12px}#ocelot .skewed__content--list li::marker,#ocelot-en-detail .skewed__content--list li::marker{color:#cddbdc;vertical-align:middle;font-weight:bold}@media screen and (max-width: 768px){#ocelot .skewed img.after,#ocelot-en-detail .skewed img.after{order:5}}@media screen and (min-width: 768px){#ocelot .skewed:not(:nth-child(2)) img.before,#ocelot-en-detail .skewed:not(:nth-child(2)) img.before{-webkit-transform:scale(1.4) translate(0);-ms-transform:scale(1.4) translate(0);transform:scale(1.4) translate(0)}}#ocelot .black__stats,#ocelot-en-detail .black__stats{grid-gap:80px 70px;justify-items:center}#ocelot .black__stats--item,#ocelot-en-detail .black__stats--item{grid-gap:20px;text-align:start;align-items:center;justify-self:center;justify-items:start;grid-template-columns:auto 1fr;display:grid}#ocelot .black__stats--item img,#ocelot-en-detail .black__stats--item img{width:100%;max-width:100px}#ocelot .black__stats--number,#ocelot-en-detail .black__stats--number{font-size:max(16px,3rem)}#ocelot .black__stats--number.large,#ocelot-en-detail .black__stats--number.large{font-size:max(16px,3.125rem)}#ocelot .black__stats p:not(.black__stats--number),#ocelot .black__stats h3,#ocelot-en-detail .black__stats p:not(.black__stats--number),#ocelot-en-detail .black__stats h3{font-size:max(16px,1.75rem)}#ocelot .sw-block.intro-inner,#ocelot-en-detail .sw-block.intro-inner{color:#fff;position:relative;padding:0 0 clamp(100px,10vw,250px);z-index:1000}#ocelot .sw-block.intro-inner+.skewed,#ocelot-en-detail .sw-block.intro-inner+.skewed{margin-top:-24vw;padding-top:10vw}#ocelot .sw-block.intro-inner .breadcrumb,#ocelot-en-detail .sw-block.intro-inner .breadcrumb{padding-top:clamp(80px,14vw,90px)}#ocelot .sw-block.intro-inner .breadcrumb__nav,#ocelot-en-detail .sw-block.intro-inner .breadcrumb__nav{display:none}#ocelot .sw-block.intro-inner p:not(.color__main),#ocelot .sw-block.intro-inner a,#ocelot .sw-block.intro-inner .btn:after,#ocelot-en-detail .sw-block.intro-inner p:not(.color__main),#ocelot-en-detail .sw-block.intro-inner a,#ocelot-en-detail .sw-block.intro-inner .btn:after{color:#fff}#ocelot .sw-block.intro-inner .btn:hover:after,#ocelot-en-detail .sw-block.intro-inner .btn:hover:after{color:#00adee}#ocelot .sw-block.intro-inner h2:not(.color__main),#ocelot-en-detail .sw-block.intro-inner h2:not(.color__main){color:#fff}#ocelot .sw-block.intro-inner .style-5,#ocelot .sw-block.intro-inner .btn,#ocelot-en-detail .sw-block.intro-inner .style-5,#ocelot-en-detail .sw-block.intro-inner .btn{color:#00adee}#ocelot .sw-block.intro-inner .block__content,#ocelot-en-detail .sw-block.intro-inner .block__content{margin-bottom:clamp(50px,7.5vw,150px)}#ocelot .sw-block.intro-inner .block__image,#ocelot-en-detail .sw-block.intro-inner .block__image{position:absolute;display:grid;height:calc(100% + clamp(30px,5vw,100px));width:100%;top:clamp(-100px,12.5vw,-250px);opacity:1;cursor:unset;-webkit-transform:translateZ(0) skew(0, -5deg);-ms-transform:translateZ(0) skew(0, -5deg);transform:translateZ(0) skew(0, -5deg)}#ocelot .sw-block.intro-inner .block__image img,#ocelot-en-detail .sw-block.intro-inner .block__image img{height:calc(100% + clamp(80px,6vw,120px));object-fit:cover;-webkit-transform:translateZ(0) skew(0, 5deg);-ms-transform:translateZ(0) skew(0, 5deg);transform:translateZ(0) skew(0, 5deg);grid-area:1/1/2/2}#ocelot .sw-block.intro-inner .block__image::after,#ocelot-en-detail .sw-block.intro-inner .block__image::after{content:"";background:linear-gradient(to bottom, #000 60%, #252b2b 100%);grid-area:1/1/2/2;opacity:.7;widht:100%;height:100%;z-index:10}#ocelot .sw-block.intro-inner+.sw-block.black,#ocelot-en-detail .sw-block.intro-inner+.sw-block.black{z-index:15;position:relative}#ocelot .sw-block.black.stats::after,#ocelot-en-detail .sw-block.black.stats::after{display:none}@media screen and (min-width: 400px){#ocelot .sw-block.intro-inner+.skewed,#ocelot-en-detail .sw-block.intro-inner+.skewed{margin-top:-20vw}}@media screen and (min-width: 550px){#ocelot .sw-block.intro-inner+.skewed,#ocelot-en-detail .sw-block.intro-inner+.skewed{margin-top:-15vw}}@media screen and (min-width: 768px){#ocelot .sw-block.intro-inner+.skewed,#ocelot-en-detail .sw-block.intro-inner+.skewed{margin-top:-20vw;padding-top:12vw}#ocelot .sw-block.intro-inner .block__image,#ocelot-en-detail .sw-block.intro-inner .block__image{width:calc(100% - 99px)}#ocelot .sw-block.intro-inner .block__content,#ocelot-en-detail .sw-block.intro-inner .block__content{grid-column-start:4;grid-column-end:13}}@media screen and (min-width: 1024px){#ocelot .sw-block.intro-inner+.skewed,#ocelot-en-detail .sw-block.intro-inner+.skewed{margin-top:-22vw;padding-top:10vw}#ocelot .sw-block.intro-inner .block__content,#ocelot-en-detail .sw-block.intro-inner .block__content{grid-column-start:3;grid-column-end:13}}@media screen and (min-width: 1280px){#ocelot .sw-block.intro-inner+.skewed,#ocelot-en-detail .sw-block.intro-inner+.skewed{margin-top:-15vw;padding-top:7vw}#ocelot .black__stats,#ocelot-en-detail .black__stats{justify-items:start}}#ocelot{overflow:hidden}#ocelot .skewed .swiper{width:100%;height:100%;margin:50px 0 0;-webkit-transform:scale(1.4) translate(10%);-ms-transform:scale(1.4) translate(10%);transform:scale(1.4) translate(10%)}#ocelot .skewed .swiper+div{z-index:500}#ocelot .skewed .swiper img{width:100%;height:100%;object-fit:contain}#ocelot .skewed:after{background:unset}#ocelot .skewed img{border-radius:0}#ocelot .skewed img.multiply{mix-blend-mode:multiply}#ocelot .skewed:nth-child(2) img{margin-bottom:clamp(10px,2.5vw,50px)}#ocelot .skewed:nth-child(2) p.color__main.style-4{font-size:max(24px,2rem)}@media screen and (min-width: 1024px){#ocelot .skewed:not(:nth-child(2)) img{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}#ocelot .skewed:not(:nth-child(2)) img:nth-child(odd){-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}}@media screen and (min-width: 1280px){#ocelot .skewed:not(:nth-child(2)) img{-webkit-transform:scale(1.4) translate(25%);-ms-transform:scale(1.4) translate(25%);transform:scale(1.4) translate(25%)}#ocelot .skewed:not(:nth-child(2)) img:nth-child(odd){-webkit-transform:scale(1.4) translateX(-25%);-ms-transform:scale(1.4) translateX(-25%);transform:scale(1.4) translateX(-25%)}#ocelot .skewed:not(:nth-child(2)) .swiper{-webkit-transform:scale(2) translate(5%, 10%);-ms-transform:scale(2) translate(5%, 10%);transform:scale(2) translate(5%, 10%)}#ocelot .skewed:not(:nth-child(2)) .skewed__content--img,#ocelot .skewed:not(:nth-child(2)) .skewed__content--img:nth-child(odd){-webkit-transform:scale(1) translate(0);-ms-transform:scale(1) translate(0);transform:scale(1) translate(0)}#ocelot .skewed:nth-child(2) img{grid-column:1/8}}[data-section=PageContent]#ocelot-en-detail{background:#fff}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner{background:linear-gradient(to bottom, #181d1d 54%, #252b2b);color:#fff;padding-bottom:0;z-index:5}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner__padding{padding-bottom:clamp(90px,17vw,300px)}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner .breadcrumb__nav{display:none}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner .block__content{padding-bottom:50px;grid-column:3/8;margin-bottom:clamp(25px,2.5vw,50px)}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner .block__image{position:absolute;top:0;right:0;left:calc(50% + 100px);width:calc(50% - 100px);height:100%;transform:skew(0);grid-column-start:unset;grid-column-end:unset;transition-delay:640ms;border:none}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner .block__image:after{display:none}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner .block__image img{height:100%;object-fit:cover;object-position:start start;max-width:unset;-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0)}[data-section=PageContent]#ocelot-en-detail .intro .sw-block.intro-inner:after{content:"";background:#252b2b;width:100%;height:7.5vw;bottom:-7.5vw;left:0;position:absolute}[data-section=PageContent]#ocelot-en-detail .skewed:after{display:none}[data-section=PageContent]#ocelot-en-detail .skewed__m-l{padding-left:100px}[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2) img{position:absolute;top:150px;left:-10%;width:60%;height:unset;object-fit:contain;transition:all 400ms ease}[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2)::after{background:#f6f6f6;box-shadow:none}[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(3)::after{box-shadow:unset}[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2):after,[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(3):after{display:block}[data-section=PageContent]#ocelot-en-detail .skewed img{grid-row:1/2;border-radius:0;height:100%;object-fit:cover;object-position:0 50%;max-height:1000px;border-radius:10px 0 0 10px}[data-section=PageContent]#ocelot-en-detail .skewed img:first-child{border-radius:0 10px 10px 0;object-position:25% 50%}[data-section=PageContent]#ocelot-en-detail .skewed img:first-child.start-md-1{padding-left:100px}[data-section=PageContent]#ocelot-en-detail .skewed:nth-last-child(2) img{object-position:70% 50%}[data-section=PageContent]#ocelot-en-detail .skewed ul{list-style-type:disc;padding-left:12px}[data-section=PageContent]#ocelot-en-detail .skewed ul li::marker{color:#cddbdc;vertical-align:middle;font-weight:bold}@media screen and (max-width: 2000px){[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2) img{margin-top:-1.5vw}}@media screen and (max-width: 1600px){[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2) img{margin-top:-4vw}}@media screen and (max-width: 1280px){[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2) img{position:relative;top:unset;width:100%;height:100%;bottom:0;left:0;object-fit:contain;transition:all 400ms ease;max-height:600px;grid-row:2/3}[data-section=PageContent]#ocelot-en-detail .skewed__m-l{padding-left:0}}@media screen and (max-width: 1024px){[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner.intro-img{overflow-y:visible}[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner.intro-img .block__content{grid-column:3/14;padding-bottom:clamp(300px,35vw,650px);margin-bottom:50px}[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner.intro-img .block__image{bottom:0;top:unset;width:100%;left:100px;right:0;overflow:visible;transform:unset;height:clamp(300px,35vw,650px)}[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner.intro-img .block__image img{height:135%;width:100%}}@media screen and (max-width: 768px){[data-section=PageContent]#ocelot-en-detail .skewed img:first-child.start-md-1{padding-left:0}[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner.intro-img .block__content{grid-column:2/14}[data-section=PageContent]#ocelot-en-detail .breadcrumb .go-back span{display:block}}@media screen and (min-width: 1024px){[data-section=PageContent]#ocelot-en-detail .block__content{grid-column-end:8}}@media screen and (min-width: 1400px){[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner .breadcrumb__nav{display:grid}[data-section=PageContent]#ocelot-en-detail .sw-block.intro-inner .breadcrumb__nav a:first-child{display:none}[data-section=PageContent]#ocelot-en-detail .skewed:nth-child(2) img{height:120%}}/*# sourceMappingURL=ocelot.css.map */