*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-text-alt:#d6d6d6;--color-bg:#0b0a0a;--color-link:#fff;--color-link-hover:#fff;--color-focus:#ff2d55;font-size:131.25%}html{scroll-behavior:initial}html,body{width:100%;min-height:100%}.char{margin:0 -40px;padding:0 40px}.cs-hero{z-index:-1;width:105%;height:100%;animation:20s linear infinite alternate moveBg;position:absolute;top:0;left:-2.5%;overflow:hidden}.cs-hero img{object-fit:cover;object-position:0% 50%;width:100%;height:100%}@keyframes moveBg{0%{transform:translate(-2%)}to{transform:translate(2.5%)}}body{color:var(--color-text);background-color:var(--color-bg);font-family:var(--font-raleway), sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-style:normal;font-weight:400;line-height:1.3}body p{color:var(--color-text-alt)}.video-wrapper{object-fit:cover;pointer-events:none;z-index:-1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;right:0;overflow:hidden}.main__hero{opacity:1;flex-direction:column;justify-content:space-between;align-items:center;height:95vh;padding-bottom:5vh;transition:opacity 1s;display:flex}.main__hero .navigation{text-align:center;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:1vw 2vw;display:flex}.main__hero .navigation .logo img{width:3vw}.main__hero .oh{text-align:center}.magnetic-button{color:#000;background-color:#ffffffb3;background-image:none;background-clip:unset;-webkit-text-fill-color:currentColor;opacity:1;text-transform:uppercase;border-radius:50px;padding:20px 40px;font-size:18px;transition:background-color .3s;display:inline-block}.magnetic-button:hover{color:#000;background-color:#ffffffe6}.main__hero .logo a{display:inline-block}.main__hero .regular__font{font-family:var(--font-raleway), sans-serif}body.content-open .main__hero{opacity:0}b{font-weight:800}.oh{position:relative;overflow:visible}.oh .oh__inner:first-child{will-change:transform;animation:20s linear infinite alternate-reverse text-train;display:block}.oh .oh__inner:last-child{will-change:transform;animation:20s linear infinite alternate text-train;display:block}.oh span{z-index:10000;position:relative}.oh .oh__inner:not(.splitting),.oh .splitting .char{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(#b4b4b4b3,#fff);background-clip:text}.reverse-anim{animation-timing-function:linear;animation:15s infinite alternate-reverse text-train!important}@keyframes text-train{0%{transform:translate(-20px)}to{transform:translate(20px)}}html[data-loading]:before,html[data-loading]:after{content:"";z-index:1000;position:fixed}html[data-loading]:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}html[data-loading]:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{cursor:pointer;color:#0000;background-image:linear-gradient(to bottom right,#1e98fd,#ff00f7);background-clip:text;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:2px}button{cursor:pointer}main{grid-template-areas:"frame""page";display:grid;position:relative}.preview-wrap{z-index:100;flex-direction:column;align-items:stretch;gap:10vw;display:flex;position:relative}.content-open .preview-wrap{pointer-events:none}.preview{will-change:transform;width:100vw;min-height:400px;overflow:hidden}.preview .gradient-overlay{z-index:-1;background-image:linear-gradient(#0b0a0a 0%,#0b0a0a00 40% 60%,#0b0a0a 100%);width:100%;height:100%;position:absolute;bottom:0;left:0}.preview__title{text-align:center;place-self:center;position:relative;transform:translateY(20%)}.preview__title-main{margin:0;font-family:helvetica,scotch-display,sans-serif;font-size:clamp(70px,9vw,8rem);font-weight:400;line-height:1.2;overflow:visible}.preview__title-main>span{display:block}.preview__title-main>span:first-child{padding:0 1rem;font-family:scotch-display,sans-serif;font-style:italic;font-weight:500;display:block;transform:translate(0,0)}.main__hero .preview__title-main>span:first-child{line-height:.8}.preview__title-main>span:last-child{font-size:clamp(20px,4vw,40px)}.preview__desc{text-transform:uppercase;max-width:500px;color:var(--color-text);margin:0 auto;line-height:1.2}.content__title{font-family:scotch-display,sans-serif;font-size:clamp(3rem,6.5vw,5.5rem);font-weight:400}.content__title span{display:block}.content__title>span:first-child{font-size:40px}.content__title>span:last-child{padding:0 0 0 .75rem;font-family:scotch-display,sans-serif;font-style:italic;font-weight:500}.content__action a{margin:30px 0}.nav__buttons a{margin:30px 10px}body.content-open .content__action a{opacity:1;transition:opacity 1s}.cs-header{text-align:center;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:90vh;display:flex;position:relative;overflow:hidden}.cs-header h1{z-index:10;margin:0;padding:0 1rem;font-family:scotch-display,sans-serif;font-size:clamp(70px,10vw,8rem);font-style:italic;font-weight:500;line-height:1.2;display:block;position:relative}.cs-header h1 span.case__subtitle{margin:0;padding:0 1rem;font-size:40px;font-style:normal;font-weight:500;line-height:1.2;display:block}.cs-header h2{max-width:60vw;margin-top:3vw;margin-left:15vw;margin-right:15vw;font-weight:400}.cs-header p{text-transform:uppercase;max-width:400px;margin:0 auto;line-height:1.2}.cs-header a{text-transform:uppercase;color:#000;background-color:#fff;background-image:none;background-clip:unset;border-radius:100px;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;line-height:80px;transition:all .8s;display:flex!important}.cs-header a:hover,.cs-header a:focus{color:#fff;background-color:#000;background-image:none;background-clip:unset;transition:all .8s}.cs-footer{text-align:left;width:100%;margin-bottom:10vw;position:relative}.cs-footer .footer-container{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:51.7vw;margin:0 auto;display:flex;position:relative}.cs-footer .footer-container .cs-footer__heading{z-index:10;margin:0;font-family:scotch-display,sans-serif;font-size:clamp(40px,2.6vw,40px);font-style:italic;font-weight:500;line-height:1.2;display:block;position:relative}.cs-footer .footer-container a{z-index:10;color:#fff;opacity:1;margin:0;padding-left:0;font-family:scotch-display,sans-serif;font-size:clamp(40px,3.4vw,60px);font-style:italic;font-weight:500;line-height:1.2;transition:all .5s;display:block;position:relative}.cs-footer .footer-container a:hover{opacity:.7;padding-left:20px;transition:all .5s}.cs-quote{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:51.7vw;margin:-16vh auto 16vw;display:flex;position:relative}.cs-quote h2{text-align:left;width:100%;margin:clamp(20px,2.8vw,60px) 0;font-family:scotch-display,sans-serif;font-size:clamp(40px,4.6vw,120px);font-style:italic;font-weight:300;line-height:clamp(40px,5vw,120px)}.cs-quote h3{font-family:scotch-display,sans-serif;font-size:clamp(20px,2.6vw,40px);font-style:italic;font-weight:300;line-height:auto;text-align:left;text-align:left;width:100%;margin:clamp(10px,1.5vw,30px) 0 0}.cs-quote p{margin:clamp(10px,1.8vw,30px) 0;font-size:clamp(21px,1.52vw,31px)}.cs-quote .oh__inner{font-family:scotch-display,sans-serif;font-size:80px;font-style:italic;font-weight:500;display:block;transform:translateY(-15%)}.about__work{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.about__work h2{font-weight:400}.about__work p{margin:0}.about__work p:last-child{margin-bottom:10vw}.about__work .content__title>span span{font-size:clamp(70px,8.6vw,200px)}.full__width{width:100vw}.bs-results{text-align:center;flex-direction:row;align-items:flex-start;gap:3vw;max-width:66vw;margin-top:-7vw;margin-bottom:7vw;display:flex}.bs-results div{flex-direction:column;flex:1;gap:20px;width:27%;margin:0 3%;display:flex}.bs-results div h2{text-align:center;margin:0;font-size:clamp(50px,7vw,180px)}.bs-results div p{text-align:center;margin:0;font-size:clamp(21px,1.52vw,31px)}.bs-journey{text-align:left;flex-direction:row;align-items:stretch;gap:1vw;max-width:66vw;margin-top:-7vw;margin-bottom:7vw;display:flex}.bs-journey div{background-color:#191717;border-radius:2vw;flex-direction:column;justify-content:space-between;min-height:20vh;padding:1vw;transition:all .3s;display:flex}.bs-journey div:hover{cursor:pointer;transition:all .3s;transform:scale(1.1);box-shadow:0 40px 50px #000c}.bs-journey div:nth-child(2){background-image:linear-gradient(to top left,#191717,#232222)}.bs-journey div:nth-child(3){background-image:linear-gradient(to top left,#191717,#2d2c2c)}.bs-journey div:nth-child(4){background-color:#191717}.bs-journey div:nth-child(5){background-image:linear-gradient(to top left,#141212,#0f0e0e)}.bs-journey div h2{text-align:left;margin:0;font-size:clamp(20px,1.3vw,180px);line-height:1}.bs-journey div p{margin:0;font-size:clamp(12px,.8vw,31px)}.background-text{text-align:center;opacity:.05;width:100%;font-family:scotch-display,sans-serif;font-size:clamp(21px,20.3vw,700px);font-style:italic;font-weight:300!important}.full-blown-picture,.full-blown-picture img{width:100%}.full-blown-picture h3{font-family:scotch-display,sans-serif;font-size:clamp(20px,2.6vw,40px);font-style:italic;font-weight:300;line-height:auto;text-align:left;text-align:left;width:100%;margin:clamp(10px,1.5vw,30px) 0 0}.design__system{z-index:2;width:67vw;margin:0 auto;position:relative}.cs-findings{flex-flow:column wrap;gap:0;width:100%;margin:30px 0 60px;display:flex}.cs-findings-2{border-bottom:1px solid #fff;flex-direction:row;flex:1;width:100%;margin:10px auto;padding:30px 0;display:flex}.cs-findings-2 h3{flex:1.5;margin:0;padding-right:30px}.cs-findings-2 p{flex:3;margin:0;font-size:clamp(10px,1vw,30px)}.cs-findings div h3{margin:0}.cs-findings div p{margin:0;font-size:20px}.cs-gradient-overlay{background-image:linear-gradient(#0b0a0a00,#0b0a0a);width:100%;height:20vh;position:absolute;bottom:0;left:0}.case__content{width:100vw}@media screen and (width>=53em){.preview{background-repeat:no-repeat;justify-content:center;min-height:90vh;display:flex}.preview__desc{margin:0 auto}.images-gallery{z-index:10;flex-flow:wrap;justify-content:center;gap:3vw;max-width:80vw;margin:-7vw auto 10vw;display:flex;position:relative}.images-gallery.desktop{z-index:10;flex-flow:wrap;justify-content:center;gap:3vw;max-width:80vw;display:flex;position:relative}.images-gallery .highlight-container{position:relative}.images-gallery .highlight{opacity:.9;transform-origin:0 0;background-image:linear-gradient(to bottom right,#1e98fd,#ff00f7);border-radius:1.8vw;width:2.8vw;height:2.8vw;padding:10px 20px;transition:all .5s;position:absolute;box-shadow:0 0 #ff00f766}.images-gallery .highlight:hover{opacity:1;width:11.8vw;height:8.8vw}.images-gallery .highlight p{opacity:0;width:0;height:0;font-size:clamp(16px,.8vw,30px);transition:all .5s;overflow:hidden}.images-gallery .highlight:hover p{opacity:1;width:auto;height:auto;transition:all .5s .5s;display:inline-block;overflow:auto}.images-gallery img{opacity:.9;max-width:24.6vw;max-height:80vh}.images-gallery.desktop img{max-width:38.5vw}.images-gallery.desktop div:first-child,.images-gallery.desktop div:first-child img{max-width:100%}.images-gallery form{position:absolute;top:-150px}body.contact-on .preview-wrap{transform-origin:top;transition:transform .8s ease-in-out;transform:scale(.75)}body .preview-wrap{transform-origin:top;transition:transform .8s ease-in-out .8s}}@media screen and (width<=53em){.preview-wrap{padding:0 0 3rem}.nav__buttons a{width:45%;margin:30px 0;padding:20px 10px}.main__hero .navigation{text-align:center;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.main__hero .navigation .logo{display:none}.main__hero .navigation .nav__buttons{width:100%}.preview__desc{margin:0 20px;font-size:17px}.cs-quote{width:100%;max-width:100vw;margin:0 auto 12vw;padding:0 20px}.images-gallery{z-index:10;width:100%;margin:-7vw auto 10vw;position:relative}.images-gallery .highlight-container{width:100%}.images-gallery img{width:80%;margin:20px auto;display:block}.full-blown-picture{width:100%;overflow:hidden}.full-blown-picture img{width:100%;margin-left:0%}.design__system img{width:100%;margin-left:0}.cs-footer .footer-container{max-width:100vw;padding:0 20px}.responsive{display:none}.cs-header h2{max-width:90vw;margin:20vw auto;font-size:21px;font-weight:400}.preview__title{transform:translateY(60%)}.char{margin:0 -20px;padding:0 20px}.bs-results{flex-direction:column;align-items:flex-start;gap:6vw;max-width:100vw}.bs-results div{flex-direction:row;flex:1;gap:20px;width:100%}.bs-results div h2{text-align:left;flex:1}.bs-results div p{text-align:left;flex:3}.cs-findings-2{flex-direction:column}.cs-findings-2 h3{font-size:clamp(24px,5vw,60px);font-family:var(--font-raleway), sans-serif;padding-right:30px;font-style:normal;font-weight:700}.cs-findings-2 p{flex:3;margin:0;font-size:clamp(10px,1vw,30px)}}@supports not (background-clip:text){a{color:var(--color-link);background-image:none}}.skip-link{z-index:2000;color:#000;background:#fff;border-radius:0 0 8px 8px;padding:.75rem 1.25rem;transition:transform .2s;position:absolute;top:0;left:50%;transform:translate(-50%,-120%)}.skip-link:focus{transform:translate(-50%)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.images-gallery img,.full-blown-picture img,.highlight-container img,.logo img{height:auto}@media screen and (width>=53em){.images-gallery img,.highlight-container img{width:auto}}.cs-header .about__intro{max-width:60vw;color:var(--color-text);text-transform:none;margin:3vw 15vw .83em;font-size:1.5em;font-weight:400;line-height:1.3}@media screen and (width<=53em){.cs-header .about__intro{max-width:90vw;margin:20vw auto;font-size:1em}}.cs-back{z-index:999;margin-bottom:40px;position:relative}.hero-video{object-fit:cover;width:100%;height:100%}.video-scrim{background-image:linear-gradient(#0b0a0a00 20%,#0b0a0ae6 80%,#0b0a0a 100%);position:absolute;inset:0}.oh--light{font-weight:100}.cs-footer__heading{opacity:.6;margin-bottom:50px}.cs-footer__divider{user-select:none}.cs-quote--raised{z-index:10;position:relative}.cs-findings-2--borderless{border-bottom:none}.full-blown-picture--overlap{z-index:1;margin:-10vw auto 0;position:relative}.full-blown-picture--spaced-block{margin:6vw auto}.full-blown-picture__spaced{margin:100px auto}.images-gallery--spaced{margin:6vw auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cs-hero,.oh .oh__inner:first-child,.oh .oh__inner:last-child,.reverse-anim{animation:none!important;transform:none!important}.char,[data-splitting]{opacity:1!important;transform:none!important}html[data-loading]:before,html[data-loading]:after{display:none}}