html,body{background-color:#101010;color:#fff;font-family:Aldrich,sans-serif;-webkit-font-smoothing:antialiased}canvas.webgl{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}navbar{position:absolute;width:100%;top:0;left:0;right:0;z-index:3}section,footer{position:relative;z-index:2}footer{background:black;padding:20px 0}navbar>.container{margin-top:12px;display:flex;flex-direction:column;align-items:center}.navbar-nav{background:#222222ab;border-radius:4px;transition:background .5s ease-in-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 30px #0000004d;list-style-type:none;margin:0;padding:0 15px 0 0;font-size:16px;color:#fff;border:none;position:relative;user-select:none;text-shadow:0px 0px 5px rgba(0,0,0,.5);display:flex;align-items:stretch;overflow:hidden}.nav-item.logo{background:#222222;color:#00ff6a;position:relative;font-family:Kanit,serif;font-weight:600;font-size:28px;font-style:normal;line-height:50px;margin:0 15px 0 0;padding:0 30px;text-shadow:none}.nav-link{align-content:center;color:#dedede;display:block;height:100%;padding:3px 20px 0}.nav-link:hover{text-decoration:none;color:#fff}.giant-text{font-size:72px;line-height:78px;text-shadow:0px 0px 34px rgba(0,0,0,.5)}.btn{all:unset;background:rgb(213,213,213);box-sizing:border-box;border:2px solid rgb(213,213,213);border-radius:5px;color:#000;display:inline-block;padding:10px 20px;user-select:none;transition:background ease-out .5s}.btn.btn-min-width{min-width:120px;text-align:center}.btn:hover{background:rgb(183,183,183);border:2px solid rgb(183,183,183);cursor:pointer}.btn-next{background:rgb(0,243,101);border:2px solid rgb(0,243,101);margin-left:auto}.btn-next:hover{background:#02ce57ec;border:2px solid rgb(0,228,95)}.btn-start{background:#00421b69;border:2px solid rgb(0,243,101);border-radius:5px;color:#fff;position:relative;overflow:hidden;text-shadow:0px 0px 5px rgba(0,0,0,.5)}.btn-start>span{position:relative;z-index:1}.btn-start:after{content:" ";position:absolute;background:linear-gradient(130deg,rgba(2,206,87,1) 60%,rgba(255,255,255,0) 70%);height:100%;width:200%;top:0;left:-150%;z-index:0}.btn-start:hover{background:#00421b69;border:2px solid rgb(0,228,95);cursor:pointer}.btn-start.loaded:hover:after,.btn-start.loaded.clicked:after{left:0%;transition:left linear .2s}.btn-start.loaded:active{background:#01af4aec;border:2px solid rgb(0,198,82)}.btn-start.loaded:active:after{background:linear-gradient(130deg,rgb(2,169,72) 60%,rgba(255,255,255,0) 70%)}.btn-start .loaded-text,.btn-start.loaded .loading-text{display:none}.btn-start.loaded .loaded-text{display:inline}#sensor-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#sensor-canvas-container{background:#1d1f20;position:relative;margin:auto;width:300px;height:300px;border:1px solid black;background-image:url(/images/car-orthographic.webp);background-size:contain;background-repeat:no-repeat;background-position-x:center;background-position-y:-150px}offcanvas{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0}flyout{position:absolute;border-radius:8px;left:100%;top:0;width:min(426px,34%);height:calc(90vh - 24px);overflow:hidden;background:rgba(0,0,0,0);margin:12px;color:#37373c;font-size:14px;z-index:3;transition:transform ease-out .5s}flyout.show{transform:translate(calc(-100% - 24px));transition:transform ease 1s;transition-delay:1s}.flyout-close{position:absolute;top:7px;right:7px;width:48px;height:48px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;transition:color ease .3s}.flyout-close:hover{color:#fff}.flyout-close:before{position:absolute;content:" ";top:5px;left:5px;right:5px;bottom:5px;background:#fff;border-radius:50%;z-index:-1;transition:background ease .3s}.flyout-close:hover:before{background:#8a8a8a}.flyout-content{background:#fff;padding:20px 20px 95px;height:100%;overflow:scroll;position:relative}#flyout-dynamic-media{background:black;margin-bottom:20px}.flyout-content h2{width:calc(100% - 35px)}.flyout-actions{display:flex;background:#fff;justify-content:space-between;position:absolute;left:0;right:0;bottom:0;padding:20px}.flyout-actions:before{content:" ";position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#ffffff 100%);z-index:1}.lil-gui.autoPlace{left:0;top:50px}.projects-carousel{background:#262626;border-radius:8px;color:#37373c;font-size:14px;position:absolute;left:50%;top:calc(100% - 50px);opacity:0;overflow:hidden;transform:translate(-50%);z-index:3;user-select:none;box-shadow:0 4px 30px #000c;pointer-events:none}.projects-carousel.show{opacity:1;top:calc(100% - 80px);pointer-events:all}#carousel-title{color:#fff;height:50px;width:200px;margin:0 50px;display:flex;text-align:center;justify-content:center;align-items:center}.carousel-previous,.carousel-next{border:2px solid rgb(0,243,101);color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;height:50px;width:50px}.carousel-previous:hover,.carousel-next:hover{background:rgb(0,243,101);color:#37373c;cursor:pointer}.carousel-previous{left:0}.carousel-next{right:0}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,rgb(255,255,255),#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 1s linear infinite}.shiny-text.disabled{animation:none}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.pill{border-radius:50px;background:#d9d9d980;padding:5px 15px;font-size:14px;text-transform:uppercase;color:#fff}.shadowbox{background:#1E1E1E;color:#fff;border-radius:50px;padding:28px;width:100%;text-align:center;font-family:Figtree}#projects-caption{position:absolute;top:0;left:-100px;bottom:0;width:33%;background:linear-gradient(90deg,black,transparent);z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:10%;opacity:0;pointer-events:none}#projects-caption.show{opacity:1;left:0;pointer-events:all}.caption-description{font-weight:100}.caption-link{display:flex;align-items:center}.caption-link svg{margin-left:10px;margin-bottom:5px}.text-center{text-align:center!important}.text-left{text-align:left!important}.img-rounded{border-radius:20px}.aldrich-regular{font-family:Aldrich,sans-serif;font-weight:400;font-style:normal}.kanit-regular{font-family:Kanit,sans-serif;font-weight:400;font-style:normal}.invisible{visibility:hidden}.light-theme{background:#fff;color:#1e1e1e}.hr-bottom{border-bottom:1px solid}.gradient-text{background-image:linear-gradient(to bottom,#00ff28 0%,#efff00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}section.hero{background:none;user-select:none;padding:65px 0 0;background:linear-gradient(rgba(22,163,74,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(22,163,74,.1) 1px,transparent 1px);background-size:50px 50px}section.hero.hidden{background:#101010}section.hero.hidden .hero-container{transition:opacity ease 1s;pointer-events:none;opacity:0}.hero-container{display:flex;flex-direction:column;justify-content:space-evenly;height:calc(90vh - 65px);padding-bottom:15px;position:relative;z-index:2}.flip-cards{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:2rem}.flip-card{aspect-ratio:5 / 6;border-radius:28px;perspective:1200px;cursor:pointer}.flip-card-inner{position:relative;height:100%;width:100%;border-radius:28px;transform-style:preserve-3d;transition:transform .7s ease}.flip-card:hover .flip-card-inner,.flip-card:focus-within .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{position:absolute;inset:0;border-radius:28px;backface-visibility:hidden;overflow:hidden}.flip-card-front{display:flex;flex-direction:column;background-size:cover}.flip-card-heading{display:flex;align-items:center;gap:1rem;font-size:1.75rem;font-weight:100;padding:2rem;color:#000}.flip-card-heading svg{margin-top:-.5rem}.flip-card-back{display:flex;flex-direction:column;justify-content:flex-end;gap:1.5rem;padding:2rem;background:#f7f2ea;transform:rotateY(180deg)}.flip-card-body{margin:0;font-size:1.05rem;line-height:1.4;color:#1f1f1f}.flip-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.flip-card-tag{padding:.35rem .85rem;border-radius:999px;font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;background:#1f1f1f;color:#f7f2ea}.flip-card-it .flip-card-front{background-image:url(/images/card-it.webp)}.flip-card-legal .flip-card-front{background-image:url(/images/card-legal.webp)}.flip-card-marketing .flip-card-front{background-image:url(/images/card-marketing.webp)}.flip-card-solar .flip-card-front{background-image:url(/images/card-solar.webp)}.flip-card-ccaas .flip-card-front{background-image:url(/images/card-ccaas.webp)}.flip-card-music .flip-card-front{background-image:url(/images/card-music.webp)}section.ventures{padding-top:150px}section.ventures .shadowbox{padding:28px 28px 0}section.ventures .shadowbox h3{font-size:1.5rem;margin-top:18px}section.ventures .shadowbox img{width:75%;margin-top:20px}section.ventures .shadowbox .read-more{margin:15px 0}.video-thumb-container{min-height:500px;height:100vh;max-height:1080px;width:100%;max-width:1920px;background-image:url(/images/hawaii-thumb.webp);background-size:cover;background-position:center top;margin:auto}section.about{font-family:Figtree}.about h2{font-weight:100}.container+.container{padding-top:150px}section.studies{font-family:Figtree}.card-carousel{display:flex;gap:30px;flex-direction:row;justify-content:space-between;align-items:center}.card-carousel ul{list-style-type:none;padding:0;margin:0;white-space:nowrap;overflow:hidden;position:relative}.card-carousel .card{padding:30px 25px;background:#1455BF;color:#fff;border-radius:20px;box-shadow:5px 5px 10px #0003}.card-carousel h1{margin-top:25px}.card-carousel h1{font-size:1.8em}section.clients{font-family:Figtree}.shadowbox-tabs{list-style:none;padding:0 0 20px;display:flex;justify-content:center}.shadowbox-tabs label{display:none}.shadowbox-tabs .tab-item{max-width:30%;position:relative}.shadowbox-tabs .tab-button{width:100%;outline:none;border:none;background:none;cursor:pointer}.shadowbox-tabs .tab-button img{width:100%}.shadowbox-tabs .tab-item.active:after,.shadowbox-tabs .tab-item:hover:after{content:" ";display:block;position:absolute;height:2px;width:100px;bottom:-15px;left:50%;transform:translate(-50%);background:#1B91FF;box-shadow:0 3px 10px #008cff;z-index:1000}section.clients .shadowbox{background:#2F2F2F;border-radius:20px;padding:50px}section.clients .shadowbox img{border-radius:10px}section{background:#101010;overflow:hidden;padding:50px 0}h1.section-heading{color:#fff;text-align:center;font-size:72px;margin-bottom:48px;line-height:100px;font-family:Figtree;font-weight:100;transition-delay:.2s}.section-heading{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.section-heading.is-visible{opacity:1;transform:translateY(0)}.light-theme h1.section-heading{color:#000;font-size:48px}h2.section-heading{color:#7eeb3b;text-align:center;font-size:28px;font-weight:100}@media (prefers-reduced-motion: reduce){.section-heading{opacity:1;transform:none;transition:none}}