@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";.custom-cursor{position:fixed;top:var(--cursor-y, 0px);left:var(--cursor-x, 0px);width:20px;height:20px;background-color:#00deb5;border-radius:50%;pointer-events:none;border:2px solid #00deb5;transform:translate(-50%,-50%) rotate(45deg);z-index:9999;transition:background-color .4s ease-in-out,transform .4s ease-in-out,width .2s ease-in-out,border-radius .2s ease-in-out}.custom-cursor.hovering{cursor:none;background:#ffffffe6 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3cpath%20fill='%2300deb5'%20d='M438.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L338.8%20224%2032%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l306.7%200L233.4%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z'/%3e%3c/svg%3e") center no-repeat;background-position:3px 2px;background-size:70%;border:2px solid #00deb5;transform:translate(-50%,-50%) rotate(-45deg);transition:background-color .4s ease-in-out,transform .4s ease-in-out}.custom-cursor.input{cursor:none;width:3px;height:20px;border:none;border-radius:0;transform:translate(-50%,-50%) rotate(0);transition:background-color .4s ease-in-out,transform .4s ease-in-out,width .2s ease-in-out,border-radius .2s ease-in-out}input:hover,textarea:hover,[contenteditable=true]:hover{cursor:none}.header{position:fixed;top:0;left:0;height:60px;width:100%;background-color:#fff;color:#333;border-bottom:1px solid #eeeeee;overflow:visible;z-index:9}.header .wrap{height:100%;display:flex;align-items:center;justify-content:flex-end}.header .wrap .title{font:850 18px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin-right:auto}.hero{position:relative;height:calc(100vh - 60px);width:100%;display:flex;align-items:center;justify-content:flex-end}.hero .wrap h1{width:100%;text-align:right;z-index:1}.hero .wrap h1 br{display:none}@media screen and (max-width: 620px){.hero .wrap h1 br{display:block}}.hero .wrap .sayings{position:relative;height:60px;overflow:hidden}@media screen and (max-width: 1200px){.hero .wrap .sayings{height:50px}}@media screen and (max-width: 720px){.hero .wrap .sayings{height:40px}}@media screen and (max-width: 600px){.hero .wrap .sayings{height:88px}}.hero .wrap .sayings .word{position:relative;height:56px;width:100%;padding:2px 0;display:block;font:900 50px/56px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:right;color:#333}@media screen and (max-width: 1200px){.hero .wrap .sayings .word{font:900 30px/40px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;height:46px}}@media screen and (max-width: 720px){.hero .wrap .sayings .word{font:900 25px/30px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;height:36px}}@media screen and (max-width: 600px){.hero .wrap .sayings .word{font:900 20px/24px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;height:88px}}.profile{position:relative;height:100vh;max-height:50vh;display:flex;justify-content:center;align-items:flex-start;overflow:visible;z-index:1;background-color:#fff}.profile h3{position:relative;display:block;width:70%;color:#333;margin:0}.workGallery{position:relative;width:100%;height:auto;display:flex;flex-wrap:wrap;background-color:#fff}.workGallery .cards{position:relative;width:50%}@media screen and (max-width: 960px){.workGallery .cards{width:100%}}.workGallery .cards .card{position:relative;height:72px;width:100%;border-top:1px solid #eeeeee;overflow:hidden;cursor:none;-webkit-transition:all .4 s ease-in-out;-moz-transition:all .4 s ease-in-out;-o-transition:all .4 s ease-in-out;transition:all .4 s ease-in-out}.workGallery .cards .card:hover span{transform:translateY(-72px)}.workGallery .cards .card:last-of-type{border-bottom:1px solid #eeeeee}.workGallery .cards .card span{height:72px;width:100%;background:#fff;display:block;transform:translateY(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.workGallery .cards .card span:last-of-type{background:#333}.workGallery .cards .card h2{height:72px;width:100%;color:#333;margin:0 0 0 30px;text-transform:uppercase;font:900 50px/72px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}@media screen and (max-width: 960px){.workGallery .cards .card h2{font:900 40px/72px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}.workGallery .cards .card p{height:72px;width:100%;color:#fff;margin:0 0 0 30px;font:900 25px/72px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase}@media screen and (max-width: 960px){.workGallery .cards .card p{font:900 16px/72px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}}.workGallery .images{position:relative;width:50%;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;overflow:hidden;background-color:#eee}@media screen and (max-width: 960px){.workGallery .images{display:none}}.workGallery .images img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.theEnd{position:fixed;bottom:0;height:70px;width:100%;border-top:1px solid #eeeeee;background-color:#333;color:#fff;display:flex;align-items:center;justify-content:center;z-index:0}.theEnd ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:center;background-color:#333;width:100%}.theEnd ul li{text-align:left;margin:0 30px 0 0;font:400 24px/34px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}@media screen and (max-width: 680px){.theEnd ul li{font:400 16px/20px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 15px 0 0}}@media screen and (max-width: 500px){.theEnd ul li{font:400 14px/18px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 10px 0 0}}.theEnd ul li a{color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.theEnd ul li a:hover{color:#00deb5;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.homeContainer{position:relative;background-color:#fff;color:#333;padding:60px 0px calc(50vh - 256px) 0px;margin:0 0 70px;border-bottom:1px solid #eeeeee;z-index:1}.case-study .splash-screen{position:relative;width:100vw;height:100vh;background:#fff;display:flex;align-items:center;justify-content:flex-end}.case-study .splash-screen .intro-text{position:relative;width:90%;margin:0 auto;color:#333}.case-study .splash-screen .intro-text span{display:block;height:80px;overflow:hidden}.case-study .splash-screen .intro-text span h1{font:900 75px/80px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;text-align:right;transform:translateY(80px)}@media screen and (max-width: 1200px){.case-study .splash-screen .intro-text span h1{font:900 50px/56px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}@media screen and (max-width: 720px){.case-study .splash-screen .intro-text span h1{font:900 40px/46px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}@media screen and (max-width: 600px){.case-study .splash-screen .intro-text span h1{font:900 26px/36px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}.case-study{position:relative;width:100%;height:auto;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#333;z-index:1}.case-study .case-study-layout{position:relative;width:100%;height:auto;min-height:100vh;padding:100px 0 0;margin:0 0 70px;background-color:#fff;z-index:1}.case-study .case-study-layout .title{margin:0 0 70px;opacity:0}.case-study .case-study-layout .title h1{text-align:center;font:900 70px/76px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}@media screen and (max-width: 920px){.case-study .case-study-layout .title h1{font:900 50px/56px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}@media screen and (max-width: 680px){.case-study .case-study-layout .title h1{font:900 35px/35px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 0 10px}}.case-study .case-study-layout .title h3{text-align:center}.case-study .case-study-layout .image{position:relative;width:100%;height:587px;border-radius:25px;overflow:hidden;margin:0 0 70px;opacity:0}@media screen and (max-width: 900px){.case-study .case-study-layout .image{height:387px}}@media screen and (max-width: 500px){.case-study .case-study-layout .image{height:287px}}.case-study .case-study-layout .image img{height:100%;width:100%;object-fit:cover}.case-study .case-study-layout .body{display:flex;align-items:flex-start;flex-wrap:wrap;gap:100px;opacity:0}@media screen and (max-width: 1024px){.case-study .case-study-layout .body{gap:0px}}.case-study .case-study-layout .body .info{width:30%}@media screen and (max-width: 1024px){.case-study .case-study-layout .body .info{width:100%;margin:0 0 70px}}.case-study .case-study-layout .body .info .box{border-bottom:2px solid #333333;padding:0 0 20px}.case-study .case-study-layout .body .info .box p{font:400 16px/24px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;width:100%;display:flex}.case-study .case-study-layout .body .info .box p span{font:700 16px/24px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0 5px 0 0}.case-study .case-study-layout .body .info a{position:relative;display:block;margin:20px 0 0 6px;font:700 18px/18px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;height:20px;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.case-study .case-study-layout .body .info a svg{height:100%;transform:translate(-6px,4px);margin:0 6px 0 0}.case-study .case-study-layout .body .writeup{width:calc(70% - 100px);margin:0 0 150px}@media screen and (max-width: 1024px){.case-study .case-study-layout .body .writeup{width:100%;margin:0 0 50px}}.case-study .case-study-layout .body .writeup h2{margin:0 0 20px;font:900 40px/46px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}@media screen and (max-width: 680px){.case-study .case-study-layout .body .writeup h2{font:900 28px/34px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}.case-study .case-study-layout .body .writeup p{font:400 16px/22px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.case-study .case-study-layout .body .writeup p a{font:700 16px/22px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.case-study .case-study-layout .body .writeup p strong{margin:20px 0 0;display:inline-block}.case-study .case-study-layout .gallery{display:flex;flex-wrap:wrap;gap:50px 20px;margin:0 0 150px;opacity:0}@media screen and (max-width: 900px){.case-study .case-study-layout .gallery{gap:0px}}.case-study .case-study-layout .gallery .card{position:relative;padding:38px;width:calc(50% - 90px);border-radius:32px}@media screen and (max-width: 900px){.case-study .case-study-layout .gallery .card{padding:20px;width:calc(50% - 40px)}}@media screen and (max-width: 500px){.case-study .case-study-layout .gallery .card{width:calc(100% - 40px)}}.case-study .case-study-layout .gallery .card img{width:100%;object-fit:cover;border-radius:32px}.case-study .case-study-layout .gallery .card:nth-child(3n+1){width:100%;background-color:transparent}.case-study .case-study-layout .video{display:flex;align-items:center;justify-content:center;margin:0 0 150px}.case-study .case-study-layout .video .card{width:90%;height:auto;max-width:500px}.case-study .case-study-layout .video .card video{width:100%;height:auto}.case-study.nick-helps .case-study-layout .image img{object-position:top}.password-gate{position:relative;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.password-gate .form-area{position:relative;width:250px;height:auto}.password-gate .form-area h1{width:100%;text-align:center;margin:0 0 15px}.password-gate .form-area p{margin:0 0 15px;text-align:center}.password-gate .form-area .error{margin:15px 0 0}.password-gate .form-area form{width:100%}.password-gate .form-area form input{width:calc(100% - 32px);padding:14px 16px;background-color:#fffae7;border-radius:32px;outline:none;border:2px solid #333333;margin:10px 0;font:700 16px/16px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.password-gate .form-area form input:focus{background-color:#fff}.password-gate .form-area form button{cursor:none!important;width:100%;padding:14px 16px;border-radius:32px;background-color:#333;color:#fff;font:700 16px/18px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;text-transform:uppercase;cursor:pointer;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.password-gate .form-area form button:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#333;background-color:#fffae7}#root{position:relative;width:100vw;height:100%;min-height:100vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;width:100%;height:100%;min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch;margin:0;background-color:#fff;cursor:none}.cursorHover,a,button{cursor:none}::selection{background:#00deb5;color:#333}::-moz-selection{background:#00deb5;color:#333}.wrap{position:relative;width:90%;margin:0 auto}a,a:visited{color:inherit;text-decoration:none}h1{font:900 50px/56px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;color:#333}@media screen and (max-width: 500px){h1{font:900 35px/35px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}h2{margin:0;font:900 30px/34px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}@media screen and (max-width: 680px){h2{font:900 24px/34px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}@media screen and (max-width: 500px){h2{font:900 18px/34px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}h3{margin:0 0 5px;font:700 24px/34px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}@media screen and (max-width: 960px){h3{font:700 18px/28px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}@media screen and (max-width: 500px){h3{font:700 16px/20px Red Hat Display,Helvetica Neue,Helvetica,Arial,sans-serif}}p{font:700 16px/20px Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}