@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}h1{text-transform:uppercase;font-family:Barlow Condensed;font-size:6rem;font-weight:900;line-height:.85;letter-spacing:-.02rem}h2{font-family:Barlow Condensed;font-size:4rem;font-weight:900;line-height:.85;letter-spacing:-.02rem}img{width:100%;height:100%;object-fit:cover}nav{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:35%;padding:1rem 0;display:flex;justify-content:center;align-items:center;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;z-index:2}nav img{width:3rem}section{height:100vh;min-height:100vh;position:relative;width:100vw;background-color:#161616;color:#fff;overflow:hidden}.intro .mid-sect .outro{display:flex;justify-content:center;align-items:center}.intro{background-image:url(/assets/cyberpunk-eyes-W9l7Fncr.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%;z-index:1}.mid-sect{background-color:#161616;color:#fff;justify-self:center;text-align:center;height:auto;overflow:visible;padding:100px 0}.about{padding:0 140px;justify-self:center;text-align:center}.about p{font-size:20px}.designs-section{min-height:100vh;display:flex}.designs{justify-self:center;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;min-height:100vh}.design-img{position:relative;overflow:hidden;width:100%;min-height:100vh;background-size:cover;background-position:center}.design-img-1{background-image:url(/assets/Futuristic-Warrior-Woman-CWaDdbFp.png);background-repeat:no-repeat;width:100%;height:100%}.design-img-2{background-image:url(/assets/Woman-with-Sword-2eF5whbr.png);background-repeat:no-repeat;width:100%;height:100%}.design-img-3{background-image:url(/assets/Rooftop-Warrior-Ddhqi2J_.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%}.skills-details{display:grid;color:#fff;width:100%;text-align:center;padding:30% 10px;gap:10px;position:relative;z-index:2}.skills-service-title{text-transform:uppercase;font-weight:800;font-size:3rem}.skills-service-details{height:100%;justify-content:center;align-items:center}.skills-service-details h3{opacity:0;transform:translateY(20px);transition:transform .45s ease,opacity .3s ease}.design-img:hover .skills-service-details h3{opacity:1;transform:translateY(0)}.skills-service-details h3:nth-child(1){transition-delay:.05s}.skills-service-details h3:nth-child(2){transition-delay:.12s}.skills-service-details h3:nth-child(3){transition-delay:.18s}.design-img-1:after{content:"";position:absolute;inset:0;background-image:url(/assets/future-2-DmQg8drc.png);background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease;z-index:1}.design-img-1:hover:after{opacity:1}.design-img-2:after{content:"";position:absolute;inset:0;background-image:url(/assets/red-woman-sword-DtsZFWOC.png);background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease;z-index:1}.design-img-2:hover:after{opacity:1}.design-img-3:after{content:"";position:absolute;inset:0;background-image:url(/assets/spear-warrior-deI4EXAT.png);background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease;z-index:1}.design-img-3:hover:after{opacity:1}.spotlight{background-color:#101010}.spotlight-images{position:absolute;top:0;left:0;width:100vw;height:300svh;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(5%);will-change:transform}.row{width:100%;padding:2rem;display:flex;gap:2rem}.img{flex:1;aspect-ratio:5/7;overflow:hidden}.mask-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='135'%20height='117'%20viewBox='0%200%20135%20117'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M135%2087L84.7%2058V0H50.2V58L0%2087L17.2%20116.9L67.4%2087.9L117.7%20116.9L135%2087Z'%20fill='%23101010'/%3e%3c/svg%3e") center/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='135'%20height='117'%20viewBox='0%200%20135%20117'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M135%2087L84.7%2058V0H50.2V58L0%2087L17.2%20116.9L67.4%2087.9L117.7%20116.9L135%2087Z'%20fill='%23101010'/%3e%3c/svg%3e") center/contain no-repeat;-webkit-mask-size:0%;mask-size:0%;background-color:#000;z-index:10}.mask-container .mask-img{width:100%;height:100%}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0e0e0e;color:#f0ead6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-out,visibility .2s ease-out}#loader .hidden{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-logo{width:100px;height:100px;animation:spin 2s linear infinite}.loader-logo-dev{padding:50px;width:300px;height:300px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-content p{margin-top:1rem;font-family:Barlow Condensed;font-weight:500;font-size:1.2rem}.footer{background-color:#000;height:100%;width:100vw;background-image:url(/assets/220069-BmyOMScN.gif);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;flex-direction:column}.footer-inner{height:100%;width:100%;padding-top:400px}.footer-details{display:flex;width:100%;height:100%;padding:300px 0 100px;justify-content:space-around}.footer-label{font-size:5rem;text-align:center;align-items:center}.logo-img{width:280px;height:160px}.links{display:flex;justify-content:flex-end;align-items:center;align-content:center;gap:2rem;text-transform:uppercase;font-family:Barlow Condensed;font-size:1.2rem}.links a{text-decoration:none;color:#fff;opacity:.8;transition:opacity .2s ease}.links a:hover{opacity:1}@media(min-width:1200px)and (max-width:1400px){.design-img{background-position:center center}}@media(max-width:1000px){h1{font-size:4rem}nav,.header{width:calc(100% - 10rem)}.spotlight-images{width:200vw;left:-25vw}.intro{background-image:url(/assets/ilya-kuvshinov-lyd-EfVHbHQx.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.mid-sect{height:auto;padding:0}.about{padding:50px 5rem}.skills-details{padding:50% 0}.designs-section{height:auto;min-height:auto;overflow:visible}.designs{display:grid;grid-template-columns:1fr;min-height:auto}.design-img{min-height:100svh}.footer{height:100%;display:grid;flex-direction:none}.footer-label{font-size:2rem}.footer-details{width:100%;height:100%;display:grid;padding:200px 0 100px}.links{display:grid;padding:0;justify-content:center}}