body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e293b;background:#000;color:#f8fafc;color:#f5a524;font-family:Montserrat,sans-serif;margin:0}.app{color:#f5a524;justify-content:center;min-width:100vw}.app,header{align-items:center;display:flex;flex-direction:column}header{margin:1rem;text-align:center;& h1{font-size:2rem;font-weight:600;margin-bottom:.5rem;@media (min-width:768px){font-size:3rem}}& p{color:#fff}}.tag-list{display:flex;flex-direction:column;flex-shrink:0;gap:1rem 0;max-width:90vw;overflow:hidden;padding:1.5rem 0;position:relative;width:50rem}.loop-slider{.inner{animation-direction:var(--direction);animation-duration:var(--duration);animation-iteration-count:infinite;animation-name:loop;animation-timing-function:linear;display:flex;width:-moz-fit-content;width:fit-content}}.tag{align-items:center;background-color:#16181a;border-color:#ffffff1a;border-radius:.4rem;border-style:solid;box-shadow:0 .1rem .2rem #0003,0 .1rem .5rem #0000004d,0 .2rem 1.5rem #0006;color:#e2e8f0;display:flex;font-size:.9rem;gap:0 .2rem;margin-right:1rem;padding:.25rem 1rem;transition:transform .3s ease-in-out;& span{color:#f5a524bd;font-size:.7rem}&:hover{transform:scale(1.1)}}.fade{background:linear-gradient(90deg,#000,#0000 30%,#0000 70%,#000);inset:0;pointer-events:none;position:absolute}@keyframes loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}:root{--wcm-z-index:100000}.wcm-overlay{z-index:100000!important}::selection{background-color:#000;color:#fff}::-moz-selection{background-color:#000;color:#fff}a:hover{text-decoration:none}
/*    !* 	letter-spacing: 2px; *!*/
/*    !*   letter-spacing: 8px; *!*/
/*    !*   text-transform: uppercase; *!*/.section-title-wrap p{color:#f5a524;font-size:8vw;font-weight:800;letter-spacing:2px;padding:1px}.section-title-wrap h1{color:#fff;font-size:8vw;font-weight:900;line-height:1;margin:0;padding:0}.padding-top-bottom{padding-bottom:100px;padding-top:100px}.over-hide{overflow:hidden}.background-dark{background-color:#101010}.project-link-wrap{display:block;height:100%;position:relative;width:100%}.project-link-wrap,.project-link-wrap p{cursor:pointer;margin:0 auto;text-align:center}.project-link-wrap p{color:#c4c3ca;font-size:80px;font-weight:900;line-height:80px;opacity:.35;transition:all .2s linear}.project-link-wrap:hover p{opacity:.15}.case-study-wrapper{background-color:#1f2029cc;border-radius:10px;box-shadow:0 0 30px #000c;left:50%;list-style:none;margin:0;padding:8px 15px;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto;z-index:10}.case-study-wrapper .case-study-name{display:inline-block;margin:5px}.case-study-wrapper .case-study-name a{color:#8e8d9a;display:block;font-size:14px;font-weight:800;letter-spacing:2px;line-height:1;list-style:none;margin:0 auto;opacity:.5;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s linear}.case-study-wrapper .case-study-name a:hover{text-decoration:none}.case-study-wrapper .case-study-name.active a{color:#fff;opacity:1}.case-study-images{margin:0;z-index:2}.case-study-images,.case-study-images li{height:100%;left:0;position:absolute;top:0;width:100%}.case-study-images li,.case-study-images li .img-hero-background{list-style:none;overflow:hidden;transition:all .3s linear}.case-study-images li .img-hero-background{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;box-shadow:0 0 50px #0009;left:50%;max-width:950px;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 80px)}.case-study-images li .img-hero-background img{display:block;height:auto;width:100%}.case-study-images li.show .img-hero-background{opacity:1}.case-study-images li .case-study-title{color:#fff;display:block;font-size:14px;font-style:italic;font-weight:400;height:100%;left:50%;letter-spacing:1px;line-height:16px;opacity:0;position:absolute;text-align:center;top:0;transform:translateX(-100%);transition:all .1s linear;z-index:19}.case-study-images li.show .case-study-title{opacity:1;transform:translateX(0)}.case-study-images li .hero-number-back{bottom:0;color:#fff3;display:block;font-size:100px;font-weight:900;left:50%;line-height:1;list-style:none;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s linear;z-index:5}.case-study-images li .hero-number{margin-left:-70px;opacity:0;transform:translateY(100%);transition:all .3s linear}.case-study-images li .hero-number,.case-study-images li .hero-number-fixed{bottom:40px;color:#fff;display:block;font-size:13px;font-weight:300;left:50%;letter-spacing:2px;line-height:1;list-style:none;position:absolute;text-align:center;width:40px;z-index:6}.case-study-images li .hero-number-fixed{margin-left:30px}.case-study-images li .hero-number-fixed:before{background-color:#fff6;content:"";height:1px;left:-60px;position:absolute;top:50%;width:60px;z-index:1}.case-study-images li.show .hero-number{opacity:1;transform:translateY(0)}.case-study-images li.show .hero-number-back{opacity:1}@media (max-width:1200px){.scroll-to-top{right:13px}.case-study-images li .case-study-title{left:13px}}.shadow-title{margin-top:50%}@media (max-width:991px){.case-study-images li .hero-number-back{font-size:26vw}.shadow-title{margin-top:50%}}@media (max-width:767px){.case-study-wrapper{background-color:#1f2029f2;box-shadow:0 0 10px #000c}.case-study-wrapper .case-study-name a{font-size:11px;letter-spacing:1px;margin:5px;text-align:center}.case-study-wrapper .case-study-name{margin:0 auto;text-align:center}.case-study-images li .hero-number-back{font-size:32vw}.shadow-title{margin-top:70%}.shadow-title-r{margin-top:30%}}.shadow-title{background:linear-gradient(90deg,#c8c8c800,#c8c8c88c);-webkit-background-clip:text;height:300%;left:20px;margin-top:32%;width:100%;writing-mode:vertical-lr}.shadow-title,.shadow-title-r{-webkit-text-fill-color:#0000;color:#b4b4b433;font-family:DM Sans,sans-serif;font-size:18vw;font-weight:900;line-height:1;position:fixed;text-align:left;top:0;z-index:1}.shadow-title-r{background:linear-gradient(90deg,#c8c8c800,#c8c8c826);-webkit-background-clip:text;right:20px;transform:rotate(180deg);width:15%;writing-mode:vertical-rl}.FeatApp{align-items:center;display:grid;justify-content:center;margin:0;padding:0;width:95vw;z-index:3!important}:root{--bg-color:#141414;--card-color:#171717}#cards{display:flex;flex-wrap:wrap;gap:8px;max-width:75vw;padding:10px;width:100%}.feat-card{background-color:#ffffff1a;border-radius:10px;box-sizing:border-box;cursor:pointer;flex:1 0 22%;margin:0 auto;position:relative}.card-content{background-color:var(--card-color);border-radius:inherit;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px}@media(max-width:900px){.feat-card{flex:1 0 45%}}@media(max-width:600px){.feat-card{flex-basis:98%;flex-grow:1;flex-shrink:0}#cards{align-items:center}}.feat-card:hover:before{opacity:1}.feat-card:after,.feat-card:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transition:opacity .5s;width:100%}.feat-card:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),#ffffff0f,#0000 40%);z-index:3}.feat-card:after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),#fff6,#0000 40%);z-index:1}h1,h2,h3,h4,span{font-family:Montserrat,sans-serif;font-weight:600;margin:0}i{color:#f0f0f0}.card-image{align-items:center;display:flex;height:140px;justify-content:center;overflow:hidden}.card-image>i{font-size:6em;opacity:.25}.card-info-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:flex-start;padding:0 20px}.card-info{align-items:flex-start;display:flex;gap:10px}.card-info>i{font-size:1em;height:20px;line-height:20px}.card-info-title>h3{font-size:1.1em;line-height:20px}.card-info-title>h4{color:#ffffff80;font-size:.85em;margin-top:8px}@media(max-width:1000px){body{align-items:flex-start;overflow:auto}#cards{max-width:1000px;padding:10px 0}.feat-card{flex-shrink:1;width:calc(50% - 4px)}}@media(max-width:500px){.feat-card{height:180px}.card-image{height:80px}.card-image>i{font-size:3em}.card-info-wrapper{padding:0 10px}.card-info>i{font-size:.8em}.card-info-title>h3{font-size:.9em}.card-info-title>h4{font-size:.8em;margin-top:4px}}@media(max-width:320px){.feat-card{width:100%}}#youtube-link{bottom:10px}#youtube-link>i{color:#ef5350}#source-link{bottom:60px}#source-link>i{color:#5e6ad2}.link{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;box-shadow:2px 2px 2px #0000001a;cursor:pointer;display:inline-flex;gap:5px;left:10px;padding:10px 20px;position:fixed;text-decoration:none;z-index:100}.link:hover{background-color:#ffffff1a;border:1px solid #fff3}.link>i,.link>span{height:20px;line-height:20px}.link>span{color:#fff}:root{--color-text:navy;--color-bg:#2a2a2a;--color-bg-accent:#282828;--size:clamp(2rem,1rem + 40vmin,20rem);--gap:calc(var(--size)/14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}@media (prefers-color-scheme:dark){:root{--color-text:#3a3a3a;--color-bg:navy;--color-bg-accent:#181818}}*{box-sizing:border-box}.marquee{-webkit-mask-image:linear-gradient(var(--mask-direction,to right),#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(var(--mask-direction,to right),#0000,#000 20%,#000 80%,#0000);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee,.marquee__group{display:flex;gap:var(--gap)}.marquee__group{align-items:center;animation:scroll-x var(--duration) linear infinite;flex-shrink:0;justify-content:space-around;min-width:100%}@media (prefers-reduced-motion:reduce){.marquee__group{animation-play-state:paused}}.marquee--vertical{--mask-direction:to bottom}.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}.marquee--vertical .marquee__group{animation-name:scroll-y}.marquee--reverse .marquee__group{animation-delay:-3s;animation-direction:reverse}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}@keyframes scroll-y{0%{transform:translateY(var(--scroll-start))}to{transform:translateY(var(--scroll-end))}}.marquee svg{fill:var(--color-text);aspect-ratio:16/9;background:var(--color-bg-accent);border-radius:.5rem;display:grid;padding:calc(var(--size)/10);place-items:center;width:var(--size)}.marquee--vertical svg{aspect-ratio:1;padding:calc(var(--size)/6);width:calc(var(--size)/1.5)}.wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}.wrapper--vertical{flex-direction:row;height:100vh}.toggle{--size:3rem;background-color:var(--color-bg-accent);border:none;border-radius:50%;color:inherit;cursor:pointer;font:inherit;height:var(--size);left:1rem;outline:none;position:relative;position:fixed;text-align:center;top:1rem;width:var(--size);z-index:1}.toggle:focus-visible{box-shadow:0 0 0 2px var(--color-text)}.toggle span{animation:fade .4s ease-out 4s forwards;display:inline-block;left:calc(100% + .4em);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:-moz-fit-content;width:fit-content}.toggle span,.toggle svg{position:absolute;top:50%}.toggle svg{--size:1.5rem;fill:currentcolor;height:var(--size);left:50%;transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.25,1,.5,1);width:var(--size)}.toggle--vertical svg{transform:translate(-50%,-50%) rotate(-90deg)}@keyframes fade{to{opacity:0;visibility:hidden}}[class*=" number-slide"],[class^=number-slide]{align-items:center;background:grey;border-radius:20px;color:#fff;display:flex;height:300px;justify-content:center;max-height:100vh}.number-slide1{background:#40afff;background:linear-gradient(110deg,#000 80%,#f5a52433)}.number-slide2{background:#ff4b40;background:linear-gradient(128deg,#000 80%,#ff4b404d)}.number-slide3{background:#b6ff40;background:linear-gradient(128deg,#000 80%,#3fff474d);background:linear-gradient(128deg,#000 80%,#2bfa524d)}.number-slide4{background:#40fff2;background:linear-gradient(128deg,#000 80%,#3fbcff4d)}.number-slide5{background:#ff409c;background:linear-gradient(128deg,#000 80%,#ff3f3f4d)}.number-slide6{background:#404cff;background:linear-gradient(128deg,#000 80%,#ae3fff4d)}.dots{display:flex;justify-content:center;padding:10px 0}.dot{background:#c5c5c5;border:none;border-radius:50%;cursor:pointer;height:10px;margin:0 5px;padding:5px;width:10px}.dot:focus{outline:none}.dot.active{background:#fff}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}