.who-we-are-left{text-align:left!important;margin-left:0!important}.who-we-are-right{text-align:right!important;margin-left:auto!important}.service-item{cursor:pointer;position:relative;transform-origin:center;transition:all .6s cubic-bezier(.4,0,.2,1);padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.service-item:hover{background:#ffffff05}.service-title{font-family:Roboto Flex,sans-serif;font-weight:300;font-size:2.5rem;line-height:1.2;color:#fff9;margin-bottom:1rem;cursor:pointer}@media(min-width:768px){.service-title{font-size:3rem}}.service-item:hover .service-title,.service-item.active .service-title{color:#fff}.service-details{max-height:0;overflow:hidden;opacity:0;transition:max-height .8s cubic-bezier(.4,0,.2,1),opacity .6s ease;transform:translateZ(0);margin-left:10px}.service-item:hover .service-details,.service-item.active .service-details{max-height:200px;opacity:1}.service-description{color:#a1a1aa;margin-bottom:1rem;font-size:1.1rem;line-height:1.6;transform:translateY(-10px);transition:transform .4s ease .2s;max-width:80%;font-family:IBM Plex Mono,monospace;letter-spacing:.02em}.service-item:hover .service-description,.service-item.active .service-description{transform:translateY(0)}.services-section{background:#000;position:relative;z-index:20;padding:4rem 0}.services-container{max-width:none;margin:0;padding:0}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:2rem}}.services-left{position:sticky;top:100px;padding-left:1rem}@media(min-width:768px){.services-left{padding-left:2rem}}.services-right{padding-top:6rem;padding-right:1rem}@media(min-width:768px){.services-right{padding-right:2rem}}.services-intro{font-family:Roboto Flex,sans-serif;font-size:2.5rem;font-weight:300;line-height:1.3;color:#fff;margin-bottom:3rem}@media(min-width:768px){.services-intro{font-size:3rem}}.services-label{font-family:Roboto Flex,sans-serif;font-size:1.2rem;font-weight:500;color:#fff;margin-bottom:2rem;letter-spacing:.1em}.services-image{margin-top:3rem;text-align:center}.services-image img{max-height:300px;width:auto;border-radius:8px;box-shadow:0 10px 30px #0000004d}.services-explore{display:inline-block;margin-top:2rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color .3s ease}.services-explore:hover{color:#fff}.smoke-rtl-container{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:15;overflow:visible}.smoke-rtl{position:absolute;bottom:10%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;filter:blur(20px);opacity:.5;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;pointer-events:none;mix-blend-mode:screen}.smoke-rtl1{width:300px;height:300px;bottom:20%;animation-name:smokeRightToLeft1;animation-duration:20s;animation-delay:0s}.smoke-rtl2{width:250px;height:250px;bottom:40%;animation-name:smokeRightToLeft2;animation-duration:25s;animation-delay:5s}.smoke-rtl3{width:200px;height:200px;bottom:60%;animation-name:smokeRightToLeft3;animation-duration:30s;animation-delay:10s}.smoke-rtl4{width:350px;height:350px;bottom:30%;animation-name:smokeRightToLeft1;animation-duration:22s;animation-delay:12s}.smoke-rtl-container:hover .smoke-rtl{filter:blur(30px) brightness(1.2);opacity:.7;transition:filter .5s ease,opacity .5s ease}@keyframes smokeRightToLeft1{0%{transform:translate(120%) translateY(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(-120%) translateY(0);opacity:0}}@keyframes smokeRightToLeft2{0%{transform:translate(120%) translateY(10%);opacity:0}15%{opacity:.5}85%{opacity:.5}to{transform:translate(-120%) translateY(10%);opacity:0}}@keyframes smokeRightToLeft3{0%{transform:translate(120%) translateY(20%);opacity:0}20%{opacity:.4}80%{opacity:.4}to{transform:translate(-120%) translateY(20%);opacity:0}}.team-members-container{width:100%;height:60px;position:relative}.team-scroll{animation:scroll-left 20s linear infinite;display:flex;align-items:center}.team-member{font-family:Roboto Flex,sans-serif;font-size:1.2rem;font-weight:500;color:#000;margin-right:4rem;white-space:nowrap}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.iso-box{width:200px;height:200px;position:relative;margin:50px auto}.iso-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #666;background:transparent}.iso-box:after{content:"";position:absolute;top:-30px;left:30px;width:100%;height:100%;border:1px solid #666;background:transparent;transform:skew(-30deg) skewY(15deg)}@media(max-width:768px){.iso-box{width:150px;height:150px;margin:30px auto}.iso-box:after{top:-20px;left:20px}}.cursor_wrap{position:fixed;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:9999;mix-blend-mode:difference}.cursor_dot{width:100%;height:100%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .4s ease}.cursor_dot_layout{display:flex;align-items:center;gap:4px}.cursor_dot_text{font-family:Roboto Flex,sans-serif;font-size:10px;color:#000;text-transform:uppercase;font-weight:500;letter-spacing:1px;white-space:nowrap}.cursor_dot_icon{width:8px;height:8px;background:#000;border-radius:50%}.cursor-inverted{background:#000}.cursor-inverted .cursor_dot_text{color:#fff}.cursor-inverted .cursor_dot_icon{background:#fff}@media(max-width:767px){#lux-time,#menu-time{display:none!important}}@media(min-width:769px){.desktop-menu{display:block!important}.mobile-menu{display:none!important}}@media(max-width:768px){.desktop-menu{display:none!important}.mobile-menu{display:block!important}.mobile-menu>div:first-child{padding:0 20px;height:50px}.mobile-menu>div:first-child>div:first-child{font-size:18px}.mobile-menu>div:nth-child(2){padding-left:20px;gap:15px}.mobile-menu>div:nth-child(2) a{font-size:clamp(36px,12vw,60px)!important}.mobile-menu>div:last-child{bottom:20px;left:20px;font-size:12px}}@media(max-width:767px){footer{flex-direction:column!important;height:auto!important}footer>div{width:100%!important;border-right:none!important;border-bottom:1px solid white!important;padding:20px!important}footer>div:last-child{border-bottom:none!important}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}#menu-overlay.show{animation:slideInFromLeft .3s ease-out}#menu-overlay a{transition:opacity .2s ease}#menu-overlay a:hover{opacity:.7}// ---------------------------------------------- // MQs //----------------------------------------------- //Smallest phone $mq-xsmall: 22em; //phone $mq-small: 32em; //Tablet $mq-med: 54em; //laptop $mq-large: 65em; //Past laptop $mq-xlarge: 91em; //Mid Size monitor $mq-xxlarge: 115em; //Thunderbold goes to 157em $mq-xxxlarge: 130em; $color-alpha: #00ffc8; $color-beta: #003a49; $color-white: #fff; $color-lightgrey: #f5f6f6; $color-midgrey: #a7a6a6; $ease-cb: cubic-bezier(.4,0,.2,1); $ease-cb-2: cubic-bezier(.19,1,.22,1); $ease-cb-3: cubic-bezier(.77,0,.175,1); $font-header: "Montserrat",Helvetica,sans-serif; $font-paragraph: "Montserrat",Georgia,serif; %font-links{font-family:$font-header;font-size:.8em;font-weight:400;text-transform:uppercase;letter-spacing:.2em}//---------------------------------------------- // bg-overlay() // Pseduo overlay element // @param: $bg_hex: [$color-dark] - hex value for rgba conversion // @param: $bg_opacity:[.6] - alpha transparency level // @param: $top_layer: element or class name for higher z-index layer //---------------------------------------------- @mixin bg-overlay($bg_hex: $color-dark,$opacity: .6){&:after{z-index:0;content:"";position:absolute;top:0;left:0;height:100%;width:100%;opacity:$opacity;background:$bg_hex}}//---------------------------------------------- // font-rwd // Change font-size across breaks // @param: $font_sm - at small // @param: $font_med - at med break // @param: $font_lg - at Large break // @param: $font_xl - at Xlarge break //---------------------------------------------- @mixin font-rwd($sm: null,$med: null,$lg: null,$xl: null,$xxl: null){font-size:$sm;@if $med{@media(min-width: $mq-med) {font-size: $med;}}@if $lg{@media(min-width: $mq-large) {font-size: $lg;}}@if $xl{@media(min-width: $mq-xlarge) {font-size: $xl;}}@if $xxl{@media(min-width: $mq-xxlarge) {font-size: $xxl;}}}body{margin:0;width:100%;font-weight:400;font-style:normal;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;background-color:transparent;outline:0}