/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{height:100%;box-sizing:border-box}body,button,input,select,optgroup,textarea{color:#141414;line-height:1.5;margin:0}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;clear:both;margin:0}p{margin:0}dfn,cite,em,i{font-style:italic}body{height:100%;background:#fff}hr{background-color:#ccc;border:0;height:1px;margin:0}ul,ol{margin:0;padding-left:24px}ul li,ol li{margin-bottom:1em}ol{list-style:decimal}li>ul,li>ol{margin:0}dt{font-weight:700}dd{margin:0}embed,iframe,object{max-width:100%}img{height:auto;max-width:100%}img,video{display:block}figure{margin:0}table{margin:0;width:100%}a{outline:none;color:inherit;text-decoration:none}a:visited{color:inherit}a:hover,a:focus,a:active{color:inherit}button,input[type=button],input[type=reset],input[type=submit]{color:#f5f5f5;line-height:inherit;background:#141414;padding:24px;border:none;border-color:#141414;border-radius:0}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:none}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:none}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{color:#141414;border:none;border-radius:0;padding:24px}input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus{color:#151515}select{border:none}textarea{width:100%}#primary[tabindex="-1"]:focus{outline:0}@media only screen and (max-width:768px){*,*:hover,*:active{outline:none}}@font-face{font-family:"Noe";src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/NoeDisplay-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Noe";src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/NoeDisplay-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Noe";src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/NoeDisplay-Regular.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Moderat";src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Bold.eot);src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Bold.eot#1762427306) format("embedded-opentype"),url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Bold.woff2) format("woff2"),url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Moderat";src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Regular.eot);src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Regular.eot#1762427306) format("embedded-opentype"),url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Regular.woff2) format("woff2"),url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Moderat";src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Light.eot);src:url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Light.eot#1762427306) format("embedded-opentype"),url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Light.woff2) format("woff2"),url(https://thenorthstudio.com/wp-content/themes/north/css/../font/Moderat-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}html,body,input,p,.p{font-family:"Moderat";font-size:18px;line-height:28px;font-weight:300;letter-spacing:-.2px}.h0{font-size:120px;line-height:120px;font-weight:500}h1,.h1{font-size:72px;line-height:87px;font-weight:300;letter-spacing:-2px}h2,.h2{font-size:56px;line-height:68px;font-weight:400;letter-spacing:-1.5px}h3,.h3{font-size:40px;line-height:48px;font-weight:400;letter-spacing:-1px}h4,.h4{font-family:"Noe";font-size:28px;line-height:36px;font-weight:300;letter-spacing:1px}h5,.h5,.layout_complex h3{font-size:24px;line-height:30px;font-weight:300;letter-spacing:-.8px}h6,.h6,.layout_complex h4{font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.4px}.noe,h1 b,h1 strong,h1 .b,h1 .strong{font-family:"Noe";letter-spacing:1px}.bold,.b,b,.strong,strong{font-weight:700;line-height:1}.small{font-size:16px;line-height:24px}@media only screen and (max-width:768px){.h0{font-size:56px;line-height:56px}h1,.h1{font-size:40px;font-weight:400;line-height:48px;letter-spacing:-1px}}@media only screen and (max-width:600px){html,body,input,p,.p,h5,.h5{font-size:16px;line-height:24px;letter-spacing:-.2px}h2,.h2{font-size:32px;line-height:38px;letter-spacing:-.8px}h3,.h3{font-size:24px;line-height:30px;letter-spacing:-.2px}h4,.h4{font-size:20px;font-weight:200;line-height:26px;letter-spacing:normal}.h7{font-size:18px;line-height:28px;letter-spacing:-.2px}.noe{letter-spacing:normal}}.boxed{width:100%;max-width:1440px;padding:0 80px;margin:0 auto}.is-unboxed{margin-left:-80px;margin-right:-80px}.pos-rel{position:relative}.pos-abs{position:absolute}.pos-fix{position:fixed}.pos-sticky{position:sticky}.click-through{pointer-events:none}.cover{width:100%;height:100%;left:0;top:0}.flex-row{display:flex}.flex-row-expand{display:flex;justify-content:space-between;align-content:space-between}.flex-row-expand-center{display:flex;justify-content:space-between;align-content:space-between;align-items:center}.flex-row-center{display:flex;align-items:center}.flex-row-center-mid{display:flex;align-items:center;justify-content:center;align-content:center}.flex-col{display:flex;flex-direction:column}.flex-col-expand{display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}.align-L{text-align:left}.align-C{text-align:center}.align-R{text-align:right}.title b{font-weight:700;font-family:"Noe";letter-spacing:normal}.external-icon{display:flex;align-items:flex-end}.external-icon svg{flex:0 0 24px;height:24px;margin-left:8px}.border-bottom,.border-top{height:1px;width:100%;position:absolute}.border-bottom{top:100%;left:0}.border-top{top:0;left:0}.reveal-move,.reveal-line,.viewport-folder.select .reveal-heading>span{visibility:hidden;opacity:0}.reveal-heading{position:relative;overflow:hidden;display:block}.reveal-move,.reveal-heading>span{position:relative}.reveal-line{background-color:#141414}.desktop-only{display:block}.mobile-only{display:none}@media only screen and (max-width:1080px){.boxed{padding:0 24px}.is-unboxed{margin-left:-24px;margin-right:-24px}}@media only screen and (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.external-icon{align-items:center}}#site{width:100%;height:100%;overflow:hidden;transform:translate3d(0,0,0)}#viewport-wrap{height:100%;flex:1 1 auto;overflow:hidden}#viewport-wrap.open{background-color:#ECD932}.viewport-folder{height:0;visibility:hidden;transition:height 0.4s cubic-bezier(.97,0,.56,.98),margin-top 0.15s ease-out,box-shadow 0.15s ease-in,visibility 0s linear 0.41s}.viewport-folder:not(#home){z-index:5}.viewport-folder.select{height:100%;visibility:visible;transition-delay:0s}#viewport-wrap.open .viewport-folder{height:20%;visibility:visible;box-shadow:0 -32px 64px rgb(0 0 0 / .24);transition-delay:0s}#viewport-wrap.open .viewport-folder.last{height:25%}#viewport-wrap.open .viewport-folder#case-study{height:0%}#viewport-wrap.open .viewport-folder#e404{height:0%}#viewport-wrap.open.full .viewport-folder:hover{height:calc(20% + 24px);margin-top:-24px;box-shadow:0 -24px 64px rgb(0 0 0 / .24)}.viewport-folder.scroller{overflow:hidden}.viewport-folder.scrollable.scroller{overflow:auto}#viewport-wrap.open .scroller{overflow:hidden}.viewport-link{display:none;cursor:pointer;z-index:1}#viewport-wrap.open .viewport-link{display:block}.viewport{width:100%}.north-cursor{width:128px;height:128px;position:fixed;top:-300px;left:-300px;z-index:2;pointer-events:none;mix-blend-mode:hue}.north-cursor._2{mix-blend-mode:difference}.north-cursor--sphere{width:100%;height:100%;border-radius:50%;background-color:#f5f5f5}.north-logo-compo{width:100%;top:40px;left:0;right:0;opacity:1;z-index:40;mix-blend-mode:difference;transition:opacity 0.25s ease-in 0.3s;transform:translate3d(0,0,0)}.north-logo-compo._2{opacity:0;z-index:41;mix-blend-mode:hue}.north-logo-cta{position:relative;display:inline-block;transition:opacity 0.25s ease-in,top 0.25s cubic-bezier(.97,0,.56,.98)}html:not(.home) #home .north-logo-cta{top:16px!important;opacity:0!important}.page-hat{top:16px;left:0;right:0}.page-hat p{opacity:0;transition:opacity 0.25s ease-in}#viewport-wrap.open .page-hat p{opacity:1;transition-delay:0.3s}.page-hat .divider{width:0;height:1px;background-color:#141414;margin-top:8px;opacity:0;transition:width 0.5s ease-out,opacity 0.15s ease-in}#viewport-wrap.open .page-hat .divider{width:100%;opacity:1;transition-delay:0.3s,0s}.page-head{position:relative;transition:padding 0.25s ease-out}#viewport-wrap.open .page-head{padding-top:65px}.arrow-R--div{display:block;overflow:hidden;position:relative;transition:padding 0.15s ease-out}a:hover .arrow-R--div,.arrow-R--div:hover,.submit:not(.locked):hover .arrow-R--div{padding-left:1.8em}.arrow-R{width:24px;height:24px;position:absolute;top:-2px;transition:left 0.2s ease-out,right 0.2s ease-out}.arrow-R.L{left:-1.22em}a:hover .arrow-R--div .arrow-R.L,.arrow-R--div:hover .arrow-R.L,.submit:not(.locked):hover .arrow-R--div .arrow-R.L{left:0}.arrow-R.R{right:0}a:hover .arrow-R--div .arrow-R.R,.arrow-R--div:hover .arrow-R.R,.submit:not(.locked):hover .arrow-R--div .arrow-R.R{right:-1.22em}.quote-slider{height:250px;position:relative;transition:height 0.15s ease-in 0.1s}.quote-slider .quote-block{width:100%;padding:40px 0;position:absolute;left:0;top:0;opacity:0;transition:opacity 0.25s ease-in}.quote-slider .quote-block.select{opacity:1}.quote-block .author-name{font-weight:700;margin-top:40px}.quote-slider .segment-wrap{width:100%;position:absolute;bottom:0;left:0}.quote-slider .segment{flex:1 1 auto;height:1px}.quote-slider .segment .reveal-line,.quote-slider .segment .filler{height:100%;width:100%;position:absolute;left:0;top:0}.quote-slider .segment .reveal-line{background-color:#f5f5f5;opacity:0.32!important}.quote-slider .segment .filler{width:0;background-color:#f5f5f5;opacity:.64}.quote-slider .segment.sliding .filler{width:100%;transition:width 5s linear}.quote-slider .segment-space{flex:0 0 8px}.quote-slider .segment-space:last-of-type{display:none}.metric-grid{min-height:100%;flex-wrap:wrap}.metric-grid .metric-pair{flex:0 0 100%}.metric-grid .metric-block{flex:0 1 290px;margin:0 0 40px;flex-wrap:wrap}.metric-grid .number{display:block;margin-bottom:16px;white-space:nowrap}.metric-pair .flex-space{flex:0 0 40px}.item-list .column{flex:1 1 auto}.item-list .column h3{margin:0 0 40px}.item-list .item{padding:32px 0}.item-list .flex-space{flex:0 0 40px}.item-list .flex-space:last-of-type{display:none}.block-grid{flex-wrap:wrap;position:relative;overflow:hidden;transition:max-height 0.75s ease-in}.block-grid .grid-block{flex:0 1 31.25%;padding-bottom:32px;margin-bottom:32px;position:relative}.block-grid .grid-block p{margin-top:32px}.block-grid--div .more-button{display:none}footer{color:#f5f5f5;background-color:#141414;padding:160px 0}.footer-links{margin-top:80px}.footer-links a{flex:0 1 33.333%;padding:24px;border:solid 1px #f5f5f5;display:flex;flex-direction:column;justify-content:space-between;margin-left:-1px}.footer-links a p{margin-bottom:4px}.footer-links .contact,.footer-links .border{color:#141414;background-color:#f5f5f5}.legal-link{margin-top:8px}.legal-link span{margin-right:16px}@media only screen and (max-width:1080px){.block-grid .grid-block{flex:0 1 45%;padding:24px 0;margin-bottom:25px}.block-grid .grid-block p{margin-top:24px}.metric-grid .number{font-size:60px;line-height:68px}}@media only screen and (max-width:768px){.north-cursor{display:none}.north-logo-compo{display:none}.page-hat{top:-40px;transition:top 0.2s ease-in}#viewport-wrap.open .page-hat{top:16px}#viewport-wrap.open .page-head{padding-top:65px}a:hover .arrow-R--div,.arrow-R--div:hover,.submit:not(.locked):hover .arrow-R--div{padding-left:2em}.arrow-R{top:-3px}.arrow-R.L{left:-2em}a:hover .arrow-R--div .arrow-R.R,.arrow-R--div:hover .arrow-R.R,.submit:not(.locked):hover .arrow-R--div .arrow-R.R{right:-2em}.quote-slider .quote-block{padding:24px 0}.quote-block .author-name{margin-top:24px}.item-list{flex-direction:column}.item-list .column h3{margin-bottom:12px}.item-list .flex-space{flex:0 0 80px}.item-list .flex-space:last-of-type{display:none}.block-grid .grid-block{flex:0 1 100%}.block-grid--div .more-button{max-width:420px;color:#f5f5f5;font-weight:500;background-color:#141414;margin:0 auto;padding:16px;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-grid--div .more-button:active{background-color:rgb(20 20 20 / .8980392157)}.block-grid--div .more-button .handle{flex:0 0 24px;height:24px;position:relative}.block-grid--div .more-button .handle div{height:1px;width:16px;background-color:#f5f5f5;position:absolute;top:50%;left:4px;right:4px}.block-grid--div .more-button .handle .V{transform:rotate(-90deg);transition:transform 0.15s ease-in}.block-grid--div.open .more-button .handle .V{transform:none}footer{padding:48px 0}.footer-links{margin-top:48px;display:flex;flex-direction:column;justify-content:space-between}.footer-links a{flex:0 0 auto;margin-bottom:-1px}.footer-links a p{max-width:208px}.legal-link{font-size:12px}}@media only screen and (max-width:600px){.metric-grid .metric-block{margin:0 0 24px}.metric-grid .number{font-size:40px;line-height:48px;margin-bottom:8px}.item-list .column h3{margin-bottom:24px}.item-list .item{padding:16px 0}.item-list .flex-space{flex:0 0 48px}}@media (min-width:768px){.cfI30l{bottom:84px!important}}.cookiefirst-root h2,.cookiefirst-root h3{letter-spacing:0}.cfzBWk img{display:none!important}dialog.cookiefirst-root{visibility:hidden;opacity:0;transform:translateY(100px);transition:all 0.5s ease}.portfolio{color:#f5f5f5;position:relative;z-index:3}.portfolio .desktop{height:2198px;overflow:hidden}.portfolio .desktop a{padding:40px;margin-bottom:-1px;border:solid 1px #141414;border-left:none;display:block}.portfolio .desktop a .cover{-o-object-fit:cover;object-fit:cover}.portfolio .gradient{mix-blend-mode:multiply}.portfolio .desktop a .info{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.portfolio .desktop a .info>h3{font-size:40px;line-height:48px;letter-spacing:-1px}.portfolio .desktop a .info>p{width:80%;max-width:480px;margin-top:16px}.portfolio .desktop a,.portfolio .flex-row,.portfolio .flex-col{flex:1 1 auto;transition:flex-basis 0.5s ease-out}.portfolio .flex-row._1{flex-basis:53.048%}.portfolio:hover .flex-row._1{flex-basis:51.048%}.portfolio .flex-row._1:hover{flex-basis:55.048%}.portfolio .flex-row._1 .flex-col._1{flex-basis:62%}.portfolio .flex-row._1:hover .flex-col._1{flex-basis:60.2%}.portfolio .flex-row._1 .flex-col._1:hover{flex-basis:63.8%}.portfolio .flex-row._1 .flex-col._1 a._1{flex-basis:41.8%}.portfolio .flex-row._1 .flex-col._1:hover a._1{flex-basis:40%}.portfolio .flex-row._1 .flex-col._1 a._1:hover{flex-basis:43.6%}.portfolio .flex-row._1 .flex-col._1 a._2{flex-basis:58.2%}.portfolio .flex-row._1 .flex-col._1:hover a._2{flex-basis:56.4%}.portfolio .flex-row._1 .flex-col._1 a._2:hover{flex-basis:60%}.portfolio .flex-row._1 .flex-col._2{flex-basis:38%}.portfolio .flex-row._1:hover .flex-col._2{flex-basis:36.2%}.portfolio .flex-row._1 .flex-col._2:hover{flex-basis:39.8%}.portfolio .flex-row._1 .flex-col._2 a._1{flex-basis:66%}.portfolio .flex-row._1 .flex-col._2:hover a._1{flex-basis:64.2%}.portfolio .flex-row._1 .flex-col._2 a._1:hover{flex-basis:67.8%}.portfolio .flex-row._1 .flex-col._2 a._2{flex-basis:34%}.portfolio .flex-row._1 .flex-col._2:hover a._2{flex-basis:32.2%}.portfolio .flex-row._1 .flex-col._2 a._2:hover{flex-basis:35.8%}.portfolio .flex-row._2{flex-basis:29.117%}.portfolio:hover .flex-row._2{flex-basis:27.117%}.portfolio .flex-row._2:hover{flex-basis:31.117%}.portfolio .flex-row._2 .flex-col._1{flex-basis:40%}.portfolio .flex-row._2:hover .flex-col._1{flex-basis:38.2%}.portfolio .flex-row._2 .flex-col._1:hover{flex-basis:41.8%}.portfolio .flex-row._2 .flex-col._2{flex-basis:60%}.portfolio .flex-row._2:hover .flex-col._2{flex-basis:58.2%}.portfolio .flex-row._2 .flex-col._2:hover{flex-basis:61.8%}.portfolio .flex-row._3{flex-basis:17.743%}.portfolio:hover .flex-row._3{flex-basis:15.743%}.portfolio .flex-row._3:hover{flex-basis:19.743%}.portfolio .flex-row._3 .flex-col._1{flex-basis:100%}.portfolio .flex-row._3 a{margin:0}.portfolio .mobile{display:none}@media only screen and (max-width:768px){.portfolio .desktop{display:none}.portfolio .mobile{display:block}.portfolio .mobile .story-block-wrap{min-width:100%;padding:0 22px 20px;overflow:auto}.portfolio .story-block{color:#141414;cursor:pointer}.portfolio .story-block+.story-block{margin-left:12px}.portfolio .story-block:last-of-type{margin:0}.portfolio .mobile .scrollbar-block{width:100%;height:40px;background-color:#f5f5f5;position:absolute;top:calc(100% - 20px);left:0;pointer-events:none}.portfolio .circle{border-radius:50%;overflow:hidden}.portfolio .circle.ext{width:74px;height:74px;margin:0 auto 2px;border:solid 1px #141414;padding:5px}.portfolio .circle.int{height:100%}.portfolio .circle img{height:100%;margin:0 auto}.portfolio .story-block p{text-align:center}.portfolio .story-slider{top:101%;z-index:30;overflow:hidden;transition:top 0.5s cubic-bezier(.51,.16,.21,.96),background-color 0s linear 0.51s}.portfolio .story-slider.open{top:0;background-color:#f5f5f5}.portfolio .slide{opacity:0;padding:18px 0 42px;transition:opacity 0.25s ease-in 0.25s}.portfolio .slide.select{opacity:1;z-index:1;transition-delay:0s}.portfolio .slide .background{-o-object-fit:cover;object-fit:cover}.portfolio .slide .gradient{height:192px;top:-44px;transform:rotate(180deg)}.portfolio .slide .touch-zone{height:100%;width:30%;top:0;bottom:0;position:absolute;cursor:pointer;-webkit-tap-highlight-color:#fff0}.portfolio .slide .touch-zone.L{left:0}.portfolio .slide .touch-zone.R{right:0}.portfolio .slide .info{flex-wrap:wrap;padding-left:12px}.portfolio .slide .info img{width:32px;height:32px}.portfolio .slide .info .name{margin:0 12px}.portfolio .slide .info .year{opacity:.64}.portfolio .slide .title{flex:1 1 100%;padding:28px 24px 0 12px}.portfolio .slide .cta{width:171px;max-width:87.2%;background:#FFF;color:#141414;font-weight:400;margin:0 auto;padding:16px}.portfolio .slide .cta .arrow-R{top:2px}.portfolio .story-slider .overlay{height:50px;z-index:1}.portfolio .story-slider .segment-wrap{padding:8px 8px 0}.portfolio .story-slider .segment{flex:1 1 auto;height:2px}.portfolio .story-slider .segment:before,.portfolio .story-slider .segment::after{content:"";height:100%;width:100%;position:absolute;left:0;top:0}.portfolio .story-slider .segment:before{background-color:#f5f5f5;opacity:.32}.portfolio .story-slider .segment::after{width:0;background-color:#f5f5f5;opacity:.64}.portfolio .story-slider .segment.sliding::after{width:100%;transition:width 4s linear}.portfolio .story-slider .segment-space{flex:0 0 2px}.portfolio .story-slider .close-button{width:24px;height:24px;top:22px;right:8px;cursor:pointer}}#navbar{flex:0 0 64px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#f5f5f5;border-top:solid 1px #141414;z-index:10;transition:all 0.15s ease-out}#navbar:hover{flex-basis:72px}#viewport-wrap.open~#navbar{box-shadow:0 -20px 50px rgb(0 0 0 / .25)}#navbar .desktop{height:100%;font-size:16px;cursor:pointer}#navbar .desktop p{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width 0.25s ease-out,opacity 0.2s ease-in}#navbar:hover .desktop p{max-width:100px;opacity:1}#navbar .burger-button{width:40px;height:40px;padding:16px 4px;margin-left:8px;top:2px;cursor:pointer}#navbar .burger-button>div{width:100%;height:1px;background-color:#141414;transition:background-color 0.2s ease-out,transform 0.15s ease-in}#viewport-wrap.open~#navbar .burger-button>.up{transform:rotate(45deg) translate(4px,2px)}#viewport-wrap.open~#navbar .burger-button>.down{transform:rotate(-45deg) translate(3px,-1px)}#navbar .mobile{display:none}@media only screen and (max-width:768px){#navbar{flex:0 0 56px}#navbar:hover{flex-basis:56px}#navbar .desktop{display:none}#navbar .mobile{display:flex;padding:8px 16px;overflow:hidden}#navbar .mobile .north-logo-cta{flex:0 0 86px;padding:8px 0;height:40px}#navbar .mobile .contact{width:40px;height:40px;margin-right:8px;position:relative;cursor:pointer}#navbar .mobile .contact svg{position:absolute;top:0;left:0;transition:opacity 0.15s ease-in,top 0.15s cubic-bezier(.97,0,.56,.98) 0.3s}#navbar .mobile .contact svg.hat{top:-30px}#contact.open~#navbar .mobile .contact svg.hat{top:-8px;transition-delay:0.2s}#navbar .mobile .contact svg.line{opacity:1}#navbar .mobile .contact svg.solid{opacity:0}#contact.open~#navbar .mobile .contact svg.line{opacity:0}#contact.open~#navbar .mobile .contact svg.solid{opacity:1}#navbar .mobile .burger-button{padding:17px 10px}#viewport-wrap.open~#navbar .mobile .burger-button>.up{transform:rotate(45deg) translate(3px,1px)}#viewport-wrap.open~#navbar .mobile .burger-button>.down{transform:rotate(-45deg) translate(2px,-1px)}}html.home,.home body,.home #site,#home,.home #navbar{background-color:#D61526}#home,.home #navbar,.home #contact form .submit{color:#F5F5F5}.home #navbar{border-color:#F5F5F5}.home #navbar .burger-button>div{background-color:#f5f5f5}.home body>.north-logo-compo{opacity:0;pointer-events:none}html.work,.work body,.work #site,#work,.work #navbar{background-color:#f5f5f5}.work #navbar .mobile svg path{fill:#141414}.work #navbar .mobile .north-logo-cta img{filter:brightness(0)}html.services,.services body,.services #site,#services,.services #navbar{background-color:#141414}#services,.services #navbar{color:#F5F5F5}.services #navbar{border-color:#F5F5F5}.services #navbar .burger-button>div{background-color:#F5F5F5}html.process,.process body,.process #site,#process,.process #navbar{background-color:#00E}#process,.process #navbar{color:#F5F5F5}.process #navbar{border-color:#F5F5F5}.process #navbar .burger-button>div{background-color:#F5F5F5}.process .north-logo-compo._2{opacity:1;z-index:39}html.values,.values body,.values #site,#values,.values #navbar{background-color:#ECD932}#values,.values #navbar{color:#141414}.values #navbar{border-color:#141414}.values #navbar .burger-button>div{background-color:#141414}.values #navbar .mobile svg path{fill:#141414}.values .north-logo-compo._2{opacity:1}.values #navbar .mobile .north-logo-cta img{filter:brightness(0)}html.e404,.e404 body,.e404 #site,#e404,.e404 #navbar{background-color:#D61526}#e404,.e404 #navbar,.e404 #contact form .submit{color:#F5F5F5}.e404 #navbar{border-color:#F5F5F5}.e404 #navbar .burger-button>div{background-color:#f5f5f5}.e404 body>.north-logo-compo{mix-blend-mode:normal}html.legal-notice,.legal-notice body,.legal-notice #site,#legal-notice,.legal-notice #navbar{background-color:#f9f9f9}.legal-notice #navbar .mobile svg path{fill:#141414}.home #contact section h2,.home #contact .footer-links a,.home #contact .legal-link{color:#D61526}.home #contact form .cross-button path{fill:#D61526}.home #contact>div,.home #contact form,.home #contact form .R,.home #contact form input,.home #contact form textarea,.home #contact form .submit,.home #contact .footer-links a,.home #contact form .bottom .privacy{border-color:#D61526}.home #contact form .submit{color:#F5F5F5;background-color:#D61526}.home #contact form .submit:not(.locked):hover{background-color:rgb(214 21 38 / .8980392157)}.home #contact .footer-links .arrow-R svg path{fill:#D61526}.home #contact .footer-links .external-icon svg path{stroke:#D61526}.work #contact>div{color:#f5f5f5;background-color:#141414}.work #contact form .cross-button path{fill:#f5f5f5}.work #contact form .input label,.work #contact form .input input,.work #contact form .input textarea,.work #contact form .bottom .privacy label a,.work #contact form .bottom .privacy label .privacy-toggle{color:#f5f5f5}.work #contact form .bottom .privacy label{color:rgb(245 245 245 / .5)}.work #contact>div,.work #contact form,.work #contact form .R,.work #contact form input,.work #contact form textarea,.work #contact form .submit,.work #contact .footer-links a,.work #contact form .bottom .privacy{border-color:#f5f5f5}.work #contact form .bottom .privacy input[type=checkbox],.work #contact form .bottom .privacy input[type=checkbox]:checked::after{border-color:#f5f5f5}.work #contact form .submit{color:#141414;background-color:#f5f5f5}.work #contact form .submit:not(.locked):hover{background-color:rgb(245 245 245 / .8980392157)}.work #contact form .submit .arrow-R path{fill:#141414}.work #contact .footer-links .arrow-R path{fill:#f5f5f5}.work #contact .footer-links .external-icon svg path{stroke:#f5f5f5}.process #contact section h2,.process #contact .footer-links a,.process #contact .legal-link{color:#00E}.process #contact form .cross-button path{fill:#00E}.process #contact>div,.process #contact form,.process #contact form .R,.process #contact form input,.process #contact form textarea,.process #contact form .submit,.process #contact .footer-links a,.process #contact form .bottom .privacy{border-color:#00E}.process #contact form .submit{color:#F5F5F5;background-color:#00E}.process #contact form .submit:not(.locked):hover{background-color:rgb(0 0 238 / .8980392157)}.process #contact .footer-links .arrow-R svg path{fill:#00E}.process #contact .footer-links .external-icon svg path{stroke:#00E}.values #contact>div{color:#f5f5f5;background-color:#141414}.values #contact section h2,.values #contact .footer-links a,.values #contact .legal-link{color:#ECD932}.values #contact form .cross-button path{fill:#ECD932}.values #contact form .input label,.values #contact form .input input,.values #contact form .input textarea{color:#f5f5f5}.values #contact form .bottom .privacy label{color:rgb(245 245 245 / .5)}.values #contact form .bottom .privacy label a,.values #contact form .bottom .privacy label .privacy-toggle{color:#ECD932}.values #contact form .bottom .privacy input[type=checkbox],.values #contact form .bottom .privacy input[type=checkbox]:checked::after{border-color:#f5f5f5}.values #contact>div,.values #contact form,.values #contact form .R,.values #contact form input,.values #contact form textarea,.values #contact form .submit,.values #contact .footer-links a,.values #contact form .bottom .privacy{border-color:#ECD932}.values #contact form .submit{color:#141414;background-color:#ECD932}.values #contact form .submit:not(.locked):hover{background-color:rgb(236 217 50 / .8980392157)}.values #contact form .submit .arrow-R path{fill:#141414}.values #contact .footer-links .arrow-R path{fill:#ECD932}.values #contact .footer-links .external-icon svg path{stroke:#ECD932}.e404 #contact section h2,.e404 #contact .footer-links a,.e404 #contact .legal-link{color:#D61526}.e404 #contact form .cross-button path{fill:#D61526}.e404 #contact>div,.e404 #contact form,.e404 #contact form .R,.e404 #contact form input,.e404 #contact form textarea,.e404 #contact form .submit,.e404 #contact .footer-links a{border-color:#D61526}.e404 #contact form .submit{color:#F5F5F5;background-color:#D61526}.e404 #contact form .submit:not(.locked):hover{background-color:rgb(214 21 38 / .8980392157)}.e404 #contact .footer-links .arrow-R svg path{fill:#D61526}.e404 #contact .footer-links .external-icon svg path{stroke:#D61526}html.logo-force-color.logo-force-white .north-logo-compo._1{mix-blend-mode:normal!important}html.logo-force-color.logo-force-black .north-logo-compo._1{mix-blend-mode:normal!important;opacity:0!important}html.logo-force-color.logo-force-black .north-logo-compo._2{mix-blend-mode:normal!important}.home #navbar{top:65px;pointer-events:none}#home nav{width:360px;padding:144px 38px 104px 40px;border-right:solid 1px #F5F5F5;background-color:#D61526;z-index:4;position:fixed;transition:left 0.5s cubic-bezier(.97,0,.56,.98),padding 0.15s ease-out}#home nav.hover{padding-bottom:112px}#home.open nav,#home nav.open{left:-361px;transition-duration:0.35s}#home nav>.north-logo-compo{left:40px;mix-blend-mode:normal}#home nav>.north-logo-compo .north-logo-cta{width:auto;opacity:0;top:16px;display:inline-block;pointer-events:none}#home nav>a:not(.north-logo-cta){display:block;font-family:"Noe";font-size:28px;line-height:36px;padding:12px 0 12px 0;padding-left:0;position:relative;transition:padding 0.2s ease-out}#home nav>a:not(.north-logo-cta):hover{padding-left:12px}#home nav>a .reveal-line{height:1px;width:24px;background-color:#F5F5F5;position:absolute;top:calc(50% - 1px);left:-40px;transition:width 0.3s ease-out 0.1s}#home nav>a:hover .reveal-line{width:36px}#home nav>.flex-space{flex:1 1 auto}#home nav>.contact>*{padding:16px;transition:padding 0.25s ease-out}#home nav>.contact>*:hover{padding:22px 16px}#home nav>.contact>.mail{color:#D61526;background-color:#F5F5F5;display:block}#home nav>.contact>.mail>p{margin:0 0 4px}#home nav>.contact>.mail .arrow-R{top:-2px}#home nav>.contact>.social{border:solid 1px #F5F5F5}#home nav>.contact>.social>a{padding-bottom:2px;border-bottom:solid 1px #D61526;transition:border-color 0.15s ease-in}#home nav>.contact>.social>a:hover{border-color:#F5F5F5}#home nav>.contact>.social>.space{height:1px;width:20px;background-color:#F5F5F5;margin:0 10px}#home main{padding-left:360px;transition:padding 0.5s cubic-bezier(.97,0,.56,.98)}#home.open main{padding-left:0}#home .boxed{width:100%;max-width:1128px;padding-right:40px;padding-left:40px;margin:0;transition:max-width 0.45s cubic-bezier(.97,0,.56,.98),margin 0.3s cubic-bezier(.97,0,.56,.98),padding 0.45s cubic-bezier(.97,0,.56,.98),padding-top 0.25s cubic-bezier(.97,0,.56,.98) 0.15s}#home.open .boxed{max-width:1440px;padding-right:80px;padding-left:80px;margin:0 auto}#home header{min-height:100vh;padding:200px 0 104px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}#home header h1{top:0;position:relative;transition:top 0.35s ease-in 0s}#viewport-wrap.open #home header h1{top:-87px}#home header h1 .b{opacity:1;transition:opacity 0.35s ease-in 0.45s}#viewport-wrap.open #home header h1 .b{opacity:0!important;transition:opacity 0s linear 0.15s}#home.select header h1 span{opacity:0;visibility:hidden}#home header .subtitle{margin:46px 0 0}#home header .subtitle p br{display:none}#home header .subtitle .carousel{width:40px;height:40px;margin:0 8px;overflow:hidden}#home header .subtitle .carousel img{height:70%;width:100%;left:-48px;top:7px;visibility:hidden}#home header .subtitle .carousel img.L{left:-48px;transition:all 0.15s ease-in-out}#home header .subtitle .carousel img.C{left:0;visibility:visible;transition:all 0.15s ease-in-out}#home header .subtitle .carousel img.R{left:calc(100% + 48px);transition:none}#home header .subtitle .carousel .fader{width:7px;height:100%;top:0;background:linear-gradient(-90deg,#d61526 0%,#fff0 100%)}#home header .subtitle .carousel .fader.L{left:0;transform:rotate(180deg)}#home header .subtitle .carousel .fader.R{right:0}#home .work>.title{padding:16px 40px 40px}#home .portfolio .desktop a{border-color:#f5f5f5}#home .clients{padding:80px 40px}#home .clients .item-list{margin:80px 0 0}#home .clients>h2{max-width:860px}#home .clients .item .reveal-line{background-color:#f5f5f5}#home .clients a{margin-top:80px;padding-right:88px;display:inline-block}#home .clients a .arrow-R{width:64px;height:64px;top:6px}#home .page-hat{transition:top 0.2s ease-in}#home .page-hat .divider{background-color:#f5f5f5}#home footer{padding:160px 0 25px 360px;color:#D61526;background-color:#f5f5f5}#home .footer-links a{border-color:#D61526}#home .footer-links .contact{color:#f5f5f5;background-color:#D61526}@media only screen and (min-width:1440px){#home.open .boxed{margin-left:calc(50% - 720px);margin-right:calc(50% - 720px)}}@media only screen and (max-width:1080px){#home.open .boxed{padding-right:24px;padding-left:24px}#home nav{left:-361px;display:none;transition-duration:0s}#home main{padding-left:0;transition:none}}@media only screen and (max-width:768px){.home #navbar .mobile .north-logo-cta{opacity:0;pointer-events:none}#home .boxed{padding-right:24px;padding-left:24px}#home header{padding:48px 0 76px}#viewport-wrap.open #home header h1{top:-162px}#home header h1 span:not(.b){width:100%;font-size:72px;line-height:87px;font-weight:300;letter-spacing:-2px;display:block}#home header h1 span._1{margin-top:115px}#home .portfolio .story-block{color:#f5f5f5}#home .portfolio .circle.ext{border-color:#f5f5f5}#home .portfolio .mobile .scrollbar-block{background-color:#D61526}#home .portfolio .story-slider.open{background-color:#D61526}#home .clients{padding:24px 24px 65px}#home footer{padding:48px 0 25px}}@media only screen and (max-width:600px){#home header{border-bottom:solid 1px #f5f5f5}#home header .subtitle{align-items:flex-end}#home header .subtitle p br{display:inline}#home header .subtitle .carousel{height:30px;margin:0 2px;transform:translate(-2px,2px)}#home .work>.title{padding:48px 24px 24px}#home .item-list{margin-top:48px}#home .clients a{width:100%;margin-top:80px;padding-right:0}#home .clients a .arrow-R{width:32px;height:32px;top:5px}}#work main{padding:224px 0 205px}#work header>.title{margin-bottom:80px}#work header .title h1 b{font-family:"Moderat"}#work .clients .title{max-width:840px;margin:160px 0 80px}#work .block-grid .grid-block p{opacity:.72}@media only screen and (max-width:768px){#work main{padding:48px 0 96px}#work header h1{margin:0}#work header{min-height:100vh;padding-bottom:120px;border-bottom:solid 1px #141414;display:flex;flex-direction:column;justify-content:space-between}}@media only screen and (max-width:600px){#work header{padding-bottom:106px}#work .clients .title{margin:48px 0 24px}}#services main .vertical-space{height:600vh}#services main .content-viewport{width:100%;height:calc(100vh - 64px);overflow:hidden;top:0;left:0}#services main .content-wrap{position:relative;padding-bottom:160px}#services .gradient-wrap{z-index:1;opacity:0;transition:opacity 0.25s ease-in}#viewport-wrap.open #services .gradient-wrap{opacity:0!important}#services .gradient{width:100%;height:30vh;background:linear-gradient(180deg,#141414 0%,#fff0 100%);position:absolute;left:0;transition:height 0.35s ease-in-out}#services .gradient.top{top:0}#services .gradient.bot{bottom:0;transform:rotate(180deg)}#services header{padding-top:224px;margin-bottom:80px}#services .services .block-grid{flex:0 1 510px;align-items:flex-start;flex-wrap:nowrap}#services .services .block-grid .grid-block{flex:0 1 auto;border-color:#f5f5f5;margin-bottom:80px}#services .services .block-grid .reveal-line{background-color:#f5f5f5}#services .services .animation{flex:0 1 620px}#services .services .animation .lottie--div{width:100%;height:365px;position:relative;transition:transform 0.35s ease-in-out,height 0.2s ease-in}#services .services .animation .gradient{display:none}#services .capabilities{margin-top:80px}#services .capabilities .item-list{margin-top:80px}#services .capabilities .column{flex:1 1 33.333%}#services .capabilities .column:first-of-type{min-width:400px}#services .capabilities .column h3{max-width:400px;min-height:96px;font-size:40px;line-height:48px;font-weight:400;letter-spacing:-1px}#services .capabilities .item span{font-size:18px;line-height:28px;letter-spacing:-.2px;padding:24px 0}#services .capabilities .item .reveal-line{background-color:#f5f5f5}#services .capabilities .flex-space{flex:0 2 40px}#services footer{color:#141414;background-color:#f5f5f5}#services .footer-links a{border-color:#141414}#services .footer-links .contact{color:#f5f5f5;background-color:#141414}#services .page-hat .divider{background-color:#f5f5f5}@media only screen and (max-width:1080px){#services .capabilities .item-list{flex-wrap:wrap}#services .capabilities .column{flex:0 1 45%;margin-bottom:80px}}@media only screen and (max-width:768px){#services main .content-wrap{padding-bottom:96px}#services header{padding-top:48px;margin-bottom:0}#services .services>.boxed{flex-wrap:wrap}#services .services .block-grid{flex:1 1 100%;order:1}#services .services .animation{flex:1 1 100%;padding:24px 0 0;margin-bottom:24px;background-color:#141414;position:relative;transition:transform 0.45s ease-in-out}#services .services .animation .lottie--div{height:33.333vw}#services .services .animation .gradient{width:100%;height:24px;position:absolute;top:100%;left:0;background:linear-gradient(180deg,#141414 0%,#fff0 100%);display:block}#services .capabilities{margin-top:16px}#services .capabilities .item-list{flex-wrap:nowrap}#services .capabilities .column:first-of-type{min-width:0}#services .capabilities .column{flex:1 1 100%;margin-bottom:0}}@media only screen and (max-width:600px){#services .gradient.top{display:none}#services .services .block-grid--div{margin-top:48px}#services .capabilities .item-list{margin-top:48px}#services .capabilities .column h3{min-height:0;font-size:24px;line-height:30px;letter-spacing:-.8px}#services .capabilities .item{font-size:16px;line-height:24px;letter-spacing:-.2px;padding:16px 0}}#process main{padding:224px 0 160px}#process header{margin-bottom:160px}#process header>.title{margin-bottom:80px}#process .quote-slider{height:300px;max-width:620px;border-color:#f5f5f5}#process .quote-slider>.reveal-line{background-color:#f5f5f5}#process .block-grid--div{margin:80px 0 160px}#process .block-grid .reveal-line{background-color:#f5f5f5}#process .metrics .container{margin-top:80px}#process .metrics .container>div{flex:0 1 620px}#process .metrics .container .L{flex-shrink:3;margin-right:80px}#process .metrics .container .L .reveal-number{display:block;font-size:200px;line-height:200px;margin-bottom:24px}#process .metrics .container .L h3{margin-bottom:16px}#process footer{color:#00E;background-color:#f5f5f5}#process .footer-links a{border-color:#00E}#process .footer-links .contact{color:#f5f5f5;background-color:#00E}#process .page-hat .divider{background-color:#f5f5f5}@media only screen and (max-width:1080px){#process .metrics .container{flex-wrap:wrap}#process .metrics .container>div{flex:1 1 100%}#process .metrics .container .L{max-width:620px;margin:0 auto}#process .metrics .container .R{max-width:550px;margin:80px auto 0}}@media only screen and (max-width:768px){#process main{padding:48px 0 96px}#process header .title{margin-bottom:48px}#process header{min-height:100vh;margin-bottom:80px;padding-bottom:120px;border-bottom:solid 1px #f5f5f5;display:flex;flex-direction:column;justify-content:space-between}#process .quote-slider .h4{font-size:20px;font-weight:200;line-height:26px;letter-spacing:normal}#process .metrics .container .L .reveal-number{font-size:150px;line-height:150px;margin-bottom:24px}#process .metrics .container .L h3{margin-bottom:16px}#process .block-grid--div .more-button{color:#00E;background-color:#f5f5f5}#process .block-grid--div .more-button:active{background-color:rgb(245 245 245 / .8980392157)}#process .block-grid--div .more-button .handle div{background-color:#00E}}@media only screen and (max-width:600px){#process .block-grid--div{margin:24px 0 96px}#process .metrics .container{margin-top:48px}#process .metrics .container>div{max-width:327px}#process .metrics .container .L .reveal-number{font-size:100px;line-height:100px}#process .metrics .container .L{max-width:420px}#process .metrics .container .R{margin-top:48px}}.values .north-logo-cta{opacity:0}#values main{padding-bottom:160px}#values header{padding-top:120px}#values .value{margin-top:160px}#values .value .h0{display:block;font-weight:300;margin-bottom:32px}#values footer{color:#ECD932;background-color:#141414}#values .footer-links a{border-color:#ECD932}#values .footer-links .contact{color:#141414;background-color:#ECD932}@media only screen and (max-width:768px){#values main{padding-bottom:96px}#values header{padding-top:48px}#values .value{margin-top:48px}#values .value .h0{margin-bottom:24px}}#case-study main{padding:0 0 160px;background-color:#fff}#case-study main.no-bottom-padding{padding-bottom:0}#case-study header{padding:160px 0 0}#case-study header .wrap{padding-left:110px}#case-study header a{width:44px;height:44px;top:2px;left:0}#case-study header a,#case-study header p{opacity:.72}#case-study header h1{max-width:982px;line-height:80px;margin:40px 0 120px}#case-study header img,#case-study header video{width:100%;height:780px;max-width:100%;margin:0;-o-object-fit:cover;object-fit:cover;display:block}#case-study .border.top{padding-top:120px;border-top:solid 1px rgb(20 20 20 / .12)}#case-study .border.bottom{padding-bottom:120px;border-bottom:solid 1px rgb(20 20 20 / .12)}#case-study section .text,#case-study section .content-block p,#case-study .content-block ul,#case-study .content-block ol{color:#141414}#case-study section .text strong,#case-study section .text .number,#case-study section .content-block p strong,#case-study section .content-block p .number,#case-study .content-block ul strong,#case-study .content-block ul .number,#case-study .content-block ol strong,#case-study .content-block ol .number{color:#141414}#case-study section.layout_simple .title>.inner,#case-study section.layout_complex .title>.inner{padding-left:100px}#case-study section.layout_simple .title>.inner span,#case-study section.layout_complex .title>.inner span{position:absolute;left:-100px;top:0}#case-study section.layout_simple .L{flex:0 2 510px;margin-right:40px}#case-study section.layout_simple .L .quote-block{margin-top:80px}#case-study section.layout_simple .L .quote-block .author-name{font-weight:inherit;margin-top:32px}#case-study section.layout_simple .L .quote-block .author-position{padding-bottom:32px;border-bottom:solid 1px rgb(20 20 20 / .12)}#case-study section.layout_simple .R{flex:0 1 860px}#case-study section.layout_simple .R .text>p,#case-study section.layout_simple .R .text>ul,#case-study section.layout_simple .R .text>ol{font-size:22px;font-weight:300;line-height:40px;letter-spacing:-.2px;margin-bottom:40px}#case-study section.layout_simple .R .text>p:last-of-type,#case-study section.layout_simple .R .text>ul:last-of-type,#case-study section.layout_simple .R .text>ol:last-of-type{margin-bottom:0}#case-study section.layout_simple .R .metric-pair{justify-content:flex-start}#case-study section.layout_simple .R .metric-pair .metric-block{text-align:center}#case-study section.layout_simple .R .metric-pair .metric-block .reveal-number{line-height:80px}#case-study section.layout_simple .R .metric-pair .metric-block p{margin-top:16px;opacity:.64}@media (max-width:1200px){#case-study section.layout_simple .R{flex:0 1 730px}}@media (max-width:960px){#case-study section.layout_simple .R .text>p,#case-study section.layout_simple .R .text>ul,#case-study section.layout_simple .R .text>ol{font-size:20px;line-height:36px}}#case-study section.layout_complex .title.center{display:flex;justify-content:center}#case-study section.layout_complex .title.center>.inner{flex:0 1 662px}#case-study section.layout_complex .content-block{max-width:1280px;align-items:center;justify-content:center}#case-study section.layout_complex .content-block.flex-expand{justify-content:space-between}#case-study section.layout_complex .content-block h3,#case-study section.layout_complex .content-block h4,#case-study section.layout_complex .content-block h5,#case-study section.layout_complex .content-block h6{font-weight:500;margin-bottom:1.75em}#case-study section.layout_complex .content-block .content-column{flex:0 1 auto}#case-study section.layout_complex .content-block .content-column .title h2{margin-bottom:40px}#case-study section.layout_complex .content-block .content-column>.inner img,#case-study section.layout_complex .content-block .content-column>.inner video{width:100%;height:auto;display:block}#case-study section.layout_complex .content-block .content-column span.subtitle{display:inline-block}#case-study section.layout_complex .content-block .content-column ul,#case-study section.layout_complex .content-block .content-column ol{padding-left:30px}#case-study section.layout_complex .content-block .content-column p,#case-study section.layout_complex .content-block .content-column ul,#case-study section.layout_complex .content-block .content-column ol{width:100%;max-width:900px;font-weight:300;font-size:22px;line-height:36px}#case-study section.layout_complex .content-block .content-column p+p,#case-study section.layout_complex .content-block .content-column ul+p,#case-study section.layout_complex .content-block .content-column ol+p{margin-top:40px}#case-study section.layout_complex .content-block .content-column p+ul,#case-study section.layout_complex .content-block .content-column p+ol,#case-study section.layout_complex .content-block .content-column ul+ul,#case-study section.layout_complex .content-block .content-column ul+ol,#case-study section.layout_complex .content-block .content-column ol+ul,#case-study section.layout_complex .content-block .content-column ol+ol{margin-top:24px}@media (max-width:960px){#case-study section.layout_complex .content-block .content-column p,#case-study section.layout_complex .content-block .content-column ul,#case-study section.layout_complex .content-block .content-column ol{font-size:20px;line-height:32px}}#case-study section.layout_complex .content-block .flex-space{flex:0 0 40px}#case-study section.layout_media>.inner>.media-wrap{margin:0 auto}#case-study section.layout_media>.inner>.media-wrap img,#case-study section.layout_media>.inner>.media-wrap video{max-width:100%}#case-study section.more-posts{margin-top:160px}#case-study section.more-posts h2{margin-bottom:80px}#case-study section.more-posts .item-list h3{display:none}#case-study .layout_quote .h4{font-size:72px;line-height:80px;margin-bottom:80px}@media only screen and (max-width:1080px){#case-study header a{left:24px}#case-study header p.h3{padding-left:48px}#case-study section.layout_simple .title>.inner,#case-study section.layout_complex .title>.inner{padding-left:0}#case-study section.layout_simple .L>div{padding-left:0}#case-study section.layout_complex .content-block .content-column>.inner>:not(img,video){padding:0 24px}}@media only screen and (max-width:768px){#case-study{}#case-study main{padding:0 0 96px}#case-study header{padding:80px 0 0}#case-study header .wrap{padding-left:0}#case-study header a{width:24px;height:24px}#case-study header h1{line-height:48px;margin:40px 0 120px}#case-study header img,#case-study header video{height:430px}#case-study .border.top,#case-study .border.both{padding-top:80px}#case-study .border.bottom,#case-study .border.both{padding-bottom:80px}#case-study .is-unboxed{margin-left:0;margin-right:0}#case-study section.layout_simple .title,#case-study section.layout_complex .title{padding-left:0}#case-study section.layout_simple .title span,#case-study section.layout_complex .title span{display:none}#case-study section.layout_simple .title h2,#case-study section.layout_complex .title h2{font-size:30px;line-height:36px}#case-study section.layout_simple>.flex-row{display:block}#case-study section.layout_simple .L{margin-right:0}#case-study section.layout_simple .L>div{padding-left:0;margin-bottom:40px}#case-study section.layout_simple .L img{margin-top:160px;-o-object-fit:cover;object-fit:cover}#case-study section.layout_simple .L .quote-block{margin:40px 0 78px}#case-study section.layout_simple .L .quote-block .author-name{font-weight:600;margin-top:24px}#case-study section.layout_simple .L .quote-block .author-position{padding-bottom:0;border-bottom:none}#case-study section.layout_simple .R .text>p,#case-study section.layout_simple .R .text>ul,#case-study section.layout_simple .R .text>ol{font-size:16px;line-height:24px;margin-bottom:18px}#case-study section.layout_simple .R .metric-grid,#case-study section.layout_simple .R .metric-pair{display:block}#case-study section.layout_simple .R .metric-pair .metric-block .reveal-number{font-size:72px;font-weight:700}#case-study section.layout_simple .R .metric-pair .metric-block p{margin-top:12px}#case-study section.layout_complex{padding:0}#case-study section.layout_complex .title h2,#case-study section.layout_complex .content-column>*:not(div){padding:0 24px}#case-study section.layout_complex .content-block{flex-direction:column}#case-study section.layout_complex .content-block.mobile-swap .flex-space{order:1}#case-study section.layout_complex .content-block.mobile-swap .L{order:2}#case-study section.layout_complex .content-block .content-column .title h3{margin-bottom:32px}#case-study section.layout_complex .content-block .content-column span.subtitle{display:none}#case-study section.layout_complex .content-block .content-column ul,#case-study section.layout_complex .content-block .content-column ol{padding-left:42px!important}#case-study section.layout_complex .content-block .content-column p,#case-study section.layout_complex .content-block .content-column ul,#case-study section.layout_complex .content-block .content-column ol{font-size:16px;line-height:24px;margin-bottom:18px}#case-study section.layout_complex .content-block .flex-space{flex:0 0 90px}}#case-study #case-oceanlux .layout_media:last-of-type .vertical-padding:last-of-type{display:none}html.case-heura #navbar .mobile .north-logo-cta img{filter:brightness(0)}#case-study .section-wrap,#case-study .section-wrap p,#case-study .section-wrap ul,#case-study .section-wrap ol{font-weight:400}#case-study .section-wrap>.boxed{max-width:1156px;padding:0 48px}@media only screen and (max-width:600px){#case-study .section-wrap>.boxed{padding:0 24px}}#case-study .section-wrap .two-column{display:flex;gap:40px}#case-study .section-wrap .two-column>.L{flex:0 1 400px}#case-study .section-wrap .two-column>.R{flex:0 1 620px}#case-study .section-wrap .layout-section-simple>.spacing{height:80px}@media only screen and (max-width:600px){#case-study .section-wrap .layout-section-simple>.spacing{height:48px}}#case-study .section-wrap .layout-section-simple>.border{height:1px;background-color:#E8E8E8}#case-study .section-wrap .layout-section-simple>.content-wrap h3+h3,#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p+h3{margin-top:40px}#case-study .section-wrap .layout-section-simple>.content-wrap h3+.text-display-p,#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p+.text-display-p{margin-top:32px}#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p ul li,#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p ol li{margin-bottom:.5em}#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p p+*,#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p ul+*,#case-study .section-wrap .layout-section-simple>.content-wrap .text-display-p ol+*{margin-top:32px}@media only screen and (max-width:768px){#case-study .section-wrap .layout-section-simple>.content-wrap{display:block}#case-study .section-wrap .layout-section-simple>.content-wrap>.R{margin-top:48px}}#case-study .section-wrap .layout-title{padding-bottom:40px}#case-study .section-wrap .layout-title+.layout-title,#case-study .section-wrap .layout-title+.layout-subtitle,#case-study .section-wrap .layout-title+.layout-body{margin-top:80px}@media only screen and (max-width:768px){#case-study .section-wrap .layout-title{padding-bottom:0;gap:24px}#case-study .section-wrap .layout-title>.L{flex:0 1 auto}#case-study .section-wrap .layout-title>.R{flex:1 1 auto}#case-study .section-wrap .layout-title+.layout-title,#case-study .section-wrap .layout-title+.layout-subtitle,#case-study .section-wrap .layout-title+.layout-body{margin-top:48px}}#case-study .section-wrap .layout-subtitle+.layout-title,#case-study .section-wrap .layout-subtitle+.layout-subtitle,#case-study .section-wrap .layout-subtitle+.layout-body{margin-top:80px}@media only screen and (max-width:768px){#case-study .section-wrap .layout-subtitle{display:block}#case-study .section-wrap .layout-subtitle>.L{display:none}#case-study .section-wrap .layout-subtitle+.layout-title{margin-top:48px}#case-study .section-wrap .layout-subtitle+.layout-subtitle,#case-study .section-wrap .layout-subtitle+.layout-body{margin-top:32px}}#case-study .section-wrap .layout-body>.L>.subtitle{opacity:.64}#case-study .section-wrap .layout-body ul li,#case-study .section-wrap .layout-body ol li{margin-bottom:.5em}#case-study .section-wrap .layout-body p+*,#case-study .section-wrap .layout-body ul+*,#case-study .section-wrap .layout-body ol+*{margin-top:32px}#case-study .section-wrap .layout-body+.layout-title,#case-study .section-wrap .layout-body+.layout-subtitle,#case-study .section-wrap .layout-body+.layout-body{margin-top:80px}@media only screen and (max-width:768px){#case-study .section-wrap .layout-body{display:block}#case-study .section-wrap .layout-body>.R{margin-top:32px}#case-study .section-wrap .layout-body+.layout-title{margin-top:48px}#case-study .section-wrap .layout-body+.layout-subtitle,#case-study .section-wrap .layout-body+.layout-body{margin-top:32px}}#case-study .section-wrap .layout_media+.layout-section-simple,#case-study .section-wrap .layout_media+.layout-title,#case-study .section-wrap .layout_media+.layout-subtitle,#case-study .section-wrap .layout_media+.layout-body{margin-top:160px}@media only screen and (max-width:1080px){#case-study .section-wrap .layout_media+.layout-section-simple,#case-study .section-wrap .layout_media+.layout-title,#case-study .section-wrap .layout_media+.layout-subtitle,#case-study .section-wrap .layout_media+.layout-body{margin-top:80px}}@media only screen and (max-width:768px){#case-study .section-wrap .layout_media+.layout-section-simple,#case-study .section-wrap .layout_media+.layout-title,#case-study .section-wrap .layout_media+.layout-subtitle,#case-study .section-wrap .layout_media+.layout-body{margin-top:48px}}#case-study section.related-projects{color:#F5F5F5;background-color:#141414;padding:160px 0}@media only screen and (max-width:1080px){#case-study section.related-projects{padding:64px 0}}@media only screen and (max-width:600px){#case-study section.related-projects{padding:48px 0}}#case-study section.related-projects .grid{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:64px 12px;pointer-events:none}#case-study section.related-projects .grid:hover a{opacity:.5}@media only screen and (max-width:1080px){#case-study section.related-projects .grid{margin-top:64px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){#case-study section.related-projects .grid{margin-top:48px;grid-template-columns:1fr;gap:48px}}#case-study section.related-projects .grid>a{display:block;transition:opacity 0.25s;pointer-events:auto}#case-study section.related-projects .grid>a:hover{opacity:1}#case-study section.related-projects .grid>a:hover>.image>img{transform:scale(1)}#case-study section.related-projects .grid>a>.image{aspect-ratio:1/1;position:relative;overflow:hidden}#case-study section.related-projects .grid>a>.image>img{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.05);transition:transform 0.25s;-o-object-fit:cover;object-fit:cover}#case-study section.related-projects .grid>a>h3{margin:32px 0 16px}@media only screen and (max-width:600px){#case-study section.related-projects .grid>a>.image{aspect-ratio:345/326}#case-study section.related-projects .grid>a>h3{margin:24px 0}}#case-study .text-display-1{font-size:72px;line-height:84px;letter-spacing:-1px}@media only screen and (max-width:1080px){#case-study .text-display-1{font-size:44px;line-height:48px;letter-spacing:-.5px}}@media only screen and (max-width:600px){#case-study .text-display-1{font-size:32px;line-height:36px;letter-spacing:-.5px}}#case-study .text-display-2{font-size:40px;line-height:48px;letter-spacing:-1px}@media only screen and (max-width:1080px){#case-study .text-display-2{font-size:32px;line-height:40px;letter-spacing:-.5px}}@media only screen and (max-width:600px){#case-study .text-display-2{font-size:28px;line-height:36px;letter-spacing:-.5px}}#case-study .text-display-3{font-size:24px;line-height:32px;letter-spacing:-.5px}@media only screen and (max-width:600px){#case-study .text-display-3{font-size:20px;line-height:24px;letter-spacing:-.5px}}#case-study .text-display-p{font-size:18px;line-height:28px;letter-spacing:-.2px}@media only screen and (max-width:600px){#case-study .text-display-p{font-size:16px;line-height:24px;letter-spacing:-.2px}}.legal-notice main{padding-bottom:170px}.legal-notice main h1{font-family:"Noe";margin:160px 0 48px}.legal-notice main h2{font-weight:300;border-bottom:solid 1px rgb(20 20 20 / .12);padding-bottom:30px;margin:36px 0}.legal-notice main p,.legal-notice main ul,.legal-notice main ol{font-weight:300;color:#141414;margin-bottom:1.7em}.legal-notice main p strong,.legal-notice main ul strong,.legal-notice main ol strong{color:#141414}.legal-notice main p li,.legal-notice main ul li,.legal-notice main ol li{margin-bottom:.2em}.legal-notice ul{padding-left:12px}.legal-notice li{list-style:none;text-indent:-19px;padding-left:25px;position:relative}.legal-notice li:before{content:"·";font-size:25px;line-height:20px;margin-right:14px}@media only screen and (max-width:768px){.legal-notice main{padding-bottom:133px}.legal-notice main h1{margin:48px 0 30px}.legal-notice main h2{padding-bottom:24px;margin:28px 0}.legal-notice main p,.legal-notice main ul,.legal-notice main ol{margin-bottom:1.7em}.legal-notice main p li,.legal-notice main ul li,.legal-notice main ol li{margin-bottom:.7em}.legal-notice footer{margin-top:96px}}#contact{height:100%;padding-top:80px;z-index:11;top:105vh;transition:top 0.5s cubic-bezier(.97,0,.56,.98)}#contact.open{top:0}#contact>div{height:100%;background-color:#f5f5f5;border-top:solid 1px #141414;box-shadow:0 -24px 64px rgb(0 0 0 / .24);overflow:auto}#contact section{height:100%;padding-top:40px}#contact form{margin:74px 0 80px;border-top:solid 1px #141414;flex-wrap:wrap}#contact form .cross-button{height:40px;width:40px;top:-142px;right:-40px;cursor:pointer}#contact form .L{flex:1 1 39.84%}#contact form .R{flex:1 3 60.16%;border-right:solid 1px #141414}#contact form .bottom{width:100%}#contact form .bottom .privacy{padding:24px;background-color:#fff0;border-right:solid 1px #141414;border-left:solid 1px #141414;display:flex;align-items:flex-start;flex-wrap:wrap}#contact form .bottom .privacy input[type=checkbox]{opacity:.5;width:20px;height:20px;padding:10px;margin-right:14px;margin-top:4px;background-color:#fff0;border:1px solid #141414;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;position:relative}#contact form .bottom .privacy input[type=checkbox]:checked::after{content:"";position:absolute;top:4px;left:8px;width:5px;height:10px;border:solid #141414;border-width:0 2px 2px 0;transform:rotate(45deg)}#contact form .bottom .privacy label{color:rgb(20 20 20 / .5);display:flex}#contact form .bottom .privacy label a{color:#141414;font-weight:500}#contact form .bottom .privacy label button{background:none;border:none;color:#141414;text-decoration:underline;font-weight:500;cursor:pointer;padding:0}#contact form .R .input{height:100%}#contact form .input{position:relative}#contact form input,#contact form textarea,#contact form .submit{width:100%;height:100%;padding:32px 24px 24px;background-color:#fff0;border-bottom:solid 1px #141414;border-left:solid 1px #141414;border-radius:0;display:block;outline:none}#contact form textarea{resize:none}#contact form .input label{color:#141414;opacity:.5;top:24px;transform-origin:left top;transition:all 0.2s ease-out}#contact form .input:hover label{opacity:.4}#contact form .input.focus label,#contact form .input.invalid label{line-height:16px;top:16px;opacity:.48;transform:scale(.66666)}#contact form .input label,#contact form .input .error{pointer-events:none;position:absolute;left:24px}#contact form .input .error,#contact form .privacy .error{display:none;color:#d65438;top:32px}#contact form .privacy .error{width:100%;margin-top:10px}#contact form .input.invalid .error,#contact form .privacy.invalid .error{display:flex}#contact form .input .error img{width:24px}#contact form .input .error p{margin:0 0 0 4px}#contact form .submit{height:unset;color:#f5f5f5;text-align:left;background-color:#141414;padding:24px 16px;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center}#contact form .submit.locked{cursor:auto}#contact form .submit:not(.locked):hover{background-color:rgb(20 20 20 / .8980392157)}#contact form .submit.locked:hover .arrow-R--div{padding:0}#contact form .submit .arrow-R{top:2px}#contact form .submit:hover .arrow-R.L{left:0}#contact form .submit .arrow-R.L,#contact form .submit.locked .arrow-R.L,#contact form .submit.locked:hover .arrow-R.L{left:-1.4em}#contact form .submit:hover .arrow-R.R,#contact form .submit.locked .arrow-R.R,#contact form .submit.locked:hover .arrow-R.R{right:-1.4em}#contact form .submit img,#contact form .submit .loading-img{width:24px;height:24px;position:absolute;top:0;right:0;display:none}#contact form .submit .loading-img{opacity:0;display:block}#contact form .submit.waiting .loading-img{opacity:1}#contact form .submit.error .error-img,#contact form .submit.success .success-img{display:block}#contact form .submit .loading-bar{height:4px;position:absolute;left:0;right:100%;bottom:-6px;background-color:#f5f5f5;transition:bottom 0.2s ease-out,right 0.35s ease-out}#contact form .submit.waiting .loading-bar{right:1px;bottom:0;transition:bottom 0s,right 6s cubic-bezier(.45,.79,.74,.36)}#contact form .submit.error .loading-bar,#contact form .submit.success .loading-bar{right:0;bottom:0}#contact .footer-links a{border-color:#141414}@media only screen and (max-width:1080px){#contact form .cross-button{right:0}}@media only screen and (max-width:768px){#contact{padding-top:0;z-index:9}#contact section{padding-top:24px;padding-bottom:80px;display:flex;flex-direction:column}#contact form{flex:1 1 auto;margin:44px 0 0;border:none;border-top:solid 1px #141414;flex-direction:column}#contact form .cross-button{top:-96px}#contact form .L{flex:0 0 auto}#contact form .R{flex:1 1 auto;border:none;display:flex;flex-direction:column}#contact form .R .input{height:auto;flex:1 1 auto;margin-bottom:24px}#contact form input,#contact form textarea,#contact form .submit{padding:24px 24px 16px;border:solid 1px #141414;border-top:none}#contact form .input label{top:18px}#contact form .input.focus label,#contact form .input.invalid label{font-size:12px;line-height:14px;top:8px}#contact form .input .error{top:24px}#contact form .submit{height:auto;padding:16px;border:solid 1px #141414}#contact form .submit .arrow-R{top:0}#contact form .bottom .privacy{border:solid 1px #141414}}@media only screen and (max-width:600px){#contact form .cross-button{top:-80px}#contact form .cross-button svg{width:24px}}