.n-ix-animation-and-vfx{overflow:hidden;position:relative;padding:250px 16px 75px 40px;background-color:#0d1319;clip-path:polygon(85px 0, 100% 0, 100% 100%, 0 100%, 0 85px)}@media screen and (min-width: 768px){.n-ix-animation-and-vfx{padding:482px 20px 90px 66px;clip-path:polygon(115px 0, 100% 0, 100% 100%, 0 100%, 0 115px)}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx{padding:80px 55px 110px 155px;clip-path:polygon(155px 0, 100% 0, 100% 100%, 0 100%, 0 155px)}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx{padding:100px 210px 125px 301px;clip-path:polygon(285px 0, 100% 0, 100% 100%, 0 100%, 0 285px)}}@media screen and (min-width: 2560px){.n-ix-animation-and-vfx{padding:120px 210px 150px 301px}}.n-ix-animation-and-vfx::before{content:"";width:.5px;background-color:#ff6900;position:absolute;left:30px;top:0;bottom:0;z-index:2}@media screen and (min-width: 768px){.n-ix-animation-and-vfx::before{left:50px}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx::before{left:135px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx::before{left:285px}}.n-ix-animation-and-vfx-container .content .text{position:relative;z-index:2}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container .content .text{min-width:570px;width:50%}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .text{min-width:772px;width:54%}}@media screen and (min-width: 2560px){.n-ix-animation-and-vfx-container .content .text{min-width:1145px;width:55%}}.n-ix-animation-and-vfx-container .content .text h2{position:relative;font-weight:500;margin-bottom:24px;font-family:"Teko";font-weight:500;letter-spacing:.32px;font-size:32px;line-height:32px}@media(min-width: 768px){.n-ix-animation-and-vfx-container .content .text h2{font-size:48px;line-height:48px}}@media(min-width: 1280px){.n-ix-animation-and-vfx-container .content .text h2{font-size:60px;line-height:60px}}@media(min-width: 1920px){.n-ix-animation-and-vfx-container .content .text h2{font-size:64px;line-height:64px}}@media(min-width: 2560px){.n-ix-animation-and-vfx-container .content .text h2{font-size:72px;line-height:72px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .text h2{margin-bottom:32px}}.n-ix-animation-and-vfx-container .content .text h2::after{content:"";width:4px;height:4px;border-radius:1px 0 0 1px;position:absolute;top:-100px;left:-14px;background-color:#ff6900}@media screen and (min-width: 768px){.n-ix-animation-and-vfx-container .content .text h2::after{width:8px;height:8px;left:-24px;top:60px}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container .content .text h2::after{left:-28px;top:0}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .text h2::after{left:-24px;top:-15px}}@media screen and (min-width: 2560px){.n-ix-animation-and-vfx-container .content .text h2::after{top:35px}}.n-ix-animation-and-vfx-container .content .text .description{font-family:"Open Sans";font-weight:400;letter-spacing:.16px;font-size:16px;line-height:26px;color:#fff}@media(min-width: 768px){.n-ix-animation-and-vfx-container .content .text .description{font-size:18px;line-height:28px}}@media(min-width: 1920px){.n-ix-animation-and-vfx-container .content .text .description{font-size:20px;line-height:30px}}@media(min-width: 2560px){.n-ix-animation-and-vfx-container .content .text .description{font-size:22px;line-height:32px}}.n-ix-animation-and-vfx-container .content .text .description p:first-child{margin-top:0}.n-ix-animation-and-vfx-container .content .text .description ul{display:grid;grid-template-columns:1fr;gap:8px;list-style-type:square;margin:16px 0 24px 0;padding-left:24px}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container .content .text .description ul{margin:24px 0}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .text .description ul{margin:32px 0;gap:16px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .text .description ul{margin:32px 0 40px 0}}.n-ix-animation-and-vfx-container .content .text .description ul li::marker{color:#ff6900}.n-ix-animation-and-vfx-container .content .text .description .btn{text-transform:uppercase;text-decoration:none;font-family:"Teko";font-style:normal;font-weight:700;font-size:16px;line-height:23px;color:#fff;background-color:#ff6900;padding:16px 32px 14px 32px;border-radius:3px;transition:.5s}.n-ix-animation-and-vfx-container .content .text .description .btn:hover{background-color:#f79c42}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .text .description .btn{padding:16px 40px 14px 40px}}.n-ix-animation-and-vfx-container .content .figure{position:absolute;pointer-events:none;overflow:hidden;top:55px;left:30px}@media screen and (min-width: 768px){.n-ix-animation-and-vfx-container .content .figure{top:32px;left:0}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container .content .figure{top:45px;left:unset;right:-90px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .figure{right:-145px}}.n-ix-animation-and-vfx-container .content .figure .animation{position:relative;aspect-ratio:1/.5625;width:330px}@media screen and (min-width: 768px){.n-ix-animation-and-vfx-container .content .figure .animation{width:752px}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container .content .figure .animation{width:1010px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container .content .figure .animation{width:1224px}}@media screen and (min-width: 2560px){.n-ix-animation-and-vfx-container .content .figure .animation{width:1278px}}.n-ix-animation-and-vfx-container .content .figure .animation video{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.n-ix-animation-and-vfx-container .content .figure .animation video.loop{opacity:0}.n-ix-animation-and-vfx-container ol{list-style-type:none;margin:40px 0 0 -24px;padding:0;display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:16px;align-items:stretch;position:relative;z-index:3}@media screen and (min-width: 768px){.n-ix-animation-and-vfx-container ol{grid-template-columns:repeat(2, 1fr);padding:24px;border:1px solid #ff6900;border-radius:3px;margin-top:52px;margin-left:-46px}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container ol{margin-top:80px;margin-left:-100px;padding:40px;grid-template-columns:repeat(4, 1fr);gap:30px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container ol{margin-top:182px}}@media screen and (min-width: 2560px){.n-ix-animation-and-vfx-container ol{margin-top:192px}}.n-ix-animation-and-vfx-container ol::before{content:"";width:8px;height:8px;background-color:#ff6900;position:absolute;top:0;right:0;border-radius:1px}.n-ix-animation-and-vfx-container ol li{border-radius:3px;overflow:hidden;aspect-ratio:1}.n-ix-animation-and-vfx-container ol li a{position:relative;width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.n-ix-animation-and-vfx-container ol li a:hover{cursor:pointer}.n-ix-animation-and-vfx-container ol li a:hover img{transform:translate(-50%, -50%) scale(1.2)}.n-ix-animation-and-vfx-container ol li a span{position:relative;width:100%;padding:28px 16px 24px 16px}@media screen and (min-width: 768px){.n-ix-animation-and-vfx-container ol li a span{padding:24px 16px 24px 16px}}@media screen and (min-width: 1280px){.n-ix-animation-and-vfx-container ol li a span{padding:16px 16px 24px 16px}}@media screen and (min-width: 1920px){.n-ix-animation-and-vfx-container ol li a span{padding:8px 16px 24px 16px}}@media screen and (min-width: 2560px){.n-ix-animation-and-vfx-container ol li a span{padding:12px 16px 32px 40px}}.n-ix-animation-and-vfx-container ol li a span h3{position:relative;font-family:"Teko";font-weight:500;letter-spacing:.32px;font-size:28px;line-height:28px;text-align:center;color:#fff}@media(min-width: 768px){.n-ix-animation-and-vfx-container ol li a span h3{letter-spacing:.24px;font-size:32px;line-height:32px}}@media(min-width: 1280px){.n-ix-animation-and-vfx-container ol li a span h3{font-size:40px;line-height:40px}}@media(min-width: 1920px){.n-ix-animation-and-vfx-container ol li a span h3{font-size:48px;line-height:48px}}@media(min-width: 2560px){.n-ix-animation-and-vfx-container ol li a span h3{font-size:56px;line-height:56px}}.n-ix-animation-and-vfx-container ol li a span::before{content:"";width:100%;height:100%;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(360deg, #000000 -36.96%, rgba(0, 0, 0, 0) 100%)}.n-ix-animation-and-vfx-container ol li a img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.5s}
/*# sourceMappingURL=style.css.map */