@font-face{font-family:ABCFavorit-Book;src:url(/fonts/ABCFavorit-Book.woff)format("woff");src:url(/fonts/ABCFavorit-Book.woff2)format("woff2")}@font-face{font-family:Keiner-Medium;src:url(/fonts/Keiner-Medium.woff)format("woff");src:url(/fonts/Keiner-Medium.woff2)format("woff2")}@font-face{font-family:Keiner-Regular;src:url(/fonts/Keiner-Regular.woff)format("woff");src:url(/fonts/Keiner-Regular.woff2)format("woff2")}:root{--max-width:1100px;--border-radius:12px;--white:#fff;--dark:#151414;--lightBG:#f6f6f6;--primary-bg:#df772c;--secondary-bg:#f8ec43;--tetriarty-bg:#ce91ff;--quaternary-bg:#1169fe}*{box-sizing:border-box;margin:0;padding:0}html,body{cursor:none;max-width:100vw;font-family:Keiner-Regular!important}body{cursor:none;background-color:#fff}a,a:hover{color:inherit;cursor:none;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.header{z-index:999;mix-blend-mode:difference;justify-content:flex-end;align-items:center;width:100vw;height:75px;padding:0 2vw;font-family:Keiner-Regular;display:flex;position:fixed}nav{text-transform:capitalize;justify-content:flex-start;align-items:center;list-style:none;display:flex}nav li button,.header span{color:#fff;margin-right:15px;font-size:16px;text-decoration:none}button{cursor:none;background-color:#0000;border:none;font-family:Keiner-Regular}.header span{text-transform:uppercase}nav li a:visited,nav li a:hover{color:#fff;text-decoration:none}.homeLayer,.aboutLayer{background-color:#0000;flex-direction:column;justify-content:center;align-items:flex-start;width:100vw;min-height:100vh;padding-left:106px;display:flex;position:absolute;inset:0}.homeLayer h1{color:#f2f2f2;font-size:98px}.homeLayer h2{color:#9a9a9a;opacity:.8;font-size:48px}.homeLayer h3{color:#8fae9b;opacity:.8;margin-top:25px;font-size:20px;position:absolute;bottom:110px}.aboutLayer h1{color:#f2f2f2;font-size:80px}.aboutLayer h2{color:#b3b3b3;margin-top:10px;font-family:Keiner-Regular;font-size:32px}.aboutLayer p{color:#9a9a9a;opacity:.8;max-width:550px;margin-top:25px;font-size:20px;position:absolute;bottom:110px}.worksLayer{background:0 0;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.workIntro{flex-direction:column;justify-content:center;padding-left:106px;display:flex;position:absolute;inset:0}.workIntro h1{color:#f2f2f2;font-size:72px}.workIntro h2{color:#b3b3b3;margin-top:12px;font-family:Keiner-Regular;font-size:32px}.workSlide{flex-direction:column;justify-content:center;padding-left:106px;display:flex;position:absolute;inset:0}.workSlide h1{color:#f2f2f2;font-size:72px}.workSlide h2{color:#9a9a9a;opacity:.8;margin-top:8px;font-family:Keiner-Regular;font-size:16px}.contactLayer{background:0 0;flex-direction:column;justify-content:center;padding-left:106px;display:flex;position:absolute;inset:0}.contactLayer h1{color:#f2f2f2;font-size:72px}.contactLayer h2{color:#b3b3b3;margin-top:18px;font-family:Keiner-Regular;font-size:32px}.contactLinks{gap:24px;margin-top:28px;display:flex}.contactLinks a{color:#9a9a9a;opacity:.85;font-family:Keiner-Regular;font-size:18px;text-decoration:none;transition:opacity .2s,transform .2s,color .2s}.contactLinks a:hover{opacity:1;color:#8fae9b;transform:translateY(-1px)}.workListContainer{background-position:0 0;background-repeat:no-repeat;background-size:contain;justify-content:flex-start;align-items:flex-start;width:100vw;min-height:100vh;padding-top:100px;padding-left:2vw;padding-right:2vw;display:flex;position:relative}.workListContainer svg{width:0;height:0;position:absolute;top:-1px;left:-1px}.workListContainer ul{width:100%;list-style:none}.workListContainer ul li{width:100%}.workListContainer ul li button{letter-spacing:0;width:100%;color:var(--white);mix-blend-mode:difference;text-align:left;font-size:132px}.-passiveListItem{mix-blend-mode:normal!important;opacity:.2!important}.imageContainer{position:fixed;top:0;left:0}.workImages{z-index:0;opacity:0;width:100vw;height:100vh;transition:opacity,transform 1.5s;position:fixed;top:0;left:0;transform:scale(1.1)skewY(-4deg)rotate(1deg)}.-activeImage{opacity:1;z-index:1;transform:scale(1)}.content{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.workHero{width:100vw;height:100vh;position:relative}.workHero h1{color:var(--white);opacity:.3;text-transform:uppercase;letter-spacing:15px;margin:0;padding-left:10px;font-family:Keiner-Regular;font-size:150px;position:absolute;bottom:0}.description,.client{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100vw;margin:100px 0;padding-left:2vw;display:flex}.description .titleArea,.client .titleArea{flex-direction:row;align-items:flex-end;display:flex}.client h2{color:var(--dark);max-width:70vw;margin:0;font-family:ABCFavorit-Book;font-size:75px;line-height:65px}.description .titleArea h2{color:var(--dark);max-width:70vw;margin:0;font-family:ABCFavorit-Book;font-size:52px;line-height:65px}.client .titleArea span{margin-left:25px;padding-bottom:5px;font-size:14px}.description p,.client p{max-width:70vw;margin-top:35px;font-size:20px}.subHero{background-color:var(--lightBG);border-radius:20px;justify-content:center;align-items:center;width:96vw;min-height:100vh;margin-bottom:100px;display:flex}.allscreen{padding-bottom:50%;position:relative;overflow:hidden}.allscreen img{color:#0000;width:100%;min-width:1920px;height:auto;min-height:1080px;position:absolute;inset:0}.screenHolder{flex-direction:row;display:flex}.screens{flex-direction:column;justify-content:flex-start;align-items:center;width:90vw;margin-top:50px;display:flex}.screens .item{flex-direction:column;width:100%;max-width:580px;height:100%;margin-bottom:150px;margin-right:90px;display:flex}.screens .item span{color:var(--dark);max-width:90%;font-size:24px}.screens .item .screen{border-radius:20px;justify-content:center;align-items:center;width:100%;height:90%;margin-bottom:20px;padding-bottom:80px;display:flex}.screens .primary .screen{background-color:var(--primary-bg)}.screens .secondary{margin-top:150px}.screens .secondary .screen{background-color:var(--secondary-bg)}.screens .tetriarty .screen{background-color:var(--tetriarty-bg)}.screens .quaternary{margin-top:150px}.screens .quaternary .screen{background-color:var(--quaternary-bg)}.transition{justify-content:flex-start;align-items:center;width:96vw;height:120px;display:flex;position:relative;overflow-x:hidden}.transition .line{background-color:var(--dark);width:25%;height:1px;position:absolute}.top{top:0;right:-500px}.bottom{bottom:0;right:-500px}.transition h3{color:var(--dark);text-transform:uppercase;margin:0;font-size:75px;line-height:50px}.entering{z-index:999;background-color:var(--dark);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.entering h2{color:var(--white);text-align:center;padding:0 20px;font-size:clamp(65px,17vw,350px)}.stage{background-color:#0b0b0c;width:100vw;height:100vh;position:relative;overflow:hidden}.layer{flex-direction:column;justify-content:center;padding-left:80px;padding-right:80px;display:flex;position:absolute;inset:0}.scroll-space{height:400vh}.cursor{z-index:1000;contain:layout style size;pointer-events:none;will-change:transform;-o-transition:-o-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-moz-transition:transform .4s ease-in-out;mix-blend-mode:exclusion;background:#a1b2c3;border-radius:11px;width:22px;height:22px;margin:-11px 0 0 -11px;transition:transform .4s ease-in-out;position:fixed;top:0;left:0;transform:scale(1)}.-exclusion{transform:scale(5)}@media (max-width:1023px){.homeLayer,.aboutLayer{padding-left:40px;padding-right:40px}.homeLayer h1{font-size:64px;line-height:1.1}.homeLayer h2{font-size:32px}.homeLayer h3{font-size:14px}.aboutLayer h1{font-size:56px;line-height:1.1}.aboutLayer h2{margin-top:8px;font-size:24px}.aboutLayer p{max-width:80vw;margin-top:20px;font-size:18px;bottom:60px}.worksLayer{padding-left:40px;padding-right:40px}.workIntro{padding-left:40px}.workIntro h1{font-size:48px;line-height:1.1}.workIntro h2{margin-top:10px;font-size:24px}.workSlide{padding-left:40px}.workSlide h1{font-size:48px;line-height:1.1}.workSlide h2{margin-top:6px;font-size:14px}.contactLayer{padding-left:40px;padding-right:40px}.contactLayer h1{font-size:48px}.contactLayer h2{margin-top:12px;font-size:24px}.contactLinks{gap:18px;margin-top:20px}.contactLinks a{font-size:16px}.workHero h1{letter-spacing:8px;font-size:80px}.description,.client{margin:60px 0;padding-left:40px;padding-right:40px}.client h2{max-width:90vw;font-size:48px;line-height:52px}.description .titleArea h2{max-width:90vw;font-size:36px;line-height:42px}.description p,.client p{max-width:90vw;margin-top:25px;font-size:18px}.client .titleArea span{margin-left:15px;font-size:12px}.transition h3{font-size:48px;line-height:42px}.screens .item{max-width:90vw;margin-bottom:100px;margin-right:0}.screens .item span{font-size:18px}.screens .secondary,.screens .quaternary{margin-top:0}.workListContainer{padding-top:80px}.workListContainer ul li button{font-size:72px}}@media (max-width:767px){.homeLayer,.aboutLayer{padding-left:24px;padding-right:24px}.homeLayer h1{font-size:42px}.homeLayer h2{font-size:24px}.homeLayer h3{font-size:12px}.aboutLayer h1{font-size:36px}.aboutLayer h2{font-size:18px}.aboutLayer p{max-width:90vw;font-size:16px;bottom:40px}.workIntro{padding-left:24px}.workIntro h1{font-size:32px}.workIntro h2{font-size:18px}.workSlide{padding-left:24px}.workSlide h1{font-size:32px}.workSlide h2{font-size:12px}.contactLayer{padding-left:24px;padding-right:24px}.contactLayer h1{font-size:32px}.contactLayer h2{margin-top:10px;font-size:18px}.contactLinks{flex-direction:column;gap:12px;margin-top:16px}.contactLinks a{font-size:14px}.workHero{height:auto}.workHero h1{letter-spacing:4px;padding-left:8px;font-size:48px}.subHero{width:100vw;min-height:unset;margin-left:20px;margin-right:20px}.description,.client{margin:40px 0;padding-left:24px;padding-right:24px}.client h2{font-size:32px;line-height:36px}.description .titleArea h2{font-size:24px;line-height:28px}.description p,.client p{margin-top:20px;font-size:16px}.client .titleArea{flex-direction:column;align-items:flex-start}.client .titleArea span{margin-top:8px;margin-left:0;padding-bottom:0;font-size:11px}.transition{height:80px}.transition h3{padding-left:18px;font-size:32px;line-height:32px}.screenHolder{flex-direction:column;display:flex}.screens{width:100vw;padding:0 24px}.screens .item{margin-bottom:60px}.screens .item span{font-size:16px}.screens .item .screen{padding-bottom:40px}.workListContainer{padding-top:60px}.workListContainer ul li button{font-size:48px}.layer{padding-left:24px;padding-right:24px}}