@keyframes pulseColor{0%{color:#18d1ff}33%{color:#ff18f1}66%{color:#ffab18}to{color:#18d1ff}}.page{--gray-rgb:0,0,0;--gray-alpha-200:rgba(var(--gray-rgb),0.08);--gray-alpha-100:rgba(var(--gray-rgb),0.05);--var-pad:24px;--button-primary-hover:#383838;--button-secondary-hover:#f2f2f2}.page main{max-width:1400px;width:100%;display:inline-flex;flex-direction:column;justify-items:center;text-align:left}.page main section:last-child{margin-bottom:-8px}.page{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page .inner{background:linear-gradient(180deg,transparent,rgba(0,0,0,.9) 140px)}.section{padding:var(--var-pad);margin-top:36px}.section.misc{margin-top:60px}.name{font-family:Charlevoix Pro;font-weight:200;text-transform:uppercase;letter-spacing:.13rem;color:#58595b;box-sizing:border-box;padding-top:24px;font-size:13px}.hero,.name{text-align:center}.hero{padding:var(--var-pad);height:50vh;display:flex;align-items:center;justify-content:center}.scrollX{position:relative;overflow-x:scroll;scroll-behavior:smooth;opacity:.9999}.scrollX::-webkit-scrollbar{display:none;scroll-behavior:smooth}.heroImage{margin-bottom:20px;background-color:hsla(0,0%,4%,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #242424;border-radius:16px;width:100%;aspect-ratio:340/200}.heroBold{line-height:1.9rem;font-weight:500}.heroBold h1{font-size:22px;-webkit-text-shadow:0 0 20px #000;text-shadow:0 0 20px #000;margin-bottom:12px}.heroBold h1.showDesktop span{font-weight:400;display:inline-block}.heroBold h1>div{display:inline-block;position:relative;left:-6px}.heroBold h1>div em{position:absolute;left:0;top:0;width:100%;text-align:center}.heroBold h1>div .base,.heroBold h1>div div.base{opacity:0}.heroBold h1>div .base.art{position:absolute}.heroBold h1>div .art{opacity:0}.heroBold h1 em{font-style:normal}.heroBold h1.hideDesktop span{font-weight:100;color:#5d5d5d;display:inline-block;scale:1.3;margin-left:1px;margin-right:2px}.heroBold h1 span{font-weight:100;color:#9c9c9c;display:inline-block;scale:1.3 1;margin-left:3px;margin-right:3px;position:relative;top:-2px}.heroBold .p,.heroBold p{font-weight:200;font-size:21px;line-height:1.8rem;margin-bottom:12px;margin-top:-4px;display:inline-block;position:relative;-webkit-text-shadow:0 0 10px #000;text-shadow:0 0 10px #000}.heroBold .p div.base,.heroBold p div.base{opacity:0}.heroBold .p .glitch,.heroBold p .glitch{position:absolute;left:0;top:0;width:100%}.heroBold .p .glitch.art,.heroBold p .glitch.art{opacity:0}.heroBold span.light{font-weight:400}.heroBold span.heavy{line-height:1.9rem;font-weight:400;color:#fff}.heroLight{font-size:15px;font-weight:lighter;line-height:1.65rem;margin-bottom:12px;margin-top:-12px}.byPortfolio,.byType{padding:var(--var-pad)}.byPortfolio h1,.byType h1{width:100%}.byPortfolio{padding-right:0;overflow:visible}@keyframes fadeBorder{0%{border-color:#222}50%{border-color:#333}to{border-color:#222}}@keyframes animInOut{0%{opacity:0}25%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes textLayer1{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes textLayer2{0%{opacity:1}25%{opacity:0}75%{opacity:0}to{opacity:1}}.scrollX{position:sticky;top:0;z-index:99;padding-top:10px;padding-bottom:80px;box-sizing:border-box;padding-left:24px;margin-top:-24px}.scrollX.sticky{background-image:url(/img/home/tabs-gradient.png);background-repeat:repeat-x;background-position:0 0;background-size:50% 72%}.scrollX.mobile{padding-bottom:60px;background-size:50% 86%}.scrollX ul.portfolios{display:inline-flex;flex-direction:row;box-sizing:border-box;padding:10px 0}.scrollX ul.portfolios li{width:80%;aspect-ratio:240/160;height:180px;background-color:#000;margin-right:20px;border-radius:16px;overflow:hidden;padding:20px;position:relative;border:1px solid #222}.scrollX ul.portfolios li img{height:100%;object-fit:fill;opacity:.75;border-radius:inherit;-webkit-transition:scale 2s;-moz-transition:scale 2s;-ms-transition:scale 2s;-o-transition:scale 2s;transition:scale 2s}.scrollX ul.portfolios li h2,.scrollX ul.portfolios li img{position:absolute;left:0;top:0;width:100%;box-sizing:border-box}.scrollX ul.portfolios li h2{color:#fff;font-weight:600;padding:20px 20px 60px;background:#000;background:linear-gradient(0deg,transparent,#000);-webkit-transition:scale .85s;-moz-transition:scale .85s;-ms-transition:scale .85s;-o-transition:scale .85s;transition:scale .85s;transform-origin:0 40%}.scrollX ul.portfolios li h2 span{font-weight:100;color:#6b6b6b;display:inline-block;scale:1.4;margin:0 2px}.scrollX ul.portfolios li:hover img{-webkit-transition:scale 1s;-moz-transition:scale 1s;-ms-transition:scale 1s;-o-transition:scale 1s;transition:scale 1s;opacity:1;scale:1.1}.scrollX ul.portfolios li:hover h2{-webkit-transition:scale .85s;-moz-transition:scale .85s;-ms-transition:scale .85s;-o-transition:scale .85s;transition:scale .85s;scale:1.05}.scrollX ul.portfolios li:hover{animation:fadeBorder .85s;animation-iteration-count:infinite;box-shadow:0 0 20px hsla(0,0%,100%,.2)}.scrollX ul.portfolios li.light-mode{background-color:#fff}.scrollX ul.portfolios li.light-mode h2{color:#000;background:#fff;background:linear-gradient(0deg,hsla(0,0%,100%,0),#fff 50%)}.scrollX ul.portfolios li.light-mode h2 span{color:#9b9b9b}.scrollX ul.portfolios li.light-mode:hover{animation:fadeBorder .85s;animation-iteration-count:infinite;box-shadow:0 0 20px hsla(0,0%,100%,.4)}.scrollX ul.portfolios:not(:last-child){margin-bottom:8px}.scrollX ul.tabs{pointer-events:auto;display:inline-flex;flex-direction:row;margin-right:24px}.scrollX ul.tabs li button{color:#c4c4c4;background-color:rgba(0,0,0,.75);border:1px solid #2d2d2d;border-radius:20px 20px;white-space:nowrap;box-sizing:border-box;padding:7px 16px 8px;font-size:14px;backdrop-filter:blur(14px)}.scrollX ul.tabs li button.selected{color:#000;background-color:#fff}.scrollX ul.tabs li button:hover:not(.selected){color:#fff;cursor:pointer;background-color:#1c1c1c;animation:fadeBorder .85s;animation-iteration-count:infinite}.scrollX ul.tabs li:not(:last-child){margin-right:12px}.scrollX ul.tabs li span{font-weight:100;color:#424242;display:inline-block;scale:1.4;margin:0 2px}.scrollX ul.tabs:not(:last-child){margin-bottom:18px}.byType{margin-top:-60px}.byType ul{width:100%}.byType ul li .rewind{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.byType ul li .rewind img{width:10%;height:auto;transform:translateY(-20px)}.byType ul li .rewind{opacity:0;pointer-events:none}.byType ul li.showRewind .rewind{animation:animInOut .45s}.byType ul li{overflow:hidden;width:100%;margin-bottom:20px;background-color:#000;border-radius:16px;border:1px solid #222;box-sizing:border-box;background-color:#111;position:relative;padding-bottom:35px;-webkit-transition:padding 1s;-moz-transition:padding 1s;-ms-transition:padding 1s;-o-transition:padding 1s;transition:padding 1s}.byType ul li .video,.byType ul li img,.byType ul li video{left:0;top:0;width:100%;height:100%;aspect-ratio:340/215;object-fit:cover;border-radius:inherit;border-radius:16px;position:relative;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;-webkit-transition:top 1s,border-radius 1s,border-bottom 1s;-moz-transition:top 1s,border-radius 1s,border-bottom 1s;-ms-transition:top 1s,border-radius 1s,border-bottom 1s;-o-transition:top 1s,border-radius 1s,border-bottom 1s;transition:top 1s,border-radius 1s,border-bottom 1s;overflow:visible}.byType ul li .video{pointer-events:none}.byType ul li img,.byType ul li video{pointer-events:auto}.byType ul li .agency{position:absolute;right:0;top:8px;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:5px 11px 5px 8px;border-radius:30px;overflow:hidden;white-space:nowrap;font-size:11px;display:flex;flex-direction:row;transform-origin:right center}.byType ul li .agency a,.byType ul li .agency a:visited{border-bottom:1px solid transparent}.byType ul li .agency a:hover,.byType ul li .agency a:visited:hover{border-bottom:1px solid #fff;cursor:pointer}.byType ul li .agency{transform:translateX(100%)}.byType ul li .agency img{width:12px;height:12px;margin-right:6px}.byType ul li .agency{-webkit-transition:transform .45s;-moz-transition:transform .45s;-ms-transition:transform .45s;-o-transition:transform .45s;transition:transform .45s}.byType ul li .info{position:absolute;z-index:1;width:100%;overflow:hidden;top:100%;line-height:1.4rem;pointer-events:none}.byType ul li .info .client{transform-origin:center left;padding:9px 14px 11px;font-weight:400;opacity:1;letter-spacing:0;font-size:13px;line-height:1rem;position:relative;color:#fff}.byType ul li .info .client span{color:#c8c8c8;font-weight:400;font-size:12px;position:relative}.byType ul li .info .client span.divider{font-weight:100;opacity:.4;margin:0 3px;scale:1.1;position:relative;top:-1px}.byType ul li .info .client{border-bottom:1px solid #2d2d2d;box-sizing:border-box;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-transition:background .65s,bottom .65s,padding .65s,color .65s;-moz-transition:background .65s,bottom .65s,padding .65s,color .65s;-ms-transition:background .65s,bottom .65s,padding .65s,color .65s;-o-transition:background .65s,bottom .65s,padding .65s,color .65s;transition:background .65s,bottom .65s,padding .65s,color .65s}.byType ul li .info .shortDesc{font-weight:500}.byType ul li .info{transform:translateY(calc(0% - 35px));-webkit-transition:transform .65s,top .65s,background .65s;-moz-transition:transform .65s,top .65s,background .65s;-ms-transition:transform .65s,top .65s,background .65s;-o-transition:transform .65s,top .65s,background .65s;transition:transform .65s,top .65s,background .65s}.byType ul li .roles{display:block;font-weight:300;font-size:12px;width:100%;color:#e7e7e7;bottom:0;opacity:0;-webkit-transition:opacity .8s,padding .85s,height .85s,transform .85s,font-size .85s;-moz-transition:opacity .8s,padding .85s,height .85s,transform .85s,font-size .85s;-ms-transition:opacity .8s,padding .85s,height .85s,transform .85s,font-size .85s;-o-transition:opacity .8s,padding .85s,height .85s,transform .85s,font-size .85s;transition:opacity .8s,padding .85s,height .85s,transform .85s,font-size .85s;line-height:1.2rem;background-color:#121212;transform-origin:bottom center;padding:10px 14px;height:auto;opacity:1}.byType ul li .roles span{font-weight:100}.byType ul li .roles span.divider{font-weight:100;opacity:.3;margin:0 2px}.byType ul li .roles .client{display:none;padding:0;font-size:15px;margin-bottom:8px;font-weight:300;opacity:.8}.byType ul li .roles .client span{font-weight:200}.byType ul li .roles .client span.divider{font-weight:100;opacity:.4}.byType ul li.mobile.showInfo .video,.byType ul li:not(.mobile):hover .video{position:relative}.byType ul li.mobile.showInfo .agency,.byType ul li:not(.mobile):hover .agency{transform:translateX(calc(0% - 8px));-webkit-transition:transform .35s;-moz-transition:transform .35s;-ms-transition:transform .35s;-o-transition:transform .35s;transition:transform .35s}.byType ul li.mobile.showInfo .video,.byType ul li.mobile.showInfo img,.byType ul li.mobile.showInfo video,.byType ul li:not(.mobile):hover .video,.byType ul li:not(.mobile):hover img,.byType ul li:not(.mobile):hover video{border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-transition:top .35s,border-radius .35s,border-bottom .35s;-moz-transition:top .35s,border-radius .35s,border-bottom .35s;-ms-transition:top .35s,border-radius .35s,border-bottom .35s;-o-transition:top .35s,border-radius .35s,border-bottom .35s;transition:top .35s,border-radius .35s,border-bottom .35s}.byType ul li.mobile.showInfo .info,.byType ul li:not(.mobile):hover .info{transform:translateY(-100%);-webkit-transition:transform .35s,top .35s,background .35s;-moz-transition:transform .35s,top .35s,background .35s;-ms-transition:transform .35s,top .35s,background .35s;-o-transition:transform .35s,top .35s,background .35s;transition:transform .35s,top .35s,background .35s}.byType ul li.mobile.showInfo .info .client,.byType ul li:not(.mobile):hover .info .client{color:#fff;background:rgba(0,0,0,.4);-webkit-transition:bottom .35s,background .35s,padding .35s,color .35s;-moz-transition:bottom .35s,background .35s,padding .35s,color .35s;-ms-transition:bottom .35s,background .35s,padding .35s,color .35s;-o-transition:bottom .35s,background .35s,padding .35s,color .35s;transition:bottom .35s,background .35s,padding .35s,color .35s}.heroFloat{display:inline-flex;flex-direction:column;width:100%;box-sizing:border-box;line-height:1.3rem;align-items:center;padding:60px 0;position:relative;top:10px}.heroFloat .ctas{margin-top:16px;scale:.93;position:relative;z-index:8}.heroFloat .ctas .button,.heroFloat .ctas button{margin:0 8px}.heroFloat .ctas .button:hover:not(.main),.heroFloat .ctas button:hover:not(.main){border-bottom:1px solid silver}.heroFloat .ctas a,.heroFloat .ctas a:visited{margin:0 8px;font-size:14px;color:#9a9a9a;font-weight:400}.heroFloat .ctas a:not(.main):hover,.heroFloat .ctas a:visited:not(.main):hover{border-bottom:1px solid #9a9a9a}.heroFloat .ctas a.main{color:#fff}.heroFloat .ctas a.main:before{content:"✨";margin-right:6px;scale:1.1;display:inline-block}.heroFloat .ctas a.main:hover{color:#000}.heroFloat .ctas a.main:hover:before{content:"🚀";margin-right:8px}.footer{display:flex;flex-direction:column;align-items:center}.footer section{text-align:left;max-width:1352px}.showDesktop{display:none}@media(min-width:900px){.page main section:last-child{margin-bottom:96px}.scrollX ul.portfolios,.scrollX ul.portfolios li{width:100%}.hideDesktop{display:none}.showDesktop{display:block}.heroBold h1{font-size:30px;line-height:3rem;margin-bottom:22px}.heroBold h1 span{top:0;top:-3px;margin-left:5px;margin-right:5px}.heroBold .p,.heroBold p{font-weight:200;font-size:29px;line-height:2.3rem;margin-bottom:26px;margin-top:-12px}.byType ul li .agency{right:0;top:14px;padding:8px 16px 7px 10px;font-size:13px}.byType ul li .agency img{width:14px;height:14px;margin-right:8px}.byType ul li:hover .agency{transform:translateX(calc(0% - 14px))}}@media(min-width:800px){.section.misc{margin-top:8%}.heroFloat h1{font-size:auto}.heroFloat .ctas{scale:1}.heroFloat .ctas a.main:before{margin-right:8px;scale:1.2}}@media(min-width:1024px){.name{font-size:16px}.byType ul{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.byType ul li{margin:0;width:100%;padding-bottom:68px;-webkit-transition:padding .35s;-moz-transition:padding .35s;-ms-transition:padding .35s;-o-transition:padding .35s;transition:padding .35s;position:relative}.byType ul li .info{top:100%;transform:translateY(calc(0% - 68px))}.byType ul li .info .client{padding:24px;font-weight:600;font-size:16px;line-height:1.25rem}.byType ul li .info .client span{font-weight:400;font-size:14px}.byType ul li .info .client span.divider{opacity:.35;margin:0 8px}.byType ul li .video,.byType ul li img,.byType ul li video{aspect-ratio:340/215}.byType ul li .roles{line-height:1.5rem;font-size:14px;padding:11px 24px 12px;letter-spacing:.015rem}.byType ul li .roles span.divider{margin:0 4px}.heroFloat{top:0;max-width:700px}.heroFloat .ctas a,.heroFloat .ctas a:visited{font-size:16px}.heroLight{width:70%}.section{margin-top:96px}.page .inner{background:linear-gradient(180deg,transparent,rgba(0,0,0,.9) 200px)}.hero{margin-top:10vh}.heroLight{font-size:18px}.heroFloat{padding:60px 40px}}@media(min-width:1448px){.byType{padding-left:0;padding-right:0}.scrollX ul.portfolios{width:100%}.scrollX ul.portfolios li:last-of-type:has(+li){margin-right:0}.scrollX ul.portfolios li h2{padding:24px 24px 60px}.scrollX.portfolios{padding-left:0}}