.n-ix-art{position:relative;padding:220px 16px 50px 40px;background-repeat:no-repeat;background-position:top right;background-size:contain}@media screen and (min-width: 768px){.n-ix-art{padding:64px 20px 64px 66px;background-size:65%}}@media screen and (min-width: 1280px){.n-ix-art{padding:80px 55px 80px 155px}}@media screen and (min-width: 1920px){.n-ix-art{padding:100px 210px 100px 301px;background-size:auto}}@media screen and (min-width: 2560px){.n-ix-art{padding:120px 210px 120px 301px}}.n-ix-art::before{content:"";width:.5px;background-color:#436c9b;position:absolute;left:30px;top:0;bottom:0;z-index:2}@media screen and (min-width: 768px){.n-ix-art::before{left:50px}}@media screen and (min-width: 1280px){.n-ix-art::before{left:135px}}@media screen and (min-width: 1920px){.n-ix-art::before{left:285px}}.n-ix-art .clip-path{background-color:#fff}.n-ix-art.bg-white{background-color:#fff}.n-ix-art.bg-white .n-ix-art-container .content .text h2 .light{color:#ff6900}.n-ix-art.bg-white .n-ix-art-container .content .text h2 .dark{color:#436c9b}.n-ix-art.bg-white .n-ix-art-container .content .description{color:#0d1319}.n-ix-art.bg-white .n-ix-art-container .content .description ul li::marker{color:#436c9b}.n-ix-art.bg-white .clip-path{background-color:#0d1319}.n-ix-art.bg-white .clip-path-container::before{background-color:#ff6900}.n-ix-art.left-to-right .clip-path{width:85px;height:85px;position:absolute;top:0;left:0;z-index:2;clip-path:polygon(0 0, 0% 100%, 100% 0)}@media screen and (min-width: 768px){.n-ix-art.left-to-right .clip-path{width:115px;height:115px}}@media screen and (min-width: 1280px){.n-ix-art.left-to-right .clip-path{width:155px;height:155px}}@media screen and (min-width: 1920px){.n-ix-art.left-to-right .clip-path{width:285px;height:285px}}.n-ix-art.left-to-right .clip-path-container::before{content:"";width:.5px;position:absolute;left:30px;top:0;bottom:0;z-index:2}@media screen and (min-width: 768px){.n-ix-art.left-to-right .clip-path-container::before{left:50px}}@media screen and (min-width: 1280px){.n-ix-art.left-to-right .clip-path-container::before{left:135px}}@media screen and (min-width: 1920px){.n-ix-art.left-to-right .clip-path-container::before{left:285px}}.n-ix-art.left-to-right .n-ix-art-container .content{display:flex;justify-content:flex-start}.n-ix-art.left-to-right .n-ix-art-container .content .figure{position:absolute;top:0;right:0}.n-ix-art.left-to-right .n-ix-art-container .content .figure .animation{right:0}.n-ix-art.right-to-left .clip-path{width:85px;height:85px;position:absolute;top:0;right:0;z-index:2;clip-path:polygon(100% 0, 0 0, 100% 100%)}@media screen and (min-width: 768px){.n-ix-art.right-to-left .clip-path{width:115px;height:115px}}@media screen and (min-width: 1280px){.n-ix-art.right-to-left .clip-path{width:155px;height:155px}}@media screen and (min-width: 1920px){.n-ix-art.right-to-left .clip-path{width:285px;height:285px}}.n-ix-art.right-to-left .clip-path-container::before{display:none !important}.n-ix-art.right-to-left .n-ix-art-container .content{display:flex;justify-content:flex-end}.n-ix-art.right-to-left .n-ix-art-container .content .text h2::after{display:none !important}.n-ix-art.right-to-left .n-ix-art-container .content .figure{position:absolute;top:0;left:0}.n-ix-art.right-to-left .n-ix-art-container .content .figure .animation{left:0}.n-ix-art.phoenix .n-ix-art-container .content .figure{top:-40px;right:0}@media screen and (min-width: 768px){.n-ix-art.phoenix .n-ix-art-container .content .figure{top:-75px}}@media screen and (min-width: 1920px){.n-ix-art.phoenix .n-ix-art-container .content .figure{top:-175px}}.n-ix-art.phoenix .n-ix-art-container .content .figure .animation{width:365px;aspect-ratio:1/.994}@media screen and (min-width: 768px){.n-ix-art.phoenix .n-ix-art-container .content .figure .animation{width:485px;right:-50px}}@media screen and (min-width: 1280px){.n-ix-art.phoenix .n-ix-art-container .content .figure .animation{width:625px}}@media screen and (min-width: 1920px){.n-ix-art.phoenix .n-ix-art-container .content .figure .animation{width:900px}}@media screen and (min-width: 2560px){.n-ix-art.phoenix .n-ix-art-container .content .figure .animation{width:1100px}}.n-ix-art.phoenix .n-ix-art-container .content .figure .animation img.shadow{z-index:3;animation:fadeInOut 2.5s infinite}.n-ix-art.phoenix .n-ix-art-container .content .figure .animation img.bird{z-index:2}.n-ix-art.phoenix .n-ix-art-container .content .figure .animation img.stars{z-index:1}@keyframes fadeInOut{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.n-ix-art.soldier{padding:360px 16px 50px 40px}@media screen and (min-width: 768px){.n-ix-art.soldier{padding:64px 20px 64px 66px}}@media screen and (min-width: 1280px){.n-ix-art.soldier{padding:80px 55px 80px 155px}}@media screen and (min-width: 1920px){.n-ix-art.soldier{padding:100px 210px 100px 301px}}@media screen and (min-width: 2560px){.n-ix-art.soldier{padding:120px 210px 120px 301px}}@media screen and (min-width: 1280px){.n-ix-art.soldier .n-ix-art-container .content .text{width:62%;min-width:670px}}@media screen and (min-width: 1920px){.n-ix-art.soldier .n-ix-art-container .content .text{width:60%;min-width:862px}}@media screen and (min-width: 2560px){.n-ix-art.soldier .n-ix-art-container .content .text{width:59%;min-width:1235px}}.n-ix-art.soldier .n-ix-art-container .content .figure{top:0;right:unset;left:0;z-index:2}.n-ix-art.soldier .n-ix-art-container .content .figure .animation{width:360px;aspect-ratio:1}@media screen and (min-width: 768px){.n-ix-art.soldier .n-ix-art-container .content .figure .animation{width:525px;left:-185px}}@media screen and (min-width: 1280px){.n-ix-art.soldier .n-ix-art-container .content .figure .animation{width:610px;left:-50px}}@media screen and (min-width: 1920px){.n-ix-art.soldier .n-ix-art-container .content .figure .animation{width:800px}}@media screen and (min-width: 2560px){.n-ix-art.soldier .n-ix-art-container .content .figure .animation{width:1050px}}.n-ix-art.soldier .n-ix-art-container .content .figure .animation img.layer-1{z-index:1}.n-ix-art.soldier .n-ix-art-container .content .figure .animation img.layer-2{opacity:0;z-index:2}.n-ix-art.soldier .n-ix-art-container .content .figure .animation img.layer-3{opacity:0;z-index:3}.n-ix-art.soldier .n-ix-art-container .content .figure .animation img.layer-4{opacity:0;z-index:4}@media screen and (min-width: 1280px){.n-ix-art.soldier .n-ix-art-container ol{margin-top:90px}}@media screen and (min-width: 1920px){.n-ix-art.soldier .n-ix-art-container ol{margin-top:176px}}@media screen and (min-width: 2560px){.n-ix-art.soldier .n-ix-art-container ol{margin-top:393px}}@media screen and (min-width: 768px){.n-ix-art-container .content .text{width:60%;min-width:429px}}@media screen and (min-width: 1280px){.n-ix-art-container .content .text{width:50%;min-width:570px}}@media screen and (min-width: 1920px){.n-ix-art-container .content .text{min-width:772px}}@media screen and (min-width: 2560px){.n-ix-art-container .content .text{min-width:none;width:1145px}}.n-ix-art-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-art-container .content .text h2{font-size:48px;line-height:48px}}@media(min-width: 1280px){.n-ix-art-container .content .text h2{font-size:60px;line-height:60px}}@media(min-width: 1920px){.n-ix-art-container .content .text h2{font-size:64px;line-height:64px}}@media(min-width: 2560px){.n-ix-art-container .content .text h2{font-size:72px;line-height:72px}}@media screen and (min-width: 1920px){.n-ix-art-container .content .text h2{margin-bottom:32px}}.n-ix-art-container .content .text h2::after{content:"";width:4px;height:4px;border-radius:1px 0 0 1px;position:absolute;top:-100px;left:-14px;background-color:#436c9b}@media screen and (min-width: 768px){.n-ix-art-container .content .text h2::after{width:8px;height:8px;left:-24px;top:60px}}@media screen and (min-width: 1280px){.n-ix-art-container .content .text h2::after{left:-28px;top:0}}@media screen and (min-width: 1920px){.n-ix-art-container .content .text h2::after{left:-24px;top:-15px}}@media screen and (min-width: 2560px){.n-ix-art-container .content .text h2::after{top:35px}}.n-ix-art-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-art-container .content .text .description{font-size:18px;line-height:28px}}@media(min-width: 1920px){.n-ix-art-container .content .text .description{font-size:20px;line-height:30px}}@media(min-width: 2560px){.n-ix-art-container .content .text .description{font-size:22px;line-height:32px}}.n-ix-art-container .content .text .description p:first-child{margin-top:0}.n-ix-art-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: 768px){.n-ix-art-container .content .text .description ul{margin:24px 0}}@media screen and (min-width: 1280px){.n-ix-art-container .content .text .description ul{margin:26px 0 38px 0}}@media screen and (min-width: 1920px){.n-ix-art-container .content .text .description ul{margin:32px 0;gap:16px}}@media screen and (min-width: 2560px){.n-ix-art-container .content .text .description ul{margin:32px 0 40px 0}}.n-ix-art-container .content .text .description ul li::marker{color:#ff6900}.n-ix-art-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:16px;color:#fff;background-color:#ff6900;padding:16px 32px 14px 32px;border-radius:3px;transition:.5s}.n-ix-art-container .content .text .description .btn:hover{background-color:#f79c42}@media screen and (min-width: 1920px){.n-ix-art-container .content .text .description .btn{padding:16px 40px 14px 40px}}.n-ix-art-container .content .figure{position:absolute;pointer-events:none;overflow:hidden}.n-ix-art-container .content .figure .animation{position:relative}.n-ix-art-container .content .figure .animation img{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.n-ix-art-container ol{list-style-type:none;margin:50px 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-art-container ol{grid-template-columns:repeat(2, 1fr);padding:24px;border:1px solid #436c9b;border-radius:3px;margin-top:40px;margin-left:-46px}}@media screen and (min-width: 1280px){.n-ix-art-container ol{margin-top:40px;margin-left:-100px;padding:40px;grid-template-rows:repeat(2, 1fr);grid-template-columns:repeat(4, 1fr);gap:30px}}@media screen and (min-width: 1920px){.n-ix-art-container ol{margin-top:56px;padding:48px}}@media screen and (min-width: 2560px){.n-ix-art-container ol{margin-top:100px}}.n-ix-art-container ol::before{content:"";width:8px;height:8px;background-color:#436c9b;position:absolute;top:0;right:0;border-radius:1px}.n-ix-art-container ol li{border-radius:3px;overflow:hidden;aspect-ratio:1}@media screen and (min-width: 1280px){.n-ix-art-container ol li:nth-child(6n-5),.n-ix-art-container ol li:nth-child(6n-4){grid-column:span 2;aspect-ratio:auto}}.n-ix-art-container ol li a{position:relative;width:100%;height:100%;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end}.n-ix-art-container ol li a:hover{cursor:pointer}.n-ix-art-container ol li a:hover img{transform:translate(-50%, -50%) scale(1.2)}.n-ix-art-container ol li a span{position:relative;width:100%;padding:28px 16px 24px 16px}@media screen and (min-width: 768px){.n-ix-art-container ol li a span{padding:24px 16px 24px 16px}}@media screen and (min-width: 1280px){.n-ix-art-container ol li a span{padding:16px 16px 24px 16px}}@media screen and (min-width: 1920px){.n-ix-art-container ol li a span{padding:8px 16px 24px 16px}}@media screen and (min-width: 2560px){.n-ix-art-container ol li a span{padding:12px 16px 32px 40px}}.n-ix-art-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-art-container ol li a span h3{letter-spacing:.24px;font-size:32px;line-height:32px}}@media(min-width: 1280px){.n-ix-art-container ol li a span h3{font-size:40px;line-height:40px}}@media(min-width: 1920px){.n-ix-art-container ol li a span h3{font-size:48px;line-height:48px}}@media(min-width: 2560px){.n-ix-art-container ol li a span h3{font-size:56px;line-height:56px}}.n-ix-art-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-art-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}@media screen and (min-width: 1280px){.n-ix-art-container ol li a img{height:auto}}
/*# sourceMappingURL=style.css.map */