.l-viewport{width:100%;height:100vh;position:relative;overflow:hidden;box-shadow:0 0 45px 5px #000000d9}.l-wrapper{width:1440px!important;max-width:90%!important;height:100%!important;margin:0 auto!important;position:relative!important}.l-side-nav{align-items:center;height:100%;display:flex;position:absolute;left:0}.l-side-nav:before{content:"";opacity:.35;z-index:10;background-color:#555;width:2px;height:70%;max-height:750px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (max-width:1180px){.l-side-nav{display:none}}.l-main-content{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.l-section{width:100%;height:100%;position:absolute}.section{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility 0s .4s}.section--is-active{opacity:1;visibility:visible;z-index:1;transition:opacity .4s ease-in-out .4s}.section--next{transition:transform .4s ease-in-out;transform:translateY(-45px)}.section--prev{transition:transform .4s ease-in-out;transform:translateY(45px)}.header{z-index:10;justify-content:space-between;align-items:center;width:100%;height:70px;display:flex;position:absolute;top:0;left:0}.header--logo{color:#fff;align-items:center;text-decoration:none;display:flex}.header--logo p{text-transform:uppercase;margin:0 0 0 10px;font-size:16px;font-weight:700}.header--nav-toggle{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.header--nav-toggle span,.header--nav-toggle:before,.header--nav-toggle:after{content:"";background-color:#fff;width:16px;height:2px;position:relative}.header--nav-toggle:before{width:23px;bottom:5px}.header--nav-toggle:after{width:23px;top:5px}.header--cta{color:#fff;text-transform:uppercase;opacity:0;visibility:hidden;cursor:pointer;background-color:#0f33ff;border:none;padding:0 20px;font-weight:700;line-height:30px;text-decoration:none;transition:opacity .4s ease-in-out,visibility 0s .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header--cta:focus{outline:none}.header--cta.is-active{opacity:1;visibility:visible;transition:opacity .4s ease-in-out .4s}@media (max-width:767px){.header--cta{display:none}}.side-nav{z-index:10;flex-direction:column;justify-content:space-around;width:100px;height:70%;max-height:750px;margin:0;padding:0;list-style-position:inside;display:flex;position:relative}.side-nav>li{color:#fff;cursor:pointer;font-size:6px;position:relative;top:-5px}.side-nav>li span{color:#fff;opacity:0;visibility:hidden;font-size:14px;font-weight:300;position:relative;top:3px;left:10px}.side-nav>li:before{color:#555;font-size:14px;font-weight:300;position:absolute;top:3px;left:10px}.side-nav>li:first-child:before{content:"01"}.side-nav>li:nth-child(2):before{content:"02"}.side-nav>li:nth-child(3):before{content:"03"}.side-nav>li:nth-child(4):before{content:"04"}.side-nav>li:nth-child(5):before{content:"05"}.side-nav>li.is-active{color:#0f33ff;transition:color .4s ease-in-out}.side-nav>li.is-active span{opacity:1;visibility:visible;transition:opacity .4s ease-in-out}.side-nav>li.is-active:before{color:#fff;left:-33px}.intro{flex-direction:column;justify-content:center;width:900px;max-width:75%;height:100%;margin:0 auto;padding:0 20px;display:flex;position:relative}@media (max-width:1180px){.intro{max-width:100%}}.intro--banner{height:475px;position:relative;overflow:visible}.intro--banner:before{content:"";background-color:#282828;height:2px;position:absolute;bottom:20px;left:-15px;right:0}.intro--banner:after{content:"";background-color:#0f33ff;width:30px;height:4px;position:absolute;bottom:18px;left:0}.intro--banner h1{z-index:1;letter-spacing:-1px;margin:0;padding:0;font-family:Montserrat,sans-serif;font-size:68px;font-weight:900;line-height:1;position:relative}.intro--banner button{text-transform:uppercase;color:#fff;cursor:pointer;letter-spacing:.5px;background-color:#0000;border:none;padding:8px 20px 8px 15px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;position:relative}.intro--banner button .btn-background{z-index:-1;background-color:#0f33ff;height:100%;transition:left .2s ease-in-out;position:absolute;top:0;left:15px;right:0}.intro--banner button:hover .btn-background{left:0}.intro--banner button:hover{color:#fff}.intro--banner button:focus{outline:none}.intro--banner button svg{fill:#fff;width:15px;position:relative;left:5px}.intro--banner img,.intro--banner .intro-image{opacity:1;z-index:2;filter:brightness(1.2)contrast(1.1);object-fit:cover;visibility:visible;background-color:#ffffff1a;border-radius:8px;width:400px;height:auto;display:block;position:absolute;bottom:21px;right:-12px}.intro--options{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.intro--options>a{color:#282828;max-width:250px;text-decoration:none;transition:color .2s ease-in-out}.intro--options>a:hover{color:#fff}.intro--options h3{text-transform:uppercase;font-size:16px}.intro--options p{margin-bottom:0}@media (max-width:900px){.intro--banner{height:380px}.intro--banner h1{font-size:55px}.intro--banner img,.intro--banner .intro-image{width:430px}.intro--options>a{margin-right:30px}.intro--options>a:last-child{margin-right:0}}@media (max-width:767px){.intro--banner{height:305px}.intro--banner h1{font-size:44px}.intro--banner img,.intro--banner .intro-image{width:330px}.intro--options{display:block}.intro--options>a{max-width:100%;margin:0 0 30px;display:block}.intro--options>a:last-child{margin-bottom:0}}@media (max-width:600px){.intro--banner{height:360px}.intro--banner h1{font-size:55px}.intro--banner img,.intro--banner .intro-image{display:none}}@media (max-width:600px) and (max-height:750px){.intro--banner{height:auto}.intro--banner:before,.intro--banner:after{display:none}.intro--banner h1{margin-top:0}.intro--options{display:none}}.work{flex-direction:column;justify-content:center;width:960px;max-width:80%;height:100%;margin:0 auto;display:flex;position:relative}@media (max-width:1180px){.work{max-width:100%}}.work h2{text-align:center;margin:0 0 40px;font-size:30px;position:relative;top:-210px}.work--lockup{position:relative}.work--lockup .slider{width:80%;margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.work--lockup .slider--item{text-align:center;opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.work--lockup .slider--item a{color:#858585;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s;display:flex}.work--lockup .slider--item a:hover{color:#fff;transform:translateY(-5px)}.project-clickable{color:#858585;cursor:pointer;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s;display:flex}.project-clickable:hover{color:#fff;transform:translateY(-5px)}.work--lockup .slider--item-title{text-transform:uppercase;margin-top:18px;font-size:12px;font-weight:700}.work--lockup .slider--item-description{max-width:280px;margin:10px auto 0;display:none}.work--lockup .slider--item-image{border-radius:50%;width:150px;height:150px;margin:0 auto;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #0000004d}.work--lockup .slider--item:hover .slider--item-image{transform:scale(1.05);box-shadow:0 8px 25px #0f33ff66}.work--lockup .slider--item-image img{width:100%}.work--lockup .slider--item-left{opacity:.8;pointer-events:auto;transform:translate(calc(-50% - 220px),-50%)scale(.9)}.work--lockup .slider--item-right{opacity:.8;pointer-events:auto;transform:translate(calc(220px - 50%),-50%)scale(.9)}.work--lockup .slider--item-center{opacity:1;pointer-events:auto;z-index:2;transform:translate(-50%,-30%)scale(1)}.work--lockup .slider--item-center a{color:#fff}.work--lockup .slider--item-center .slider--item-title{margin-top:25px;font-size:16px}.work--lockup .slider--item-center .slider--item-description{display:block}.work--lockup .slider--item-center .slider--item-image{transform:scale(2)}.work--lockup .slider--item-center .slider--item-title{margin-top:36px}.work--lockup .slider--item-center .slider--item-description{margin-top:14px}.work--lockup .slider--item-hidden{opacity:0;filter:blur(1px);transform:translate(-50%,-50%)scale(.8)}.work--lockup .slider--next,.work--lockup .slider--prev{cursor:pointer;background-color:#282828;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:160px}.work--lockup .slider--next:hover,.work--lockup .slider--prev:hover{background-color:#0f33ff33;border-color:#0f33ff;transform:scale(1.1);box-shadow:0 4px 15px #0f33ff4d}.work--lockup .slider--next svg,.work--lockup .slider--prev svg{fill:#fff;width:20px}.work--lockup .slider--next{right:0}.work--lockup .slider--prev{left:0}@media (max-width:900px){.work--lockup .slider--item-image{width:120px;height:120px}.work--lockup .slider--item-center .slider--item-image{transform:scale(1.6)}.work--lockup .slider--next,.work--lockup .slider--prev{top:130px}}@media (max-width:767px){.work--lockup .slider{width:75%}.work--lockup .slider--item-image{width:90px;height:90px}.work--lockup .slider--item-center .slider--item-image{transform:scale(1.4)}.work--lockup .slider--next,.work--lockup .slider--prev{top:105px}}@media (max-width:600px){.work--lockup .slider{width:auto}.work--lockup .slider--item-left,.work--lockup .slider--item-right{display:none}}.project-modal-overlay{z-index:9999;justify-content:center;align-items:center;padding:0;animation:.4s ease-out modalFadeIn;display:flex;position:fixed;inset:0;opacity:1!important;background:#000!important}@keyframes modalFadeIn{0%{opacity:1}to{opacity:1}}.project-modal{width:100vw;height:100vh;box-shadow:none;border:none;border-radius:0;flex-direction:column;animation:.5s cubic-bezier(.22,1,.36,1) modalSlideIn;display:flex;position:relative;overflow:hidden;opacity:1!important;background:#000!important}@keyframes modalSlideIn{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.project-modal-close{cursor:pointer;color:#fff;z-index:10;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:30px;right:30px}.project-modal-close:hover{background:#0f33ff33;transform:scale(1.1)}.project-modal-content{flex-direction:column;max-width:100%;height:100%;padding:60px 80px 40px;display:flex;overflow:hidden}.project-modal-header{text-align:center;margin-bottom:30px}.project-modal-title{color:#fff;text-transform:uppercase;letter-spacing:3px;margin:0 0 20px;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1}.project-modal-description{color:#ccc;text-align:center;max-width:800px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6}.project-modal-gallery{flex-direction:column;flex:1;gap:20px;display:flex}.gallery-main{border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;min-height:60vh;max-height:70vh;display:flex;position:relative;overflow:hidden;opacity:1!important;background:#000!important}.gallery-image-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gallery-main-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%;transition:transform .3s}.gallery-main-image:hover{transform:scale(1.02)}.gallery-counter{color:#fff;background:#000000e6;border-radius:20px;padding:8px 12px;font-size:.9rem;font-weight:600;position:absolute;top:15px;right:15px}.gallery-nav{cursor:pointer;color:#fff;z-index:5;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{background:#0f33ff4d;transform:translateY(-50%)scale(1.1)}.gallery-nav-prev{left:30px}.gallery-nav-next{right:30px}.gallery-thumbnails{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gallery-thumbnail{cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:8px;transition:all .3s;overflow:hidden}.gallery-thumbnail:hover{opacity:.8;transform:scale(1.05)}.gallery-thumbnail.active{opacity:1;border-color:#0f33ff;transform:scale(1.05)}.thumbnail-image{object-fit:cover;border-radius:8px;width:100px;height:75px;display:block}.project-modal-footer{background:#000;border:1px solid #ffffff0d;border-radius:15px;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:30px;padding:20px 30px;display:flex}.project-tech-stack h4{color:#fff;margin:0 0 15px;font-size:1.1rem;font-weight:600}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{color:#0f33ff;background:#0f33ff33;border:1px solid #0f33ff4d;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:500}.project-links{gap:15px;display:flex}.project-link{text-transform:uppercase;letter-spacing:1px;border-radius:25px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s}.project-link-primary{color:#fff;background:#0f33ff;border:2px solid #0f33ff}.project-link-primary:hover{color:#0f33ff;background:0 0;transform:translateY(-2px);box-shadow:0 8px 25px #0f33ff66}.project-link-secondary{color:#fff;background:0 0;border:2px solid #333}.project-link-secondary:hover{color:#0f33ff;border-color:#0f33ff;transform:translateY(-2px)}@media (min-width:2560px){.project-modal-content{padding:80px 120px 60px}.gallery-main{min-height:70vh;max-height:80vh}.thumbnail-image{width:120px;height:90px}}@media (min-width:1920px) and (max-width:2559px){.project-modal-content{padding:70px 100px 50px}.gallery-main{min-height:65vh;max-height:75vh}}@media (min-width:1440px) and (max-width:1919px){.project-modal-content{padding:60px 80px 40px}.gallery-main{min-height:60vh;max-height:70vh}}@media (min-width:1024px) and (max-width:1439px){.project-modal-content{padding:50px 60px 30px}.gallery-main{min-height:55vh;max-height:65vh}.thumbnail-image{width:90px;height:68px}}@media (min-width:768px) and (max-width:1023px){.project-modal-content{padding:40px 50px 30px}.gallery-main{min-height:50vh;max-height:60vh}.gallery-nav{width:50px;height:50px}.gallery-nav-prev{left:20px}.gallery-nav-next{right:20px}.thumbnail-image{width:80px;height:60px}}@media (max-width:767px){.project-modal-content{padding:30px 20px 20px}.project-modal-close{width:45px;height:45px;top:20px;right:20px}.gallery-main{border-radius:15px;min-height:45vh;max-height:55vh}.gallery-nav{width:45px;height:45px}.gallery-nav-prev{left:15px}.gallery-nav-next{right:15px}.project-modal-footer{flex-direction:column;align-items:stretch;gap:20px;margin-top:20px}.project-links{flex-wrap:wrap;justify-content:center}.project-link{padding:10px 20px;font-size:.85rem}.thumbnail-image{width:70px;height:53px}.gallery-thumbnails{gap:8px}}@media (max-width:480px){.project-modal-content{padding:25px 15px 15px}.gallery-main{min-height:40vh;max-height:50vh}.gallery-nav{width:40px;height:40px}.gallery-nav-prev{left:10px}.gallery-nav-next{right:10px}.thumbnail-image{width:60px;height:45px}.tech-tags{gap:6px}.tech-tag{padding:4px 8px;font-size:.8rem}}.about{flex-direction:column;justify-content:center;width:900px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (max-width:1180px){.about{max-width:100%}}.about--banner{height:475px;position:relative}.about--banner:before{content:"";border:5px solid #0000;border-color:#0f33ff #0000 #0000 #0f33ff;position:absolute;top:20px;left:200px;transform:rotate(-25deg)}.about--banner:after{content:"";background-color:#0f33ff;width:10px;height:10px;position:absolute;top:75px;left:400px;transform:rotate(45deg)}.about--banner h2{z-index:1;margin-top:35px;font-size:68px;font-weight:900;line-height:1;position:relative}.about--banner h2:before{content:"";background-color:#0f33ff;border-radius:50%;width:30px;height:30px;position:absolute;top:60px;left:268px}.about--banner h2:after{content:"";background-color:#0f33ff;width:10px;height:10px;position:absolute;top:255px;left:255px}.about--banner a{color:#fff;text-transform:uppercase;background-color:#0000;padding:5px 17px 5px 0;font-weight:700;text-decoration:none}.about--banner a:hover svg{left:10px}.about--banner a svg{fill:#fff;width:15px;transition:left .2s ease-in-out;position:relative;left:5px}.about--banner img,.about--banner .about-visual{position:absolute;bottom:-90px;right:-12px}.about--options{justify-content:space-between;max-width:600px;margin:0;padding:0;list-style:none;display:flex}.about--options>a,.about--options>.highlight-item{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:10px solid #0f33ff;width:150px;height:75px;text-decoration:none;position:relative}.about--options>a:first-child,.about--options>.highlight-item:first-child{background-image:url(/img/about-winners.jpg)}.about--options>a:nth-child(2),.about--options>.highlight-item:nth-child(2){background-image:url(/img/about-philosophy.jpg)}.about--options>a:nth-child(3),.about--options>.highlight-item:nth-child(3){background-image:url(/img/about-history.jpg)}.about--options>a:hover h3,.about--options>.highlight-item:hover h3{bottom:-50px}.about--options h3{text-transform:uppercase;font-size:16px;transition:bottom .2s ease-in-out,left .2s ease-in-out;position:absolute;bottom:-38px;left:10px}@media (max-width:767px){.about--banner{height:305px}.about--banner:before{top:0;left:125px}.about--banner:after{top:35px;left:260px}.about--banner h2{margin-top:10px;font-size:44px}.about--banner h2:before{top:28px;left:168px}.about--banner h2:after{top:163px;left:163px}.about--banner img,.about--banner .about-visual{width:315px}}@media (max-width:600px){.about--banner{height:auto}.about--banner:before{left:155px}.about--banner:after{left:310px}.about--banner h2{margin-top:0;font-size:55px}.about--banner h2:before{top:43px;left:214px}.about--banner h2:after{top:205px;left:205px}.about--banner img,.about--banner .about-visual,.about--options{display:none}}.contact{background-image:url(/img/contact-visual.PNG);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100vw;height:100vh;position:fixed;top:0;left:0}.contact--lockup{justify-content:flex-end;align-items:center;width:900px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (max-width:1180px){.contact--lockup{max-width:90%}}@media (max-width:767px){.contact--lockup{justify-content:center}}.contact--lockup .modal{text-align:center;background-color:#0c0c0c;padding:45px;box-shadow:0 0 30px #000000bf}.contact--lockup .modal--information p,.contact--lockup .modal--information a{color:#fff;margin:14px 0;font-weight:700;text-decoration:none;display:block}.contact--lockup .modal--information p{margin-top:0}.contact--lockup .modal--options{margin:0;padding:0;list-style:none}.contact--lockup .modal--options>li{width:130px;margin:0 auto 25px}.contact--lockup .modal--options li:first-child{background-color:#1769ff}.contact--lockup .modal--options li:nth-child(2){background-color:#ea4c89}.contact--lockup .modal--options li:nth-child(3){text-transform:uppercase;background-color:#0f33ff;margin-bottom:0}.contact--lockup .modal--options a{color:#fff;width:100%;padding:8px 0;font-weight:700;text-decoration:none;display:block}.hire{flex-direction:column;justify-content:center;width:700px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (max-width:1180px){.hire{max-width:100%}}.hire h2{text-align:center;margin:0 0 20px;font-size:30px}.work-request{color:#fff;flex-direction:column;align-items:center;width:100%;display:flex}.work-request input[type=submit],.work-request input[type=button]{text-transform:uppercase;color:#fff;cursor:pointer;background-color:#0f33ff;border:2px solid #0f33ff;border-radius:8px;width:400px;max-width:100%;font-size:16px;font-weight:700;line-height:50px;transition:all .3s;position:relative;overflow:hidden}.work-request input[type=submit]:hover,.work-request input[type=button]:hover{color:#0f33ff;background-color:#0000;border-color:#0f33ff;transform:translateY(-2px);box-shadow:0 8px 25px #0f33ff66}.work-request input[type=submit]:active,.work-request input[type=button]:active{transform:translateY(0);box-shadow:0 4px 15px #0f33ff4d}.work-request input[type=submit]:focus,.work-request input[type=button]:focus{outline:none;box-shadow:0 0 0 3px #0f33ff4d}.work-request--options{flex-direction:column;align-items:center;width:100%;margin:30px 0;display:flex}.work-request--options>div{width:100%}.skills-legend{color:#ccc;gap:12px;margin-top:10px;font-size:12px;display:flex}.skills-legend span{align-items:center;gap:6px;display:inline-flex}.skills-legend i{background-color:#fff;border-radius:50%;width:10px;height:10px;display:inline-block}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;max-width:800px;padding:0 20px;display:grid}.skill-item{position:relative}.skill-label{cursor:pointer;background:linear-gradient(135deg,#0f33ff1a,#0f33ff0d);border:2px solid #fff3;border-radius:12px;justify-content:flex-start;align-items:center;width:100%;height:60px;padding:0 20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.skill-label:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skill-label:hover:before{left:100%}.skill-label:hover{border-color:#0f33ff99;transform:translateY(-2px);box-shadow:0 8px 25px #0f33ff4d}.skill-icon{opacity:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;transition:all .3s;display:flex;transform:scale(0)}.skill-icon svg{fill:#fff;width:16px;height:16px}.skill-text{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600;transition:all .3s}.skill-label:hover .skill-text{color:#0f33ff}.work-request--options input[type=checkbox]:checked+.skill-label{background:linear-gradient(135deg,#0f33ff4d,#0f33ff1a);border-color:#0f33ff;box-shadow:0 0 20px #0f33ff66}.work-request--options input[type=checkbox]:checked+.skill-label .skill-icon{opacity:1;transform:scale(1)}.work-request--options input[type=checkbox]:checked+.skill-label .skill-text{color:#fff;font-weight:700}.work-request--options label{text-align:center;cursor:pointer;border:2px solid #fff;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:50px;font-size:16px;font-weight:700;line-height:50px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:flex}.work-request--options label svg{fill:#fff;width:0;transition:width .2s ease-in-out;position:relative;left:-5px}.work-request--options input[type=checkbox]{display:none}.work-request--options input[type=checkbox]:checked+label{background-color:#0f33ff;border-color:#0f33ff}.work-request--options input[type=checkbox]:checked+label svg{width:15px}@media (max-width:767px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;padding:0 10px}.skill-label{height:50px;padding:0 15px}.skill-text{font-size:12px}.skill-icon{width:20px;height:20px;margin-right:8px}.skill-icon svg{width:14px;height:14px}}@media (max-width:600px){.work-request--options{margin:20px 0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:0 5px}.skill-label{height:45px;padding:0 12px}.skill-text{font-size:11px}.skill-icon{width:18px;height:18px;margin-right:6px}.skill-icon svg{width:12px;height:12px}}.perspective{width:100%!important;height:100vh!important;position:relative!important;overflow:hidden!important}.perspective--modalview{perspective:1500px;position:fixed}.container{width:100%;height:100vh;transition:transform .4s;position:relative;transform:translateZ(0)translate(0)rotateY(0)}.modalview .container{backface-visibility:hidden;width:100%;height:100%;position:absolute;overflow:hidden}.effect-rotate-left .container{transform-origin:0%;transition:transform .4s}.effect-rotate-left--animate .container{outline:30px solid #0f33ff;transform:translateZ(-1800px)translate(-50%)rotateY(45deg)}.outer-nav{transform-style:preserve-3d;text-align:center;visibility:hidden;margin:0;padding:0;list-style:none;transition:visibility 0s .2s;position:absolute;top:50%;left:55%;transform:translateY(-50%)}.outer-nav.is-vis{visibility:visible}.outer-nav--return{cursor:pointer;z-index:11;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.outer-nav--return.is-vis{display:block}.outer-nav>li{transform-style:preserve-3d;opacity:0;cursor:pointer;color:#fff;font-size:55px;font-weight:900;transition:transform .2s,opacity .2s;transform:translate(350px)translateZ(-1000px)}.outer-nav>li.is-vis{opacity:1;transition:transform .4s,opacity .4s;transform:translate(0)translateZ(0)}.outer-nav>li:before{content:"";opacity:0;background-color:#0f33ff;width:110%;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%)}.outer-nav>li.is-active:before{opacity:1}.outer-nav li.is-vis:nth-child(2){transition-delay:40ms}.outer-nav li.is-vis:nth-child(3){transition-delay:80ms}.outer-nav li.is-vis:nth-child(4){transition-delay:.12s}.outer-nav li.is-vis:nth-child(5){transition-delay:.16s}@media (max-width:767px){.outer-nav>li{font-size:44px}}@media (max-width:600px){.outer-nav>li{font-size:34px}}.device-notification{z-index:12;background-color:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.device-notification--logo{color:#fff;align-items:center;text-decoration:none;display:flex}.device-notification--logo p{text-transform:uppercase;margin:0 0 0 10px;font-size:16px;font-weight:700}.device-notification--message{text-align:center;width:70%;margin:30px 0 0;font-weight:700}@media (max-width:767px) and (min-width:601px) and (max-height:680px){.device-notification{display:flex}}@media (max-width:600px) and (min-width:480px) and (max-height:580px){.device-notification{display:flex}}@media (max-width:736px) and (min-width:360px) and (orientation:landscape){.device-notification{display:flex}}@media (max-width:359px){.device-notification{display:flex}}html{width:100%!important;height:100%!important;margin:0!important;padding:0!important}body{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}*{font-family:Montserrat,sans-serif}.project-modal-overlay,.project-modal,.project-modal *,.gallery-main,.gallery-main *{opacity:1!important;-webkit-backdrop-filter:none!important;background:#000!important}.contact-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.contact-button:hover{opacity:.8}.role-item{cursor:default}.role-item:hover{opacity:.8}.about--options .highlight-item{cursor:pointer;display:block}.about--options .highlight-item:hover{opacity:1}