@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap";html{background-color:#333}body{margin:0;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;overflow:hidden;color:#fff}.container .column{position:relative;padding:120px 40px}@media only screen and (max-width:600px){.container .column{padding:60px 30px}}.container .column{width:100%;max-width:1080px;overflow:hidden}.container .column h3{padding:0 0 40px;margin:0;font-size:22px;text-transform:uppercase;font-family:Exo,sans-serif}.container .column p{font-size:16px}*{margin:0;padding:0;border:0}p:not(:last-child){margin-bottom:15px}.header{background-image:linear-gradient(42deg,#ff0457,#12002f);height:100vh;min-height:777px}@media only screen and (max-width:600px){.header{height:100dvh;min-height:100dvh}}.header article{color:#fff;text-shadow:0 0 40px rgba(0,0,0,.5);z-index:1}.header article .logo{opacity:0;width:100px;height:100px;margin:-20px 30px 75px -10px}@media only screen and (max-width:600px){.header article .logo{margin-bottom:100px}}.header article h1{position:relative;font-size:5rem;letter-spacing:-.5px;margin-bottom:10px;z-index:1;font-family:Exo,sans-serif;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0}@media only screen and (max-width:600px){.header article h1{font-size:2.8rem;margin:0 0 15px;line-height:2.8rem}}.header article h2{position:relative;font-size:3rem;letter-spacing:-.5px;margin-bottom:0;z-index:1;font-family:Exo,sans-serif;font-weight:300;-webkit-user-select:none;user-select:none;opacity:0}@media only screen and (max-width:600px){.header article h2{font-size:1.75rem;margin:0 0 10px;line-height:2rem}}.header article p{font-size:30px;margin-bottom:100px;-webkit-user-select:none;user-select:none;opacity:0}@media only screen and (max-width:600px){.header article p{font-size:18px;margin-bottom:65px;max-width:80%}}.header article .header-buttons{opacity:0}.header article a{background-color:#fff;padding:15px 50px}@media only screen and (max-width:600px){.header article a{display:block;padding:20px}}.header article a{border:1px solid white;border-bottom-color:#cf0;border-radius:5px;color:#000;text-decoration:none;font-weight:700;transition:.2s}.header article a svg{width:10px;margin-left:5px;max-width:10px;transition:.2s}.header article a:hover{background-color:#000;color:#fff;text-decoration:none;border:1px solid black;padding:15px 80px}@media only screen and (max-width:600px){.header article a:hover{padding:20px}}.header article a:hover svg{fill:#fff}.three-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow-y:hidden}.three-background canvas{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.logo svg{overflow:visible;max-width:100px}.logo svg line{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.logo svg path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.about{background-color:#333}.about .column{z-index:1;display:inline-flex}@media only screen and (max-width:777px){.about .column{flex-direction:column}}.about .column .skills{flex:1;opacity:0}.about .column .skills .skill-group{margin-bottom:35px}.about .column .skills .skill-group:last-child{margin-bottom:0}.about .column .skills .skill-category{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;color:#cf0;opacity:0}.about .column .about-text{position:relative;flex:2;opacity:0}.about .column .about-text .geometric-me{position:absolute;top:0;left:0;width:42px;z-index:-1;opacity:0}.about .column .about-text a{color:#fff;font-weight:700;transition:.2s;text-decoration:none;border-bottom:0px solid white}.about .column .about-text a:hover{color:#cf0;border-bottom:1px solid #CCFF00}.about .column .about-text p{line-height:20px}.about .column article{flex:1}@media only screen and (max-width:777px){.about .column article{min-width:100%}}.about .column article .me{max-width:60px;margin-right:10px;margin-bottom:5px}.about .column article .skill-list{list-style-type:none;margin-bottom:60px}.about .column article .skill-list li{position:relative;margin-bottom:30px;opacity:0}.about .column article .skill-list li .skill-bar-back{top:25px;left:0;width:100%;height:15px;z-index:0;position:absolute;background-color:#000;border-radius:7px;box-shadow:5px 5px 10px #27003e66;transform-origin:left}.about .column article .skill-list li .skill-bar-front{position:absolute;top:25px;left:0;max-width:100%;height:15px;z-index:1;border-radius:7px;transform-origin:left}.about .column article .skill-list .skill-level-1 .skill-bar-front{width:10%}.about .column article .skill-list .skill-level-2 .skill-bar-front{width:20%}.about .column article .skill-list .skill-level-3 .skill-bar-front{width:30%}.about .column article .skill-list .skill-level-4 .skill-bar-front{width:40%}.about .column article .skill-list .skill-level-5 .skill-bar-front{width:50%}.about .column article .skill-list .skill-level-6 .skill-bar-front{width:60%}.about .column article .skill-list .skill-level-7 .skill-bar-front{width:70%}.about .column article .skill-list .skill-level-8 .skill-bar-front{width:80%}.about .column article .skill-list .skill-level-9 .skill-bar-front{width:90%}.about .column article .skill-list .skill-level-10 .skill-bar-front{width:100%}@media only screen and (min-width:777px){.about .column article:last-child{border-left:2px dashed black;padding-left:75px}}.about .column article:not(:last-child){margin-right:80px}@media only screen and (max-width:777px){.about .column article:not(:last-child){margin-right:0;margin-bottom:40px}}.about canvas{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%;z-index:0}.header-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;vertical-align:middle;position:relative;top:-.1em}.header-icon svg{display:block;overflow:visible}.header-icon .icon-square-outer{fill:none;stroke:#cf0;stroke-width:1.2;opacity:.5;animation:rotate 12s linear infinite;transform-origin:8px 8px}.header-icon .icon-square-middle{fill:none;stroke:#cf0;stroke-width:1.4;opacity:.7;animation:rotateReverse 8s linear infinite;transform-origin:8px 8px}.header-icon .icon-square-inner{fill:none;stroke:#cf0;stroke-width:1.2;opacity:.9;animation:rotate 5s linear infinite;transform-origin:8px 8px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.logo-grid{overflow:hidden;opacity:0}.logo-grid .column{padding-top:0;margin-bottom:-50px}@media only screen and (max-width:777px){.logo-grid .column{margin-bottom:-25px}}.logo-grid .column h3{padding:0 0 30px;margin:0;font-size:22px;text-transform:uppercase}.logo-grid .column .logo-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:2rem}.logo-grid .column .logo-grid-container .logo-grid-item{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.logo-grid .column .logo-grid-container .logo-grid-item img{object-fit:contain;max-width:100%}@media only screen and (max-width:777px){.logo-grid .column .logo-grid-container{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));grid-gap:2rem}.logo-grid .column .logo-grid-container .logo-grid-item{width:50px;height:50px}}.hexagon-loader{position:relative;width:150px;display:flex;justify-content:center;align-items:center;z-index:0}.hexagon-loader svg{overflow:visible;width:100%}.hexagon-loader svg polygon{fill:none;stroke:#cf0;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.hexagon-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(42deg,#5100c6,#ff0073,#ffd600);content:"";border-radius:50%;filter:blur(42px);z-index:1;overflow:visible;mix-blend-mode:screen}.project-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.project-grid{display:flex;position:relative;list-style-type:none;flex-wrap:wrap;min-width:100%;gap:10px;transition:opacity .3s ease}.project-grid li{position:relative;display:inline-flex;width:calc(25% - 7.5px);height:220px}@media only screen and (max-width:777px){.project-grid li{width:calc(50% - 5px)}}@media only screen and (max-width:600px){.project-grid li{height:150px}}.project-grid li{justify-content:center;align-items:center;overflow:hidden;background-image:linear-gradient(42deg,#cf0,#f0c);cursor:pointer;transform-origin:bottom}.project-grid li h4{padding-bottom:10px;border-bottom:10px solid white;opacity:0;z-index:1;transition:.2s}.project-grid li .background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;transition:.2s;z-index:0}.project-grid li:hover h4,.project-grid li.active h4{opacity:1}.project-grid li:hover .background,.project-grid li.active .background{opacity:0;background-position:0px 50px}.project-detail{position:relative;width:100%}.project-detail .project-content{opacity:0}.project-detail .project-content.hidden{opacity:0!important;visibility:hidden}.project-detail .project-content .project-description,.project-detail .project-content .gallery-main,.project-detail .project-content .thumbnail,.project-detail .project-header h2,.project-detail .project-header .tools,.project-detail .project-header .project-controls{opacity:0}.project-detail .project-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}@media only screen and (max-width:1024px){.project-detail .project-loader{top:200px;transform:translate(-50%)}}.project-detail .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;border-bottom:1px dashed rgba(212,255,0,.5)}@media only screen and (max-width:777px){.project-detail .project-header{flex-direction:column;align-items:flex-start;margin-bottom:30px}}.project-detail .project-header .project-meta{flex:1}.project-detail .project-header .project-meta h2{font-family:Roboto,sans-serif;font-weight:bolder;font-size:48px;text-shadow:0 0 40px rgba(0,0,0,.5)}@media only screen and (max-width:777px){.project-detail .project-header .project-meta h2{font-size:32px}}.project-detail .project-header .project-meta h2{text-transform:uppercase;color:#fafafa;margin:0 0 15px;line-height:1.2}.project-detail .project-header .project-meta .tools{list-style-type:none;margin:0;padding:0;font-size:11px;font-weight:700;color:#ccc;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 40px rgba(0,0,0,.5)}.project-detail .project-header .project-meta .tools li{display:inline}.project-detail .project-header .project-meta .tools li:not(:last-child):after{content:" • ";color:#d4ff00;opacity:.7;margin:0 8px}.project-detail .project-header .project-controls{display:flex;gap:15px;opacity:.8}@media only screen and (max-width:777px){.project-detail .project-header .project-controls{margin-top:20px}}.project-detail .project-header .project-controls div{height:30px;cursor:pointer;transition:all .3s ease}@media only screen and (max-width:777px){.project-detail .project-header .project-controls div{height:40px}}.project-detail .project-header .project-controls div img{height:100%;filter:brightness(0) invert(1)}.project-detail .project-header .project-controls div:hover{opacity:1;transform:scale(1.1)}.project-detail .project-content{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin-bottom:40px}@media only screen and (max-width:1024px){.project-detail .project-content{grid-template-columns:1fr;gap:40px}}.project-detail .project-content .project-description p{color:#fafafa;font-size:16px;line-height:1.8;margin-bottom:20px;text-shadow:0 0 40px rgba(0,0,0,.5)}.project-detail .project-content .project-description p:last-child{margin-bottom:0}.project-detail .project-content .project-description p a{position:relative;color:#d4ff00;font-weight:700;text-decoration:none;padding:4px 10px;border-radius:3px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:inline-block;background:linear-gradient(to right,#d4ff001a,#d4ff0026);border-bottom:2px solid rgba(212,255,0,.3);overflow:hidden}.project-detail .project-content .project-description p a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(to right,#d4ff00,#cf0,#d4ff00);transition:width .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 0 8px #d4ff0099}.project-detail .project-content .project-description p a:after{content:"→";margin-left:4px;display:inline-block;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.project-detail .project-content .project-description p a:hover{color:#fff;background:linear-gradient(to right,#d4ff0033,#d4ff0040);transform:translateY(-1px);box-shadow:0 4px 12px #d4ff004d}.project-detail .project-content .project-description p a:hover:before{width:100%}.project-detail .project-content .project-description p a:hover:after{transform:translate(3px)}.project-detail .project-content .project-description p a:active{transform:translateY(0)}.project-detail .project-content .project-gallery{position:relative}.project-detail .project-content .project-gallery .gallery-main{position:relative;width:100%;margin-bottom:20px;background:#0003;border-radius:4px;overflow:hidden}.project-detail .project-content .project-gallery .gallery-main img{width:100%;height:auto;display:block}.project-detail .project-content .project-gallery .gallery-main .gallery-counter{position:absolute;bottom:15px;right:15px;background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px}.project-detail .project-content .project-gallery .gallery-main .gallery-magnify{position:absolute;top:15px;right:15px;background:#000000b3;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0}@media only screen and (max-width:1024px){.project-detail .project-content .project-gallery .gallery-main .gallery-magnify{opacity:1}}.project-detail .project-content .project-gallery .gallery-main .gallery-magnify svg{width:20px;height:20px;color:#fff}.project-detail .project-content .project-gallery .gallery-main .gallery-magnify:hover{background:#000000e6;transform:scale(1.1)}.project-detail .project-content .project-gallery .gallery-main:hover .gallery-magnify{opacity:1}.project-detail .project-content .project-gallery .gallery-nav{display:none}.project-detail .project-content .project-gallery .gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:20px}@media only screen and (max-width:777px){.project-detail .project-content .project-gallery .gallery-thumbnails{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}.project-detail .project-content .project-gallery .gallery-thumbnails .thumbnail{position:relative;width:100%;padding-bottom:75%;overflow:hidden;cursor:pointer;border-radius:4px;border:3px solid transparent;background:#0003}.project-detail .project-content .project-gallery .gallery-thumbnails .thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-detail .project-content .project-gallery .gallery-thumbnails .thumbnail:hover{border-color:#d4ff0080}.project-detail .project-content .project-gallery .gallery-thumbnails .thumbnail:hover img{transform:scale(1.1)}.project-detail .project-content .project-gallery .gallery-thumbnails .thumbnail.active{border-color:#d4ff00}.project-detail .project-content .project-gallery .gallery-thumbnails .thumbnail.active img{opacity:1}.project-detail .gallery-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:lightboxFadeIn .4s ease forwards}.project-detail .gallery-lightbox .lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default;opacity:0;transform:scale(.9);animation:lightboxZoomIn .4s ease .1s forwards}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-previous,.project-detail .gallery-lightbox .lightbox-content .lightbox-image-current{max-width:100%;max-height:90vh;display:block;border-radius:4px;box-shadow:0 20px 60px #00000080}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-previous{position:absolute;top:0;left:0}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-previous.forward{z-index:1;animation:imageZoomOutBlur .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-previous.backward{z-index:3;animation:imageZoomOutToBack .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-current{position:relative}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-current.transitioning.forward{z-index:2;animation:imageZoomInFromBlur .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.project-detail .gallery-lightbox .lightbox-content .lightbox-image-current.transitioning.backward{z-index:1;animation:imageZoomInToFront .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.project-detail .gallery-lightbox .lightbox-content .lightbox-close{position:absolute;top:-50px;right:0;background:transparent;border:none;width:40px;height:40px;cursor:pointer;transition:all .3s ease;opacity:0;animation:slideDown .4s ease .3s forwards}.project-detail .gallery-lightbox .lightbox-content .lightbox-close img{width:100%;height:100%;filter:brightness(0) invert(1)}.project-detail .gallery-lightbox .lightbox-content .lightbox-close:hover{transform:scale(1.2) rotate(90deg)}.project-detail .gallery-lightbox .lightbox-content .lightbox-prev,.project-detail .gallery-lightbox .lightbox-content .lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,transform .3s ease;border-radius:50%;opacity:1;z-index:10}.project-detail .gallery-lightbox .lightbox-content .lightbox-prev img,.project-detail .gallery-lightbox .lightbox-content .lightbox-next img{height:24px;filter:brightness(0) invert(1)}.project-detail .gallery-lightbox .lightbox-content .lightbox-prev:hover,.project-detail .gallery-lightbox .lightbox-content .lightbox-next:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.15)}.project-detail .gallery-lightbox .lightbox-content .lightbox-prev:active,.project-detail .gallery-lightbox .lightbox-content .lightbox-next:active{transform:translateY(-50%) scale(.95)}.project-detail .gallery-lightbox .lightbox-content .lightbox-prev{left:-80px}@media only screen and (max-width:777px){.project-detail .gallery-lightbox .lightbox-content .lightbox-prev{left:10px}}.project-detail .gallery-lightbox .lightbox-content .lightbox-next{right:-80px}@media only screen and (max-width:777px){.project-detail .gallery-lightbox .lightbox-content .lightbox-next{right:10px}}.project-detail .gallery-lightbox .lightbox-content .lightbox-counter{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;opacity:0;animation:slideUp .4s ease .3s forwards}.project-detail .project-pagination{text-align:right;font-size:14px;font-weight:700;opacity:.5;color:#fafafa;padding:20px 0;text-transform:uppercase;letter-spacing:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expand{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes lightboxFadeIn{0%{background:#0000}to{background:#000000f2}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes imageZoomOutBlur{0%{opacity:1;transform:scale(1);filter:blur(0px)}to{opacity:0;transform:scale(1.3);filter:blur(15px)}}@keyframes imageZoomInFromBlur{0%{opacity:0;transform:scale(.5);filter:blur(15px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}@keyframes imageZoomOutToBack{0%{opacity:1;transform:scale(1);filter:blur(0px)}to{opacity:0;transform:scale(.5);filter:blur(15px)}}@keyframes imageZoomInToFront{0%{opacity:0;transform:scale(1.3);filter:blur(15px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}.projects{background-color:#454545;background-image:linear-gradient(42deg,#e3e3e3,#9c9c9c);opacity:0;transition:background-color .6s ease}.projects .column{display:flex;flex-direction:column;width:100%;height:100%;z-index:1}.projects .column h2{font-weight:400}.projects .column h3,.projects .column h2{color:#fafafa}.projects .project-three-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:transparent;opacity:0}.projects .project-three-container canvas{position:absolute;top:0;left:0;width:100%;height:100%}.projects.loading{background-image:none}.projects.project-open{background-image:none;background-color:#2a1a3d}.contact-footer{opacity:0}.contact-footer .column{position:relative;z-index:1;display:flex;justify-content:space-between}@media only screen and (max-width:777px){.contact-footer .column{flex-direction:column}}.contact-footer .column p{margin-bottom:10px}.contact-footer .column p .phone-link{color:#fff;text-decoration:none;border-bottom:0px solid white;transition:.1s}.contact-footer .column p .email-link{font-weight:bolder;color:#fff;padding-bottom:0;border-bottom:0px solid white;transition:.1s}.contact-footer .column p a:hover{text-decoration:none;padding-bottom:3px;border-bottom:3px solid white}.contact-footer .column ul{list-style-type:none}@media only screen and (max-width:777px){.contact-footer .column ul{margin-top:10px}}.contact-footer .column ul li{display:inline;padding:0;margin:0}.contact-footer .column ul li a img{transition:.2s;width:42px;height:42px;max-width:42px}.contact-footer .column ul li a:hover img{transform:scale(1.2)}.contact-footer .column ul li:not(:last-child){margin-right:5px}.contact-footer .footer-left .copyright{margin-top:90px;font-size:9px}@media only screen and (max-width:777px){.contact-footer .footer-left .copyright{display:none}}.contact-footer .footer-right .copyright{display:none;margin-top:90px;font-size:9px}@media only screen and (max-width:777px){.contact-footer .footer-right .copyright{display:block}}.animated-particles{position:absolute;top:0;left:0;width:100vw;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;mix-blend-mode:hard-light;z-index:0}.animated-particles .bubble{position:absolute;top:0;left:0;width:200px;height:200px}@media only screen and (max-width:777px){.animated-particles .bubble{width:100px;height:100px}}.animated-particles .bubble{background:linear-gradient(45deg,#cf0,#0cf);background-size:contain;border-radius:50%;transform-origin:top left}