:root{--main-bg-color:var(--bs-light);--font-color:var(--bs-white);--navbar-height:56px;--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1}html,body{background-color:var(--bs-dark);color:var(--font-color)}a{color:inherit;text-decoration:none}.hs-bg-dark{background-color:var(--main-bg-color)}.hs-navbar{height:var(--navbar-height);color:var(--font-color);z-index:9999;position:fixed}.overlay{background-color:#00000080;position:absolute;inset:0}.hero-banner-scroll{flex-direction:column;align-items:center;margin-bottom:32px;transition:opacity 1s ease-in-out;display:flex}.hero-banner-scroll.hide{opacity:0}.project-thumbnail{position:relative;& img{aspect-ratio:var(--ratio-golden)}}@media screen and (width<=991.98px){.project-thumbnail h1{opacity:1}}@media screen and (width>=992px){.project-thumbnail h1{opacity:.25;transition:opacity .25s ease-in-out}.project-thumbnail:hover{& h1{opacity:1}}}.client-list .col-6{opacity:0;transition:opacity 1s ease-in-out}.client-list.show .col-6{opacity:1}.client-list.show{opacity:1;& .col-6:first-child{transition-delay:.1s}& .col-6:nth-child(2){transition-delay:.2s}& .col-6:nth-child(3){transition-delay:.3s}& .col-6:nth-child(4){transition-delay:.4s}& .col-6:nth-child(5){transition-delay:.5s}& .col-6:nth-child(6){transition-delay:.6s}}