@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff }.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff }.swiper-lazy-preloader-black{--swiper-preloader-color:#000 }@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px }.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}/*! 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:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}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:1.15;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:1px dotted ButtonText}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}:root{--ec-zoom: 1;--font-base-px: 20px;--font-base-vw: 20px;--breakpoint-iphone: 0;--breakpoint-mobile: 480px;--breakpoint-ipad_portrait: 768px;--breakpoint-ipad_landscape: 1024px;--breakpoint-desktop_md: 1200px;--breakpoint-desktop_lg: 1440px;--breakpoint-desktop_xl: 1920px}html{box-sizing:border-box;font-family:sans-serif;font-size:20px;height:100%}html[data-loading]{cursor:wait}body{font-family:ABCMarist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,figure,p,pre{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:inherit;opacity:.5}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}button,[role=button]{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}pre,code,kbd,samp{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}address{font-style:initial}svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.sr-only,.sr-only-focusable:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html.moonwalk [data-moonwalk],html.moonwalk [data-moonwalk-section],html.moonwalk [data-moonwalk-run]{opacity:0}html.moonwalk [data-moonwalk-section][data-moonwalk-section-ready]{opacity:1}html.prefers-reduced-motion *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}html.prefers-reduced-motion [data-moonwalk]{visibility:visible!important;opacity:1!important}img[data-src],img[data-srcset]{min-height:1px;min-width:1px}.dbg-breakpoints{position:fixed;height:25px;bottom:4px;left:4px;font-family:monospace;font-size:11px;z-index:99;display:block;text-transform:uppercase;color:#000;background-color:#fff;font-style:normal;padding:4px 5px;border-radius:6px;font-family:Fira Code,Menlo,Monaco,monospace;font-size:9px}.dbg-breakpoints .breakpoint,.dbg-breakpoints .user-agent{float:left}.dbg-breakpoints .user-agent{line-height:20px;padding-left:3px;padding-right:4px}.dbg-breakpoints .user-agent span{color:#00008b;cursor:pointer}.dbg-breakpoints .breakpoint:after{line-height:20px;padding-left:3px;padding-right:4px}.dbg-breakpoints .brand{height:20px;width:20px;float:left}.dbg-grid{display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;width:100%;position:fixed;z-index:9999;top:0;left:0;right:0;height:100%;grid-template-rows:1fr}.dbg-grid.visible{display:grid}.dbg-grid>*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.dbg-grid b{width:auto;position:relative;height:100%;content:" ";background-color:rgba(0,149,255,.2)}img{display:inline-block;border:0;vertical-align:middle;height:auto;max-width:100%;min-width:100%}picture{display:block}[data-outline=false] a,[data-outline=false] button,[data-outline=false] input,[data-outline=false] label,[data-outline=false] option,[data-outline=false] select,[data-outline=false] video,[data-outline=false] textarea{outline:none!important}[data-outline=false] button:not(:focus){outline:0}[data-outline=true] *:focus{visibility:visible;display:block;opacity:1}.no-js picture img{display:none}.no-js picture noscript img{display:block!important}span[class^=arrow-]{transition:all .15s ease;display:inline-block;backface-visibility:hidden}a:hover span.arrow-r{transform:translate(5px);backface-visibility:hidden}a:hover span.arrow-l{transform:translate(-5px);backface-visibility:hidden}a:hover span.arrow-u{transform:translateY(-5px);backface-visibility:hidden}a:hover span.arrow-d{transform:translateY(5px);backface-visibility:hidden}a:hover span.arrow-ne{transform:translateY(-5px) translate(5px);backface-visibility:hidden}@font-face{font-family:ABCMarist;font-display:fallback;src:url(/fonts/ABCMarist-Book.woff2?vsn=d) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:ABCMarist;font-display:fallback;src:url(/fonts/ABCMarist-BookItalic.woff2?vsn=d) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:ABCSocialMono;font-display:fallback;src:url(/fonts/ABCSocialMono-Book-195f8e514cc0192065b88ade50042d95.woff2?vsn=d) format("woff");font-weight:400;font-style:normal}.case__header .bg{position:absolute;top:0;left:0}.case__header .bg img{-o-object-fit:cover;object-fit:cover}.case__header .content{display:flex;height:100%;flex-direction:column;justify-content:space-between}.case__header .content .tagline{z-index:1;color:#fff}.case__header .content .tagline p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}.case__header .content .arrow{align-self:center}.case__intro .inner aside{color:#929292}.case__intro .inner aside h2{text-transform:uppercase}.case__intro .inner aside ul{display:flex;flex-wrap:wrap}.case__intro .inner aside ul li{display:block;border:1px solid #929292}.case__intro .inner article p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource projects"] .projects__listing .project .images .video-wrapper.video-file video{position:relative}[b-tpl="datasource projects"] .projects__listing .project .images .video-wrapper.video-file video{aspect-ratio:3/2;-o-object-fit:fill;object-fit:fill}[b-tpl="datasource projects"] .projects__listing .project .images .swiper{cursor:url("data:image/svg+xml,%3Csvg width='52' height='32' viewBox='0 0 52 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.290527 17.42H45.8305L32.3905 29.24L34.7305 31.52L51.8905 16.1V15.62L34.6705 0.0200195L32.3905 2.30002L45.8305 14.18H0.290527V17.42Z' fill='white'/%3E%3C/svg%3E%0A") 16 16,pointer}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{text-align:left}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination .swiper-pagination-bullet{background-color:#d9d9d9;opacity:1}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#757575}[b-tpl="datasource projects"] .projects__listing .project .images a:hover .full-case{background-color:#000}[b-tpl="datasource projects"] .projects__listing .project .images .full-case{transition:background-color .25s ease;background-color:rgba(190,190,190,.3);position:absolute;-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:overlay;z-index:9;border-radius:5px;right:10px;top:10px;padding:0 5px;color:#fff}[b-tpl="datasource projects"] .projects__listing .project .tagline strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource projects"] .projects__listing .project ul{display:flex;flex-wrap:wrap}[b-tpl="datasource projects"] .projects__listing .project ul li{display:block;border:1px solid #929292;border-radius:.5vw;color:#929292}.case__related{background-color:#f2f2f2}.case__related .related_entries .project .images .video-wrapper.video-file video{position:relative}.case__related .related_entries .project .images .video-wrapper.video-file video{aspect-ratio:3/2;-o-object-fit:fill;object-fit:fill}.case__related .related_entries .project .images .swiper{cursor:url("data:image/svg+xml,%3Csvg width='52' height='32' viewBox='0 0 52 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.290527 17.42H45.8305L32.3905 29.24L34.7305 31.52L51.8905 16.1V15.62L34.6705 0.0200195L32.3905 2.30002L45.8305 14.18H0.290527V17.42Z' fill='white'/%3E%3C/svg%3E%0A") 16 16,pointer}.case__related .related_entries .project .images .swiper .swiper-pagination{text-align:left}.case__related .related_entries .project .images .swiper .swiper-pagination .swiper-pagination-bullet{background-color:#d9d9d9;opacity:1}.case__related .related_entries .project .images .swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#757575}.case__related .related_entries .project .images a:hover .full-case{background-color:#000}.case__related .related_entries .project .images .full-case{transition:background-color .25s ease;background-color:rgba(190,190,190,.3);position:absolute;-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:overlay;z-index:9;border-radius:5px;right:10px;top:10px;padding:0 5px;color:#fff}.case__related .related_entries .project .tagline strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}.case__related .related_entries .project ul{display:flex;flex-wrap:wrap}.case__related .related_entries .project ul li{display:block;border:1px solid #929292;border-radius:.5vw;color:#929292}.case__related .related_entries{margin-bottom:0!important}.case__related+footer{margin-top:0!important;padding-top:0!important}.no-js .cookie-container{display:block!important}.cookie-container{color:#fff;background-color:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:overlay;display:none;position:fixed;bottom:0;left:0;z-index:9997;margin-bottom:0!important;max-width:100%!important;width:100%}.cookie-container .cookie-law{display:flex;justify-content:space-between;align-items:center}.cookie-container .cookie-law-text{width:100%}.cookie-container .cookie-law-text p{font-size:15px}.cookie-container .cookie-law-buttons{flex-shrink:0;text-align:right}.cookie-container .cookie-law-buttons a{color:var(--brando-color-dark)}.cookie-container .cookie-law-buttons button{color:var(--brando-color-dark);padding:3px 25px 4px;border-radius:10px;border:1px solid var(--brando-color-dark);background-color:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:overlay;background-color:transparent}.cookie-container .cookie-law-buttons button:hover{color:var(--brando-color-dark);color:#f9f7f4}[b-tpl=hero]{padding-top:0!important;height:var(--vp-100vh);position:relative;background-color:#000}[b-tpl=hero] .inner{height:var(--vp-100vh);display:flex;z-index:3;position:relative;flex-direction:column;justify-content:space-between}[b-tpl=hero] .inner .top .tagline{position:relative;color:#fff}[b-tpl=hero] .inner .top .tagline p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl=hero] .inner .bottom{display:flex;position:relative}[b-tpl=hero] .inner .bottom .arrow{position:absolute;bottom:0;z-index:3}[b-tpl=hero] .inner .bottom .arrow svg{transition:transform 1s ease}[b-tpl=hero] .inner .bottom .arrow:hover svg{transform:rotateY(360deg)}[b-tpl=hero] .inner .bottom .logo{margin-right:auto;margin-left:auto}[b-tpl=hero] .bg{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;z-index:0}[b-tpl=hero] .bg .landscape,[b-tpl=hero] .bg .portrait,[b-tpl=hero] .bg .video-wrapper{height:100%}[b-tpl=hero] .bg video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}[b-tpl="about + links"]{padding-top:0!important;height:var(--vp-100vh);position:relative;background-color:#fff}[b-tpl="about + links"] .inner{min-height:var(--vp-100vh);display:flex;flex-direction:column;justify-content:space-between}[b-tpl="about + links"] .inner .preamble p strong,[b-tpl="about + links"] .inner .buttons a strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="about + links"] .inner .buttons a{text-align:center;border:1px solid black;display:flex;align-items:center;justify-content:center;transition:border-radius .35s ease}[b-tpl="about + links"] .inner .buttons a:first-of-type{border-radius:3vw}[b-tpl="about + links"] .inner .buttons a:first-of-type:hover{border-radius:50%}[b-tpl="about + links"] .inner .buttons a:nth-of-type(2){border-radius:50%}[b-tpl="about + links"] .inner .buttons a:nth-of-type(2):hover{border-radius:0}[b-tpl="about + links"] .inner .buttons a:nth-of-type(3):hover{border-radius:50%}[b-tpl="datasource clients"]{padding-top:0!important}[b-tpl="datasource clients"] .inner{display:flex;flex-direction:column;justify-content:space-between}[b-tpl="datasource clients"] .inner .preamble p strong,[b-tpl="datasource clients"] .inner .clients p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource clients"] .inner .clients p{margin-bottom:0}[b-tpl="datasource clients"] .inner .clients p a{text-decoration:none}[b-tpl="datasource clients"] .inner .clients p span{cursor:pointer}[b-tpl="datasource clients"] .inner .squircle{display:none}[b-tpl="datasource clients"] .inner .squircle a strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource clients"] .inner .squircle a{text-align:center;border:1px solid black;display:flex;align-items:center;justify-content:center;transition:border-radius .35s ease;border-radius:3vw}[b-tpl="datasource clients"] .inner .squircle a:hover{border-radius:50%}[b-tpl="datasource intros"]{padding-top:0!important}[b-tpl="datasource intros"] .inner .intros{display:flex;flex-direction:column}[b-tpl="datasource intros"] .inner .intros .intro>article{padding-top:0!important;height:var(--vp-100vh);position:relative;background-color:var(--bg)}[b-tpl="datasource intros"] .inner .intros .intro>article a.case-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;cursor:url("data:image/svg+xml,%3Csvg width='52' height='32' viewBox='0 0 52 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.290527 17.42H45.8305L32.3905 29.24L34.7305 31.52L51.8905 16.1V15.62L34.6705 0.0200195L32.3905 2.30002L45.8305 14.18H0.290527V17.42Z' fill='white'/%3E%3C/svg%3E%0A") 16 16,pointer}[b-tpl="datasource intros"] .inner .intros .intro>article .text{height:var(--vp-100vh);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:3}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{color:#fff}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom{display:flex;justify-content:space-between;align-items:baseline}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{color:#fff}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{display:flex}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{background-color:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:overlay}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{color:#fff}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{height:var(--vp-100vh);position:absolute}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div .picture-wrapper figure picture{background-color:transparent!important}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div:nth-of-type(1),[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div:nth-of-type(3){align-self:flex-end}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"]{position:relative}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg{height:var(--vp-100vh);position:absolute;width:100vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg .fig1,[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg .picture-wrapper,[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg figure,[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg picture{height:var(--vp-100vh)}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg .fig1 img,[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg .picture-wrapper img,[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg figure img,[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg picture img{height:var(--vp-100vh);-o-object-fit:cover;object-fit:cover}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg .video-wrapper{height:var(--vp-100vh)}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - full bleed"] .bg .video-wrapper video{height:var(--vp-100vh);-o-object-fit:cover;object-fit:cover}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"]{position:relative;overflow:hidden}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{height:var(--vp-100vh);position:absolute}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{align-self:flex-end}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"]{position:relative;overflow:hidden}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{height:var(--vp-100vh);position:absolute}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{align-self:flex-end}[b-tpl="text left"] .inner p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="datasource employees"] .inner .canvas article a{text-decoration-color:transparent}[b-tpl="datasource employees"] .inner .canvas article a:hover{text-decoration-color:#000}[b-tpl="datasource employees"] .inner .canvas article.employee .name a,[b-tpl="datasource employees"] .inner .canvas article.employee .position a,[b-tpl="datasource employees"] .inner .canvas article.employee .email a,[b-tpl="datasource employees"] .inner .canvas article.employee .phone a{text-decoration:underline;transition:text-decoration-color .25s ease}[b-tpl="datasource employees"] .inner .canvas article.employee .name a,[b-tpl="datasource employees"] .inner .canvas article.employee .position a,[b-tpl="datasource employees"] .inner .canvas article.employee .email a,[b-tpl="datasource employees"] .inner .canvas article.employee .phone a{text-decoration-color:transparent}[b-tpl="datasource employees"] .inner .canvas article.employee .name a:hover,[b-tpl="datasource employees"] .inner .canvas article.employee .position a:hover,[b-tpl="datasource employees"] .inner .canvas article.employee .email a:hover,[b-tpl="datasource employees"] .inner .canvas article.employee .phone a:hover{text-decoration-color:#000}[b-tpl="datasource employees"] .inner .canvas article.employee .position{font-variant:small-caps}[b-tpl=marquee] .inner .marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[b-tpl=marquee] .inner .marquee .marquee-group{flex-shrink:0;display:flex;align-items:flex-start;min-width:100%;animation:scroll 250s linear infinite;will-change:transform;height:70vh;padding-bottom:1lh}[b-tpl=marquee] .inner .marquee .marquee-group .asset{height:100%;flex-shrink:0}[b-tpl=marquee] .inner .marquee .marquee-group .asset picture,[b-tpl=marquee] .inner .marquee .marquee-group .asset figure{height:100%}[b-tpl=marquee] .inner .marquee .marquee-group .asset img{height:100%;width:auto}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{display:flex}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{z-index:2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="text 4col"]{overflow-x:hidden;overflow-y:hidden}[b-tpl="text 4col"] .inner h2 strong,[b-tpl="text 4col"] .inner p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl=recruitment]{overflow-x:hidden}[b-tpl=recruitment] .inner .intro p strong,[b-tpl=recruitment] .inner .outro p strong,[b-tpl=recruitment] .inner .link-table .link strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl=recruitment] .inner .link-table .link a{display:flex;align-items:center;background-color:transparent}[b-tpl=recruitment] .inner .link-table .link a:hover{background-color:#6c4e8a;color:#fff}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{opacity:1;color:#fff;position:absolute}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase}[b-tpl=recruitment] .inner .link-table .link a .name:before{content:"●";padding-right:10px}[b-tpl=recruitment] .inner .link-table .link .homerun{opacity:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1.157vw))}}footer{overflow-x:hidden;overflow-y:hidden}footer .bg{position:absolute;width:100vw}footer .bg .fig1 img,footer .bg .picture-wrapper img,footer .bg figure img,footer .bg picture img{-o-object-fit:cover;object-fit:cover;height:100%}footer .bg .video-wrapper video{-o-object-fit:cover;object-fit:cover;height:100%}footer .inner{position:relative;z-index:3}footer .inner .wrapper{height:var(--vp-100vh);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}footer .inner a{border-bottom:none}footer .inner a{text-decoration-color:transparent}footer .inner a:hover{text-decoration-color:#000}footer .inner a:hover{text-decoration-color:#fff}footer .inner .top p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}footer .inner .top p{color:#fff}footer .inner .bottom{color:#fff;display:flex;flex-direction:column;justify-content:flex-end}footer .inner .bottom .contact .paragraph p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase}main{overscroll-behavior:auto}body{overflow-x:hidden}body[data-script=index]{overflow-y:hidden}[data-script=index] .fullpages{max-height:100vh;position:absolute;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}[data-script=index] .fullpages [b-tpl=hero],[data-script=index] .fullpages [b-tpl="about + links"],[data-script=index] .fullpages [b-tpl="datasource clients"],[data-script=index] .fullpages footer,[data-script=index] .fullpages .intros .intro{height:var(--vp-100vh);scroll-snap-align:start;scroll-snap-stop:always}[b-tpl="case intro"] .inner p strong,[b-tpl="case quote"] .inner .quote p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="case quote"] .inner .author{color:#929292}[b-tpl="case quote"] .inner .author p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[b-tpl="case text"] .inner p strong,[b-tpl="case text right"] .inner p strong{font-weight:400;font-variant:small-caps;text-transform:lowercase}[b-tpl="case text right image left"] .figure figcaption{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:70ch;color:#929292}[b-tpl="case text right image left"] .figure figcaption p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="case text right image left"] .figure figcaption{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="case text right image left"] .figure figcaption p{display:inline}[b-tpl="case text right image left"] .figure figcaption:before{content:"↑ ";display:inline}[b-tpl="case text small"] .inner p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4;color:#929292}[b-tpl="case 3 resources"] figcaption{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:70ch;color:#929292}[b-tpl="case 3 resources"] figcaption p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="case 3 resources"] .inner>div .picture-wrapper figure picture{background-color:transparent!important}[b-tpl="case slider"]{position:relative}[b-tpl="case slider"] [data-panner-container] [data-panner-next],[b-tpl="case slider"] [data-panner-container] [data-panner-previous]{display:none}[b-tpl="case slider"] .inner [data-panner]{align-items:center;display:flex;flex-wrap:nowrap!important}[b-tpl="case slider"] .inner [data-panner]:after{content:"";clear:both;display:table}[b-tpl="case slider"] .inner [data-panner] a{cursor:grab}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{-o-object-fit:contain;object-fit:contain}[b-tpl="case 1 resource colored"]{position:relative;background-color:var(--bg)}[b-tpl="case 1 resource colored"] figcaption{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:70ch;color:#929292}[b-tpl="case 1 resource colored"] figcaption p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{margin:0 auto}[b-tpl="case 1 resource"]{position:relative}[b-tpl="case 1 resource"] figcaption{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:70ch;color:#929292}[b-tpl="case 1 resource"] figcaption p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{margin:0 auto}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper video{position:relative}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper [data-cover]{display:none}[b-tpl="case 2 resources"]{position:relative;overflow:hidden}[b-tpl="case 2 resources"] figcaption{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;max-width:70ch;color:#929292}[b-tpl="case 2 resources"] figcaption p{font-family:ABCSocialMono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#929292}[b-tpl="case 2 resources"] .inner .fig2{align-self:flex-end}[b-tpl="case 2 resources"][data-flipped]{position:relative;overflow:hidden}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{padding-top:0;align-self:flex-start}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{align-self:flex-end}[data-case][b-tpl]:first-of-type{padding-top:0}header[data-nav]{position:fixed;background-color:transparent;width:100%;backface-visibility:hidden;transition:padding-top .5s ease,padding-bottom .5s ease;z-index:4}header[data-nav][data-header-small]{transition:padding-top .5s ease,padding-bottom .5s ease}header[data-nav] nav{height:auto;position:relative;display:flex;justify-content:space-between;align-items:center}header[data-nav] nav .mobile-bg{color:var(--brando-color-dark);z-index:3;position:fixed;top:0;left:0;width:100%;height:100vh;transform:translate(100%);display:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}header[data-nav] nav figure.brand{z-index:5;justify-self:flex-start;align-self:end;display:flex;flex-direction:column;align-items:center}header[data-nav] nav figure.brand svg path{transition:fill 1s ease;transition-delay:.5s}header[data-nav] nav figure.menu-button{background-color:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:exclusion;transition:background-color .25s ease;border-radius:5px;padding:2px 5px;color:#fff}[data-script=om] header[data-nav] nav .main ul li{background-color:rgba(0,0,0,.1)}[data-script=om] header[data-nav] nav .main ul li.active{background-color:#121212}[data-script=om] header[data-nav] nav .main ul li a{color:#000}header[data-nav] nav .main li{background-color:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(3.472vw);backdrop-filter:blur(3.472vw);background-blend-mode:exclusion;transition:background-color .25s ease;border-radius:5px}header[data-nav] nav .main li.active{background-color:#121212}header[data-nav] nav .main li.active a{color:#fff!important}header[data-nav] nav .main li:hover{background-color:rgba(0,0,0,.55)}header[data-nav] nav .main a{text-transform:uppercase;color:#fff}.open-menu .hamburger.is-active i{background-color:#fff!important}.open-menu .brand svg path{fill:#fff!important}.BOW svg{position:fixed;top:0;height:100vh;width:auto;z-index:9;transform:translate(-100%)}img[data-src],img[data-srcset]{min-height:1px;min-width:100%}.no-js body.unloaded{opacity:1}.no-js body.unloaded header{opacity:1}.no-js body.unloaded .navbar{transform:none}html,body{min-height:100%}svg:not(:root){overflow:hidden}a.plain{color:inherit;border:none;text-decoration:none}a.plain:hover{border:none;text-decoration:none}.no-js body.unloaded [data-moonwalk],.no-js body.unloaded [data-moonwalk-section],.no-js body.unloaded [data-moonwalk-run]{opacity:1}html.moonwalk [data-moonwalk=""]{transform:translateY(0);opacity:0}html.moonwalk [data-moonwalk=""].moonwalked{transform:translateY(0);opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.39,.575,.565,1),opacity .35s cubic-bezier(.47,0,.745,.715);transition-delay:.02s}html.moonwalk [data-moonwalk=r]{transform:translate(15px);opacity:0}html.moonwalk [data-moonwalk=r].moonwalked{transform:translate(0);opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.39,.575,.565,1),opacity .35s cubic-bezier(.47,0,.745,.715)}html.moonwalk [data-moonwalk=l]{transform:translate(-15px);opacity:0}html.moonwalk [data-moonwalk=l].moonwalked{transform:translate(0);opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.39,.575,.565,1),opacity .35s cubic-bezier(.47,0,.745,.715)}html.moonwalk [data-moonwalk=u]{transform:translateY(15px);opacity:0}html.moonwalk [data-moonwalk=u].moonwalked{transform:translateY(0);opacity:1;visibility:visible;transition:transform .35s cubic-bezier(.39,.575,.565,1),opacity .35s cubic-bezier(.47,0,.745,.715)}html.moonwalk [data-moonwalk=panner]{transform:translate(0);opacity:0}html.moonwalk [data-moonwalk=panner].moonwalked{transform:translate(0);opacity:1;visibility:visible;transition:transform .45s cubic-bezier(.39,.575,.565,1),opacity .45s cubic-bezier(.47,0,.745,.715)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#fff}p:last-of-type{margin-bottom:0!important}p>a{text-decoration:underline;text-decoration-color:#000;transition:text-decoration-color .25s ease-out,color .25s ease-out}p>a:hover{text-decoration-color:transparent}p>ul>li{font-size:inherit}.video-wrapper.video-embed{padding-bottom:calc(var(--aspect-ratio, .5625) * 100%)}.video-wrapper.video-embed video{top:0;width:100%;position:absolute;z-index:1}.video-wrapper.video-embed iframe{top:0;height:100%;width:100%;position:absolute;z-index:3}.video-wrapper video{width:100%}[data-smart-video]{position:relative;opacity:0;visibility:hidden;background-color:transparent;overflow:hidden;transition:background-color .35s ease}[data-smart-video][data-play-button] video,[data-smart-video][data-progress] video{cursor:pointer}[data-smart-video][data-can-play] video{opacity:1}[data-smart-video][data-playing]{background-color:transparent}[data-smart-video][data-revealed]{opacity:1;visibility:visible}[data-smart-video] [data-cover]{pointer-events:none;position:absolute;top:0;left:0;z-index:2;height:100%;width:100%}[data-smart-video] [data-cover] figure{height:100%;width:100%}[data-smart-video] [data-cover] figure picture{height:100%;width:100%}[data-smart-video] [data-cover] figure picture img{aspect-ratio:var(--aspect-ratio-division);height:100%;width:100%;-o-object-fit:cover;object-fit:cover}[data-smart-video] .video-play-button-wrapper{top:50%;left:50%;position:absolute;color:#fff;transform:translate(-50%,-50%);opacity:1;transition:opacity .35s ease;pointer-events:none;cursor:pointer!important;opacity:0}[data-smart-video] .video-play-button-wrapper .video-play-button{font-family:sans-serif;border:none;font-size:150px}[data-smart-video][data-can-play] .video-play-button-wrapper{opacity:1}[data-smart-video][data-playing] .video-play-button-wrapper{opacity:0}[data-smart-video][data-playing] .progress-bar-container{opacity:1}[data-smart-video] .progress-bar-container{position:absolute;bottom:20px;left:20px;width:calc(100% - 40px);overflow:clip;border-radius:10px;opacity:0;transition:opacity .35s ease}[data-smart-video] .progress-bar-wrapper{position:relative;width:100%;height:3px;background-color:rgba(255,255,255,.3)}[data-smart-video] media-player{height:100%;width:100%;z-index:1;aspect-ratio:var(--aspect-ratio-division);overflow:hidden;-o-object-fit:contain;object-fit:contain}[data-smart-video] video{opacity:0;transition:opacity .25s ease;aspect-ratio:var(--aspect-ratio-division)}.no-js [data-smart-video]{opacity:1!important;visibility:visible!important}[data-ll-srcset] img{opacity:0;will-change:opacity}[data-ll-srcset] img[data-ll-loaded]{transition:opacity .35s ease-in;opacity:1}.blink{animation:blink-animation 2.7s steps(200,start) infinite}@keyframes blink-animation{0%{opacity:0}to{opacity:0}50%{opacity:.8}}.ft{display:inline-block;white-space:nowrap}.c{align-self:center}@media (min-width: 0){.dbg-grid{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__intro{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro .inner aside ul{gap:1vw}[b-tpl="datasource projects"] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing{margin-bottom:14vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}.case__related{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related .related_entries{margin-bottom:14vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project ul{gap:1vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}[b-tpl]{padding-top:14vw}[b-tpl]:first-of-type{padding-top:3vw}[b-tpl=example],[b-tpl=hero] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .bottom{margin-bottom:3vw}[b-tpl="about + links"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:3vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:3vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"] .inner{padding-bottom:3vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:3vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee{gap:1.157vw}[b-tpl="text 4col"],[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:3vw}footer .inner .top{padding-top:3vw}footer .inner .bottom{padding-bottom:3vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:3vw}[b-tpl="case quote"],[b-tpl="case text"],[b-tpl="case text right"],[b-tpl="case text right image left"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] [data-panner-container],[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:3vw}[data-case][b-tpl]:last-of-type{padding-bottom:14vw}[data-case]+footer{margin-top:14vw}p{margin-bottom:24px}[b-tpl="case 1 resource colored"]{padding-top:14vw!important}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}body,p{font-size:16px}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}header[data-nav] nav figure.brand svg{width:100px;height:100px}}@media (min-width: 0) and (max-width: 479px){.case__header .content .arrow{width:12vw}.case__header .content .arrow{margin-bottom:5vw}.case__intro{padding-top:6.9444vw}.case__intro{padding-bottom:6.9444vw}.case__intro .inner aside ul{margin-top:1.5vw}.case__intro .inner aside ul li{padding-left:1.5vw;padding-right:1.5vw}.case__intro .inner article{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing{gap:10vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:3vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:2.5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:5px;padding-right:5px}.case__related h2{padding-top:4vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries{gap:10vw}.case__related .related_entries .project .tagline{margin-top:3vw}.case__related .related_entries .project ul{margin-top:2.5vw}.case__related .related_entries .project ul li{padding-left:5px;padding-right:5px}.case__related .related_entries{padding-bottom:8vw}.cookie-container .cookie-law{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.cookie-container .cookie-law-text p{margin-bottom:3px}[b-tpl=hero] .inner .top .tagline{padding-top:2vw}[b-tpl=hero] .inner .top .tagline{max-width:35ch}[b-tpl=hero] .inner .bottom .arrow{width:10vw}[b-tpl=hero] .bg{height:var(--vp-100vh)}[b-tpl="about + links"] .inner .buttons{row-gap:2.314vw}[b-tpl="about + links"] .inner .buttons a{height:25vw}[b-tpl="datasource clients"],[b-tpl="datasource clients"] .inner{min-height:var(--vp-100vh)}[b-tpl="datasource clients"] .inner{row-gap:8vw}[b-tpl="datasource clients"] .inner .squircle a{height:25vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:1.2vw;column-gap:1.2vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{padding-bottom:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:1.5vw;padding-bottom:1.5vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1.5vw;padding-right:1.5vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:3vw;padding-right:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{row-gap:10vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:60%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:80%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:3vw;padding-right:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{row-gap:7vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:55%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:70%}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl=marquee] .inner .marquee .marquee-group{gap:2.314vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:2vw;column-gap:2vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:1.2vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:3vw}[b-tpl="text 4col"] .inner .heading{margin-bottom:4vw}[b-tpl=recruitment]{margin-top:14vw}[b-tpl=recruitment]{padding-top:14vw}[b-tpl=recruitment]{padding-bottom:14vw}[b-tpl=recruitment] .inner .link-table{margin-top:11vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:8vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:4vw;padding-bottom:4vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(12.5% - 1.012375vw)}footer{height:100vh}footer .bg{height:100vh}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100vh}footer .bg .video-wrapper{height:100vh}footer .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}footer .inner{height:100vh}footer .inner .bottom .contact>*{margin-left:1.157vw}footer .inner .bottom .contact{row-gap:2.314vw}[b-tpl="case quote"] .inner .author{margin-top:4vw}[b-tpl="case text right image left"] .inner{margin-bottom:12vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.2vw}[b-tpl="case 3 resources"] figcaption{margin-top:1.2vw}[b-tpl="case slider"] [data-panner-container]{padding-top:4vw;padding-bottom:4vw}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case 1 resource colored"]{padding-bottom:14vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:1.2vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{padding-left:3vw;padding-right:3vw}[b-tpl="case 1 resource"] figcaption{margin-top:1.2vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:3vw;padding-right:3vw}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{padding-left:0;padding-right:0}[b-tpl="case 2 resources"] figcaption{margin-top:1.2vw}[b-tpl="case 2 resources"] .inner{padding-left:3vw;padding-right:3vw}[b-tpl="case 2 resources"] .inner{row-gap:10vw}[b-tpl="case 2 resources"] .inner .fig1{width:60%}[b-tpl="case 2 resources"] .inner .fig2{width:80%}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:3vw;padding-right:3vw}[b-tpl="case 2 resources"][data-flipped] .inner{row-gap:7vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:55%}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:70%}header[data-nav]{padding-top:3vw}header[data-nav] nav{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}header[data-nav] nav{padding-top:0}header[data-nav] nav figure.menu-button{right:3vw}header[data-nav] nav figure.menu-button{top:0}header[data-nav] nav .main ul{gap:15px}header[data-nav] nav .main a{padding-left:15px;padding-right:15px}header[data-nav] nav .main a{padding-top:10px;padding-bottom:10px}[data-smart-video] .progress-bar-container{border-radius:6px}.case__header .content .tagline p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}.case__intro .inner article p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.333333}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(6.5vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related h2{font-size:calc(5vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(6.5vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource clients"] .inner .clients p{font-size:calc(5.7vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article p{font-size:calc(4.2vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article.employee .name,[b-tpl="datasource employees"] .inner .canvas article.employee .position,[b-tpl="datasource employees"] .inner .canvas article.employee .email,[b-tpl="datasource employees"] .inner .canvas article.employee .phone{font-size:calc(4.2vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right"] .inner p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.3333}[b-tpl="case text right image left"] .figure figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.3333}[b-tpl="case 3 resources"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}header[data-nav] nav figure.menu-button{font-size:calc(5vw * var(--ec-zoom))}header[data-nav] nav .main a{font-size:calc(6vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(62.5% - .433875vw);max-width:calc(62.5% - .435875vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project,[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(90% - .1157vw);max-width:calc(90% - .1177vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(92.5% - .086775vw);max-width:calc(92.5% - .088775vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner,[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(90% - .1157vw);max-width:calc(90% - .1177vw)}[b-tpl="case slider"] .inner [data-panner-item]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}:root{--container-padding: 3vw}.dbg-breakpoints .breakpoint:after{content:"iphone"}.dbg-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 0) and (max-width: 1023px){[b-tpl="datasource projects"] .projects__listing,.case__related .related_entries{display:flex;flex-direction:column;flex-wrap:wrap}[b-tpl=hero] .inner .bottom .logo lottie-player{transform:translateY(3vw)}[b-tpl="about + links"] .inner .buttons{display:flex;flex-direction:column;flex-wrap:nowrap}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{display:flex;flex-direction:row;flex-wrap:wrap}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{justify-content:center;align-items:center}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div .picture-wrapper{height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div .picture-wrapper figure{height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div .picture-wrapper figure picture{height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div .picture-wrapper figure picture img{height:50vh;-o-object-fit:contain;object-fit:contain}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div:nth-of-type(1),[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div:nth-of-type(3){display:none}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{display:flex;flex-direction:column;flex-wrap:nowrap}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{justify-content:center}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{display:flex;flex-direction:column;flex-wrap:nowrap}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{justify-content:center}[b-tpl="datasource employees"] .inner .canvas{display:flex;flex-wrap:wrap}[b-tpl="datasource employees"] .inner .canvas>*:nth-child(odd){margin-left:0}[b-tpl="datasource employees"] .inner .canvas>*:nth-child(1),[b-tpl="datasource employees"] .inner .canvas>*:nth-child(2){margin-top:0}[b-tpl=recruitment] .inner .link-table .link a{flex-grow:0;flex-shrink:1}[b-tpl=recruitment] .inner .link-table .link a .homerun{display:none}footer .inner .bottom .contact{display:flex;flex-wrap:wrap}footer .inner .bottom .contact>*:nth-child(odd){margin-left:0}[b-tpl="case text right image left"] .inner{display:flex;flex-direction:column-reverse;flex-wrap:wrap}[b-tpl="case 3 resources"] .inner{display:flex;flex-direction:row;flex-wrap:wrap}[b-tpl="case 3 resources"] .inner{justify-content:center;align-items:center}[b-tpl="case 3 resources"] .inner>div .picture-wrapper{height:50vh}[b-tpl="case 3 resources"] .inner>div .picture-wrapper figure{height:50vh}[b-tpl="case 3 resources"] .inner>div .picture-wrapper figure picture{height:50vh}[b-tpl="case 3 resources"] .inner>div .picture-wrapper figure picture img{height:50vh;-o-object-fit:contain;object-fit:contain}[b-tpl="case 3 resources"] .inner>div:nth-of-type(1),[b-tpl="case 3 resources"] .inner>div:nth-of-type(3){display:none}[b-tpl="case 2 resources"] .inner{display:flex;flex-direction:column;flex-wrap:nowrap}[b-tpl="case 2 resources"] .inner{justify-content:center}[b-tpl="case 2 resources"][data-flipped] .inner{display:flex;flex-direction:column;flex-wrap:nowrap}[b-tpl="case 2 resources"][data-flipped] .inner{justify-content:center}header[data-nav] nav{justify-content:center;pointer-events:scroll}header[data-nav] nav figure.menu-button{position:absolute;pointer-events:all}header[data-nav] nav .main{display:none}header[data-nav] nav .main ul{display:flex;flex-direction:column;flex-wrap:wrap}header[data-nav] nav .main a{pointer-events:all;display:block;text-align:center}}@media (min-width: 0) and (max-width: 767px){.cookie-container .cookie-law{flex-direction:column}.cookie-container .cookie-law-buttons{display:flex;align-items:center;width:100%;margin-top:15px;justify-content:space-between}img.hovering{display:none!important}ul li{list-style-position:inside}}@media (min-width: 0) and (max-width: 1199px){header[data-nav] nav figure.brand{align-items:flex-start}header[data-nav] nav figure.brand a{opacity:1!important}}@media (min-width: 480px){.dbg-grid{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__intro{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro .inner aside ul{gap:1vw}[b-tpl="datasource projects"] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing{margin-bottom:12vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}.case__related{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related .related_entries{margin-bottom:12vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project ul{gap:1vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}[b-tpl]{padding-top:12vw}[b-tpl]:first-of-type{padding-top:3vw}[b-tpl=example],[b-tpl=hero] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .bottom{margin-bottom:3vw}[b-tpl="about + links"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:3vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:3vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"] .inner{padding-bottom:3vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:3vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee{gap:1.157vw}[b-tpl="text 4col"],[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:3vw}footer .inner .top{padding-top:3vw}footer .inner .bottom{padding-bottom:3vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:3vw}[b-tpl="case quote"],[b-tpl="case text"],[b-tpl="case text right"],[b-tpl="case text right image left"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] [data-panner-container],[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:3vw}[data-case][b-tpl]:last-of-type{padding-bottom:12vw}[data-case]+footer{margin-top:12vw}p{margin-bottom:6.375vw}[b-tpl="case 1 resource colored"]{padding-top:12vw!important}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}body,p{font-size:calc(4.25vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}header[data-nav] nav figure.brand svg{width:100px;height:100px}}@media (min-width: 480px) and (max-width: 767px){.case__header .content .arrow{width:12vw}.case__header .content .arrow{margin-bottom:5vw}.case__intro{padding-top:6.9444vw}.case__intro{padding-bottom:6.9444vw}.case__intro .inner aside ul{margin-top:1.5vw}.case__intro .inner aside ul li{padding-left:1.5vw;padding-right:1.5vw}.case__intro .inner article{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing{gap:10vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:3vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:2.5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:5px;padding-right:5px}.case__related h2{padding-top:4vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries{gap:10vw}.case__related .related_entries .project .tagline{margin-top:3vw}.case__related .related_entries .project ul{margin-top:2.5vw}.case__related .related_entries .project ul li{padding-left:5px;padding-right:5px}.case__related .related_entries{padding-bottom:8vw}.cookie-container .cookie-law{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.cookie-container .cookie-law-text p{margin-bottom:3px}[b-tpl=hero] .inner .top .tagline{padding-top:2vw}[b-tpl=hero] .inner .top .tagline{max-width:35ch}[b-tpl=hero] .inner .bottom .arrow{width:10vw}[b-tpl=hero] .bg{height:var(--vp-100vh)}[b-tpl="about + links"] .inner .buttons{row-gap:2.314vw}[b-tpl="about + links"] .inner .buttons a{height:25vw}[b-tpl="datasource clients"],[b-tpl="datasource clients"] .inner{min-height:var(--vp-100vh)}[b-tpl="datasource clients"] .inner{row-gap:8vw}[b-tpl="datasource clients"] .inner .squircle a{height:25vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:1.2vw;column-gap:1.2vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{padding-bottom:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:1.5vw;padding-bottom:1.5vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1.5vw;padding-right:1.5vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:3vw;padding-right:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{row-gap:10vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:60%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:80%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:3vw;padding-right:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{row-gap:7vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:55%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:70%}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl=marquee] .inner .marquee .marquee-group{gap:2.314vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:2vw;column-gap:2vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:1.2vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:3vw}[b-tpl="text 4col"] .inner .heading{margin-bottom:4vw}[b-tpl=recruitment]{margin-top:12vw}[b-tpl=recruitment]{padding-top:12vw}[b-tpl=recruitment]{padding-bottom:12vw}[b-tpl=recruitment] .inner .link-table{margin-top:11vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:8vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:4vw;padding-bottom:4vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(12.5% - 1.012375vw)}footer{height:100vh}footer .bg{height:100vh}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100vh}footer .bg .video-wrapper{height:100vh}footer .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}footer .inner{height:100vh}footer .inner .bottom .contact>*{margin-left:1.157vw}footer .inner .bottom .contact{row-gap:2.314vw}[b-tpl="case quote"] .inner .author{margin-top:4vw}[b-tpl="case text right image left"] .inner{margin-bottom:12vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.2vw}[b-tpl="case 3 resources"] figcaption{margin-top:1.2vw}[b-tpl="case slider"] [data-panner-container]{padding-top:4vw;padding-bottom:4vw}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case 1 resource colored"]{padding-bottom:12vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:1.2vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{padding-left:3vw;padding-right:3vw}[b-tpl="case 1 resource"] figcaption{margin-top:1.2vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:3vw;padding-right:3vw}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{padding-left:0;padding-right:0}[b-tpl="case 2 resources"] figcaption{margin-top:1.2vw}[b-tpl="case 2 resources"] .inner{padding-left:3vw;padding-right:3vw}[b-tpl="case 2 resources"] .inner{row-gap:10vw}[b-tpl="case 2 resources"] .inner .fig1{width:60%}[b-tpl="case 2 resources"] .inner .fig2{width:80%}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:3vw;padding-right:3vw}[b-tpl="case 2 resources"][data-flipped] .inner{row-gap:7vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:55%}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:70%}header[data-nav]{padding-top:3vw}header[data-nav] nav{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}header[data-nav] nav{padding-top:0}header[data-nav] nav figure.menu-button{right:3vw}header[data-nav] nav figure.menu-button{top:0}header[data-nav] nav .main ul{gap:15px}header[data-nav] nav .main a{padding-left:15px;padding-right:15px}header[data-nav] nav .main a{padding-top:10px;padding-bottom:10px}[data-smart-video] .progress-bar-container{border-radius:6px}.case__header .content .tagline p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}.case__intro .inner article p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.333333}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(6.5vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related h2{font-size:calc(5vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(6.5vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource clients"] .inner .clients p{font-size:calc(5.7vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article p{font-size:calc(4.2vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article.employee .name,[b-tpl="datasource employees"] .inner .canvas article.employee .position,[b-tpl="datasource employees"] .inner .canvas article.employee .email,[b-tpl="datasource employees"] .inner .canvas article.employee .phone{font-size:calc(4.2vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(6.6vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right"] .inner p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.3333}[b-tpl="case text right image left"] .figure figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.3333}[b-tpl="case 3 resources"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}header[data-nav] nav figure.menu-button{font-size:calc(5vw * var(--ec-zoom))}header[data-nav] nav .main a{font-size:calc(6vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(62.5% - .433875vw);max-width:calc(62.5% - .435875vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl=example] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(90% - .1157vw);max-width:calc(90% - .1177vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(92.5% - .086775vw);max-width:calc(92.5% - .088775vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner,[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(90% - .1157vw);max-width:calc(90% - .1177vw)}[b-tpl="case slider"] .inner [data-panner-item]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}:root{--container-padding: 3vw}.dbg-breakpoints .breakpoint:after{content:"mobile"}.dbg-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 768px){.dbg-grid{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__intro{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro .inner aside ul{gap:1vw}[b-tpl="datasource projects"] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing{margin-bottom:8vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}.case__related{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related .related_entries{margin-bottom:8vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project ul{gap:1vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}[b-tpl]{padding-top:8vw}[b-tpl]:first-of-type{padding-top:3vw}[b-tpl=example],[b-tpl=hero] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .bottom{margin-bottom:3vw}[b-tpl="about + links"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:3vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:3vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"] .inner{padding-bottom:3vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:3vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee{gap:1.157vw}[b-tpl="text 4col"],[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:3vw}footer .inner .top{padding-top:3vw}footer .inner .bottom{padding-bottom:3vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:3vw}[b-tpl="case quote"],[b-tpl="case text"],[b-tpl="case text right"],[b-tpl="case text right image left"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] [data-panner-container],[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"] .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:3vw}[data-case][b-tpl]:last-of-type{padding-bottom:8vw}[data-case]+footer{margin-top:8vw}p{margin-bottom:calc(2.1vw * 1.5)}[b-tpl="case 1 resource colored"]{padding-top:8vw!important}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}body,p{font-size:calc(2.1vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}.cookie-container{left:auto;border-radius:15px;border:none}.cookie-container .cookie-law{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.cookie-container .cookie-law-buttons{margin-top:10px;text-align:left;width:100%;display:flex;align-items:baseline;justify-content:space-between}.cookie-container .cookie-law-buttons button{padding-top:5px;margin-right:15px}header[data-nav] nav figure.brand svg{width:100px;height:100px}}@media (min-width: 768px) and (max-width: 1023px){.case__header .content .arrow{width:12vw}.case__header .content .arrow{margin-bottom:5vw}.case__intro{padding-top:6vw}.case__intro{padding-bottom:6vw}.case__intro .inner aside ul{margin-top:1.5vw}.case__intro .inner aside ul li{padding-left:1.5vw;padding-right:1.5vw}.case__intro .inner article{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing{gap:10vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:2vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:1.5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:5px;padding-right:5px}.case__related h2{padding-top:4vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries{gap:10vw}.case__related .related_entries .project .tagline{margin-top:2vw}.case__related .related_entries .project ul{margin-top:1.5vw}.case__related .related_entries .project ul li{padding-left:5px;padding-right:5px}.case__related .related_entries{padding-bottom:8vw}.cookie-container{right:3vw}.cookie-container{bottom:3vw}.cookie-container{padding-left:.8099vw;padding-right:.8099vw}.cookie-container{padding-top:.5785vw;padding-bottom:.5785vw}.cookie-container .cookie-law-text p{margin-bottom:12px}[b-tpl=example] .inner{margin-left:calc(16.666667% + .192833vw)}[b-tpl=hero] .inner .top .tagline{padding-top:2vw}[b-tpl=hero] .inner .top .tagline{max-width:60ch}[b-tpl=hero] .inner .bottom .arrow{width:10vw}[b-tpl=hero] .bg{height:var(--vp-100vh)}[b-tpl="about + links"] .inner .buttons{row-gap:2.314vw}[b-tpl="about + links"] .inner .buttons a{height:12vw}[b-tpl="datasource clients"],[b-tpl="datasource clients"] .inner{min-height:var(--vp-100vh)}[b-tpl="datasource clients"] .inner{row-gap:8vw}[b-tpl="datasource clients"] .inner .squircle a{height:12vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:1.2vw;column-gap:1.2vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{padding-bottom:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:1.5vw;padding-bottom:1.5vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1.5vw;padding-right:1.5vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-height:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:50vh}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:3vw;padding-right:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{row-gap:10vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:60%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:80%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:3vw;padding-right:3vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{row-gap:7vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:55%}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:70%}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl=marquee] .inner .marquee .marquee-group{gap:2.314vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:2vw;column-gap:2vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:1.2vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:3vw}[b-tpl="text 4col"] .inner .heading{margin-bottom:4vw}[b-tpl=recruitment]{margin-top:8vw}[b-tpl=recruitment]{padding-top:8vw}[b-tpl=recruitment]{padding-bottom:8vw}[b-tpl=recruitment] .inner .link-table{margin-top:3.762vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:4.262vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:4vw;padding-bottom:4vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(12.5% - 1.012375vw)}footer{height:100vh}footer .bg{height:100vh}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100vh}footer .bg .video-wrapper{height:100vh}footer .inner{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}footer .inner{height:100vh}footer .inner .bottom .contact>*{margin-left:1.157vw}footer .inner .bottom .contact{row-gap:2.314vw}[b-tpl="case quote"] .inner .author{margin-top:4vw}[b-tpl="case text right image left"] .inner{margin-bottom:12vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.2vw}[b-tpl="case 3 resources"] figcaption{margin-top:1.2vw}[b-tpl="case slider"] [data-panner-container]{padding-top:4vw;padding-bottom:4vw}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case 1 resource colored"]{padding-bottom:8vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:1.2vw}[b-tpl="case 1 resource"] figcaption{margin-top:1.2vw}[b-tpl="case 2 resources"] figcaption{margin-top:1.2vw}[b-tpl="case 2 resources"] .inner{padding-left:3vw;padding-right:3vw}[b-tpl="case 2 resources"] .inner{row-gap:10vw}[b-tpl="case 2 resources"] .inner .fig1{width:60%}[b-tpl="case 2 resources"] .inner .fig2{width:80%}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:3vw;padding-right:3vw}[b-tpl="case 2 resources"][data-flipped] .inner{row-gap:7vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:55%}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:70%}header[data-nav]{padding-top:3vw}header[data-nav] nav{padding-left:3vw;padding-right:3vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}header[data-nav] nav figure.menu-button{right:3vw}header[data-nav] nav figure.menu-button{top:0}header[data-nav] nav .main ul{gap:15px}header[data-nav] nav .main a{padding-left:15px;padding-right:15px}header[data-nav] nav .main a{padding-top:10px;padding-bottom:10px}.cookie-container{width:235px!important}.case__header .content .tagline p{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}.case__intro .inner article p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.333333}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(4vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related h2{font-size:calc(5vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(4vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p,[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(2.5vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(6vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right"] .inner p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.3333}[b-tpl="case text right image left"] .figure figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(5.5vw * var(--ec-zoom));line-height:1.3333}[b-tpl="case 3 resources"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:calc(3vw * var(--ec-zoom));line-height:1.16}header[data-nav] nav figure.menu-button{font-size:calc(5vw * var(--ec-zoom))}header[data-nav] nav .main a{font-size:calc(6vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(62.5% - .433875vw);max-width:calc(62.5% - .435875vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl=example] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(92.5% - .086775vw);max-width:calc(92.5% - .088775vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner,[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}:root{--container-padding: 3vw}.dbg-breakpoints .breakpoint:after{content:"ipad_portrait"}.dbg-grid{grid-template-columns:repeat(6,1fr)}[b-tpl="datasource clients"] .inner{justify-content:center}}@media (min-width: 1024px){.dbg-grid{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__intro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro .inner aside ul{gap:1vw}[b-tpl="datasource projects"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing{margin-bottom:8vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}.case__related{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related .related_entries{margin-bottom:8vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project ul{gap:1vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}[b-tpl]{padding-top:8vw}[b-tpl]:first-of-type{padding-top:1.157vw}[b-tpl=example],[b-tpl=hero] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .bottom{margin-bottom:1.157vw}[b-tpl="about + links"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:1.157vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:1.157vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"] .inner{padding-bottom:1.157vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:1.157vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:1.157vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee{gap:1.157vw}[b-tpl="text 4col"],[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:1.157vw}footer .inner .top{padding-top:1.157vw}footer .inner .bottom{padding-bottom:1.157vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:1.157vw}[b-tpl="case quote"],[b-tpl="case text"],[b-tpl="case text right"],[b-tpl="case text right image left"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] [data-panner-container],[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:1.157vw}[data-case][b-tpl]:last-of-type{padding-bottom:8vw}[data-case]+footer{margin-top:8vw}p{margin-bottom:calc(1.6vw * 1.5)}[b-tpl="case 1 resource colored"]{padding-top:8vw!important}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}body,p{font-size:calc(1.6vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}.case__intro .inner{display:flex;flex-wrap:nowrap}.case__intro .inner>*:nth-child(odd){margin-left:0}[b-tpl="datasource projects"] .projects__listing{display:flex;flex-wrap:wrap}[b-tpl="datasource projects"] .projects__listing>*:nth-child(odd){margin-left:0}[b-tpl="datasource projects"] .projects__listing>*:nth-child(1),[b-tpl="datasource projects"] .projects__listing>*:nth-child(2){margin-top:0}.case__related .related_entries{display:flex;flex-wrap:wrap}.case__related .related_entries>*:nth-child(odd){margin-left:0}.case__related .related_entries>*:nth-child(1),.case__related .related_entries>*:nth-child(2){margin-top:0}[b-tpl=hero] .inner .bottom .logo lottie-player{transform:translateY(2vw)}[b-tpl="about + links"] .inner .buttons{display:flex;flex-direction:row;flex-wrap:wrap}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{display:flex}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{display:flex}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{display:flex}[b-tpl="datasource employees"] .inner .canvas{display:flex;flex-wrap:wrap}[b-tpl="datasource employees"] .inner .canvas>*:nth-child(4n+1){margin-left:0}[b-tpl="datasource employees"] .inner .canvas>*:nth-child(1),[b-tpl="datasource employees"] .inner .canvas>*:nth-child(2),[b-tpl="datasource employees"] .inner .canvas>*:nth-child(3),[b-tpl="datasource employees"] .inner .canvas>*:nth-child(4){margin-top:0}[b-tpl="text 4col"] .inner{display:flex;flex-wrap:nowrap}[b-tpl="text 4col"] .inner>*:nth-child(odd){margin-left:0}footer .inner .bottom .contact{display:flex;flex-wrap:nowrap}footer .inner .bottom .contact>*:nth-child(3n+1){margin-left:0}[b-tpl="case text right image left"] .inner{display:flex;flex-wrap:nowrap}[b-tpl="case text right image left"] .inner>*:nth-child(odd){margin-left:0}[b-tpl="case 3 resources"] .inner,[b-tpl="case 2 resources"] .inner,[b-tpl="case 2 resources"][data-flipped] .inner{display:flex}header[data-nav] nav figure.brand svg{width:100px;height:100px}header[data-nav] nav figure.menu-button{display:none}header[data-nav] nav .main ul{display:flex}header[data-nav] nav .main ul{flex-wrap:wrap;max-width:35vw;justify-content:flex-end}}@media (min-width: 1024px) and (max-width: 1199px){.case__header .content .arrow{width:5vw}.case__header .content .arrow{margin-bottom:2.8935vw}.case__intro{padding-top:6.9444vw}.case__intro{padding-bottom:6.9444vw}.case__intro .inner>*{margin-left:1.157vw}.case__intro .inner aside ul{margin-top:.8vw}.case__intro .inner aside ul{padding-right:5vw}.case__intro .inner aside ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource projects"] .projects__listing>*{margin-left:1.157vw}[b-tpl="datasource projects"] .projects__listing>*{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:2.3148vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{padding-right:5.785vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:.8vw}[b-tpl="datasource projects"] .projects__listing .project ul{padding-right:5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related h2{padding-top:2.3148vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries>*{margin-left:1.157vw}.case__related .related_entries>*{margin-top:5vw}.case__related .related_entries .project .tagline{margin-top:2.3148vw}.case__related .related_entries .project .tagline{padding-right:5.785vw}.case__related .related_entries .project ul{margin-top:.8vw}.case__related .related_entries .project ul{padding-right:5vw}.case__related .related_entries .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related .related_entries{padding-bottom:2vw}.cookie-container{right:1.157vw}.cookie-container{bottom:1.157vw}.cookie-container{padding-left:.8099vw;padding-right:.8099vw}.cookie-container{padding-top:.5785vw;padding-bottom:.5785vw}.cookie-container .cookie-law-text p{margin-bottom:12px}[b-tpl=example] .inner{margin-left:calc(16.666667% + .192833vw)}[b-tpl=hero] .inner .top .tagline{padding-top:.8vw}[b-tpl=hero] .inner .top .tagline{max-width:70ch}[b-tpl=hero] .inner .bottom .arrow{width:5.093vw}[b-tpl="about + links"]{min-height:100vh}[b-tpl="about + links"] .inner .buttons{-moz-column-gap:1.157vw;column-gap:1.157vw}[b-tpl="about + links"] .inner .buttons{row-gap:1.157vw}[b-tpl="about + links"] .inner .buttons a{height:11.169vw}[b-tpl="datasource clients"],[b-tpl="datasource clients"] .inner{min-height:100vh}[b-tpl="datasource clients"] .inner{row-gap:2vw}[b-tpl="datasource clients"] .inner .squircle a{height:11.169vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom{padding-bottom:.6vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:.75vw;column-gap:.75vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:.05vw;padding-bottom:.05vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-top:11.343vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-bottom:6.25vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-left:2.778vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl=marquee] .inner .marquee .marquee-group{gap:1.157vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:.579vw;column-gap:.579vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:.289vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:.8vw}[b-tpl="text 4col"] .inner>*{margin-left:1.157vw}[b-tpl=recruitment] .inner .link-table{margin-top:3.762vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:4.262vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:.6vw;padding-bottom:.6vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(25% + .28925vw)}footer{height:100vh}footer .bg{height:100%}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100%}footer .bg .video-wrapper{height:100%}footer .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}footer .inner{height:100%}footer .inner .bottom .contact>*{margin-left:1.157vw}[b-tpl="case intro"] .inner{padding-right:calc(16.666667% - .964167vw)}[b-tpl="case quote"] .inner .author{margin-top:3vw}[b-tpl="case text right"] .inner{margin-left:calc(50% + .5785vw)}[b-tpl="case text right image left"] .inner>*{margin-left:1.157vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:.289vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.8vw}[b-tpl="case 3 resources"] figcaption{margin-top:.289vw}[b-tpl="case 3 resources"] .inner{padding-left:2.778vw}[b-tpl="case 3 resources"] .inner{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="case 3 resources"] .inner>div{width:25.984vw}[b-tpl="case 3 resources"] .inner>div{flex-basis:25.984vw}[b-tpl="case 3 resources"] .inner>div{min-width:25.984vw}[b-tpl="case 3 resources"] .inner>div:nth-of-type(1),[b-tpl="case 3 resources"] .inner>div:nth-of-type(3){padding-top:9.028vw}[b-tpl="case slider"] [data-panner-container]{padding-top:2vw;padding-bottom:2vw}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case 1 resource colored"]{padding-bottom:8vw}[b-tpl="case 1 resource colored"]{margin-top:6vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{padding-left:10vw;padding-right:10vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:14vw;padding-right:14vw}[b-tpl="case 2 resources"] figcaption{margin-top:.289vw}[b-tpl="case 2 resources"] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"] .inner .fig1{width:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{flex-basis:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{min-width:22.28vw}[b-tpl="case 2 resources"] .inner .fig2{width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{flex-basis:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{min-width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{padding-top:13.194vw}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"][data-flipped] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{flex-basis:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{min-width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{flex-basis:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{min-width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{padding-top:13.194vw}[data-case][b-tpl]{padding-top:8vw}header[data-nav]{padding-top:2.2vw}header[data-nav] nav{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}header[data-nav] nav .main ul{gap:.8681vw}header[data-nav] nav .main a{padding-top:.05vw;padding-bottom:.05vw}header[data-nav] nav .main a{padding-left:.4vw;padding-right:.4vw}.cookie-container{width:235px!important}[b-tpl="case text small"]{padding-top:5vw!important}.case__header .content .tagline p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}.case__intro .inner aside h2{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.125}.case__intro .inner aside ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.5}.case__intro .inner article p{font-size:calc(2.4306vw * var(--ec-zoom));line-height:1.2619}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl="datasource projects"] .projects__listing .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}.case__related h2{font-size:calc(3.4722vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related .related_entries .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p,[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article p{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article.employee .name,[b-tpl="datasource employees"] .inner .canvas article.employee .position,[b-tpl="datasource employees"] .inner .canvas article.employee .email,[b-tpl="datasource employees"] .inner .canvas article.employee .phone{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(3vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right image left"] .figure figcaption{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption p{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}[b-tpl="case text small"] .inner p{font-size:calc(1.042vw * var(--ec-zoom))}[b-tpl="case 3 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:13px;line-height:1.16}header[data-nav] nav .main a{font-size:calc(1.3889vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}.case__intro .inner aside{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}.case__intro .inner article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(52.5% - .549575vw);max-width:calc(52.5% - .551575vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=example] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="about + links"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(71.666667% - .327817vw);max-width:calc(71.666667% - .329817vw)}[b-tpl="about + links"] .inner .buttons a:first-of-type{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(2){position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(3){position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(58.333333% - .482083vw);max-width:calc(58.333333% - .484083vw)}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .heading{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .cols{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .figure,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case slider"] .inner [data-panner-item]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(32.5% - .780975vw);max-width:calc(32.5% - .782975vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}:root{--container-padding: 1.157vw}.dbg-breakpoints .breakpoint:after{content:"ipad_landscape"}.dbg-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.dbg-grid{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__intro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro .inner aside ul{gap:1vw}[b-tpl="datasource projects"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing{margin-bottom:8vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}.case__related{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related .related_entries{margin-bottom:8vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project ul{gap:1vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}[b-tpl]{padding-top:8vw}[b-tpl]:first-of-type{padding-top:1.157vw}[b-tpl=example],[b-tpl=hero] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .bottom{margin-bottom:1.157vw}[b-tpl="about + links"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:1.157vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:1.157vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"] .inner{padding-bottom:1.157vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:1.157vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:1.157vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee{gap:1.157vw}[b-tpl="text 4col"],[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:1.157vw}footer .inner .top{padding-top:1.157vw}footer .inner .bottom{padding-bottom:1.157vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:1.157vw}[b-tpl="case quote"],[b-tpl="case text"],[b-tpl="case text right"],[b-tpl="case text right image left"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] [data-panner-container],[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:1.157vw}[data-case][b-tpl]:last-of-type{padding-bottom:8vw}[data-case]+footer{margin-top:8vw}p{margin-bottom:2.25vw}[b-tpl="case 1 resource colored"]{padding-top:8vw!important}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}body,p{font-size:calc(1.5vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}header[data-nav] nav figure.brand svg{width:100px;height:100px}}@media (min-width: 1200px) and (max-width: 1439px){.case__header .content .arrow{width:5vw}.case__header .content .arrow{margin-bottom:2.8935vw}.case__intro{padding-top:6.9444vw}.case__intro{padding-bottom:6.9444vw}.case__intro .inner>*{margin-left:1.157vw}.case__intro .inner aside ul{margin-top:.8vw}.case__intro .inner aside ul{padding-right:5vw}.case__intro .inner aside ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource projects"] .projects__listing>*{margin-left:1.157vw}[b-tpl="datasource projects"] .projects__listing>*{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:2.3148vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{padding-right:5.785vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:.8vw}[b-tpl="datasource projects"] .projects__listing .project ul{padding-right:5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related h2{padding-top:2.3148vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries>*{margin-left:1.157vw}.case__related .related_entries>*{margin-top:5vw}.case__related .related_entries .project .tagline{margin-top:2.3148vw}.case__related .related_entries .project .tagline{padding-right:5.785vw}.case__related .related_entries .project ul{margin-top:.8vw}.case__related .related_entries .project ul{padding-right:5vw}.case__related .related_entries .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related .related_entries{padding-bottom:2vw}.cookie-container{right:1.157vw}.cookie-container{bottom:1.157vw}.cookie-container{padding-left:.8099vw;padding-right:.8099vw}.cookie-container{padding-top:.5785vw;padding-bottom:.5785vw}.cookie-container .cookie-law-text p{margin-bottom:12px}[b-tpl=example] .inner{margin-left:calc(16.666667% + .192833vw)}[b-tpl=hero] .inner .top .tagline{padding-top:.8vw}[b-tpl=hero] .inner .top .tagline{max-width:70ch}[b-tpl=hero] .inner .bottom .arrow{width:5.093vw}[b-tpl="about + links"]{min-height:100vh}[b-tpl="about + links"] .inner .buttons{-moz-column-gap:1.157vw;column-gap:1.157vw}[b-tpl="about + links"] .inner .buttons{row-gap:1.157vw}[b-tpl="about + links"] .inner .buttons a{height:11.169vw}[b-tpl="datasource clients"],[b-tpl="datasource clients"] .inner{min-height:100vh}[b-tpl="datasource clients"] .inner{row-gap:2vw}[b-tpl="datasource clients"] .inner .squircle a{height:11.169vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom{padding-bottom:.6vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:.75vw;column-gap:.75vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:.05vw;padding-bottom:.05vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-top:11.343vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-bottom:6.25vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-left:2.778vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl=marquee] .inner .marquee .marquee-group{gap:1.157vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:.579vw;column-gap:.579vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:.289vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:.8vw}[b-tpl="text 4col"] .inner>*{margin-left:1.157vw}[b-tpl=recruitment] .inner .link-table{margin-top:3.762vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:4.262vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:.6vw;padding-bottom:.6vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(25% + .28925vw)}footer{height:100vh}footer .bg{height:100%}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100%}footer .bg .video-wrapper{height:100%}footer .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}footer .inner{height:100%}footer .inner .bottom .contact>*{margin-left:1.157vw}[b-tpl="case intro"] .inner{padding-right:calc(16.666667% - .964167vw)}[b-tpl="case quote"] .inner .author{margin-top:3vw}[b-tpl="case text right"] .inner{margin-left:calc(50% + .5785vw)}[b-tpl="case text right image left"] .inner>*{margin-left:1.157vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:.289vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.8vw}[b-tpl="case 3 resources"] figcaption{margin-top:.289vw}[b-tpl="case 3 resources"] .inner{padding-left:2.778vw}[b-tpl="case 3 resources"] .inner{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="case 3 resources"] .inner>div{width:25.984vw}[b-tpl="case 3 resources"] .inner>div{flex-basis:25.984vw}[b-tpl="case 3 resources"] .inner>div{min-width:25.984vw}[b-tpl="case 3 resources"] .inner>div:nth-of-type(1),[b-tpl="case 3 resources"] .inner>div:nth-of-type(3){padding-top:9.028vw}[b-tpl="case slider"] [data-panner-container]{padding-top:2vw;padding-bottom:2vw}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case 1 resource colored"]{padding-bottom:8vw}[b-tpl="case 1 resource colored"]{margin-top:6vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{padding-left:10vw;padding-right:10vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:14vw;padding-right:14vw}[b-tpl="case 2 resources"] figcaption{margin-top:.289vw}[b-tpl="case 2 resources"] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"] .inner .fig1{width:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{flex-basis:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{min-width:22.28vw}[b-tpl="case 2 resources"] .inner .fig2{width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{flex-basis:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{min-width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{padding-top:13.194vw}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"][data-flipped] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{flex-basis:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{min-width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{flex-basis:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{min-width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{padding-top:13.194vw}[data-case][b-tpl]{padding-top:8vw}header[data-nav]{padding-top:2.2vw}header[data-nav] nav{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}header[data-nav] nav .main ul{gap:.8681vw}header[data-nav] nav .main a{padding-top:.05vw;padding-bottom:.05vw}header[data-nav] nav .main a{padding-left:.4vw;padding-right:.4vw}.cookie-container{width:235px!important}[b-tpl="case text small"]{padding-top:5vw!important}.case__header .content .tagline p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}.case__intro .inner aside h2{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.125}.case__intro .inner aside ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.5}.case__intro .inner article p{font-size:calc(2.4306vw * var(--ec-zoom));line-height:1.2619}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl="datasource projects"] .projects__listing .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}.case__related h2{font-size:calc(3.4722vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related .related_entries .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p,[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article p{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article.employee .name,[b-tpl="datasource employees"] .inner .canvas article.employee .position,[b-tpl="datasource employees"] .inner .canvas article.employee .email,[b-tpl="datasource employees"] .inner .canvas article.employee .phone{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(3vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right image left"] .figure figcaption{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption p{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}[b-tpl="case text small"] .inner p{font-size:calc(1.042vw * var(--ec-zoom))}[b-tpl="case 3 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:13px;line-height:1.16}header[data-nav] nav .main a{font-size:calc(1.3889vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}.case__intro .inner aside{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}.case__intro .inner article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(52.5% - .549575vw);max-width:calc(52.5% - .551575vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=example] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="about + links"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(71.666667% - .327817vw);max-width:calc(71.666667% - .329817vw)}[b-tpl="about + links"] .inner .buttons a:first-of-type{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(2){position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(3){position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(58.333333% - .482083vw);max-width:calc(58.333333% - .484083vw)}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .heading{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .cols{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .figure,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case slider"] .inner [data-panner-item]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(32.5% - .780975vw);max-width:calc(32.5% - .782975vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}:root{--container-padding: 1.157vw}.dbg-breakpoints .breakpoint:after{content:"desktop_md"}.dbg-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1440px){.dbg-grid{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__intro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro .inner aside ul{gap:1vw}[b-tpl="datasource projects"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing{margin-bottom:8vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}.case__related{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related .related_entries{margin-bottom:8vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project ul{gap:1vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}[b-tpl]{padding-top:8vw}[b-tpl]:first-of-type{padding-top:1.157vw}[b-tpl=example],[b-tpl=hero] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .bottom{margin-bottom:1.157vw}[b-tpl="about + links"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:1.157vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:1.157vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"] .inner{padding-bottom:1.157vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:1.157vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:1.157vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee{gap:1.157vw}[b-tpl="text 4col"],[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:1.157vw}footer .inner .top{padding-top:1.157vw}footer .inner .bottom{padding-bottom:1.157vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:1.157vw}[b-tpl="case quote"],[b-tpl="case text"],[b-tpl="case text right"],[b-tpl="case text right image left"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] [data-panner-container],[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:1.157vw}[data-case][b-tpl]:last-of-type{padding-bottom:8vw}[data-case]+footer{margin-top:8vw}p{margin-bottom:2.25vw}[b-tpl="case 1 resource colored"]{padding-top:8vw!important}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}body,p{font-size:calc(1.5vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}header[data-nav] nav figure.brand svg{width:100px;height:100px}}@media (min-width: 1440px) and (max-width: 1919px){.case__header .content .arrow{width:5vw}.case__header .content .arrow{margin-bottom:2.8935vw}.case__intro{padding-top:6.9444vw}.case__intro{padding-bottom:6.9444vw}.case__intro .inner>*{margin-left:1.157vw}.case__intro .inner aside ul{margin-top:.8vw}.case__intro .inner aside ul{padding-right:5vw}.case__intro .inner aside ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource projects"] .projects__listing>*{margin-left:1.157vw}[b-tpl="datasource projects"] .projects__listing>*{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:2.3148vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{padding-right:5.785vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:.8vw}[b-tpl="datasource projects"] .projects__listing .project ul{padding-right:5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related h2{padding-top:2.3148vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries>*{margin-left:1.157vw}.case__related .related_entries>*{margin-top:5vw}.case__related .related_entries .project .tagline{margin-top:2.3148vw}.case__related .related_entries .project .tagline{padding-right:5.785vw}.case__related .related_entries .project ul{margin-top:.8vw}.case__related .related_entries .project ul{padding-right:5vw}.case__related .related_entries .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related .related_entries{padding-bottom:2vw}.cookie-container{right:1.157vw}.cookie-container{bottom:1.157vw}.cookie-container{padding-left:.8099vw;padding-right:.8099vw}.cookie-container{padding-top:.5785vw;padding-bottom:.5785vw}.cookie-container .cookie-law-text p{margin-bottom:12px}[b-tpl=example] .inner{margin-left:calc(16.666667% + .192833vw)}[b-tpl=hero] .inner .top .tagline{padding-top:.8vw}[b-tpl=hero] .inner .top .tagline{max-width:70ch}[b-tpl=hero] .inner .bottom .arrow{width:5.093vw}[b-tpl="about + links"]{min-height:100vh}[b-tpl="about + links"] .inner .buttons{-moz-column-gap:1.157vw;column-gap:1.157vw}[b-tpl="about + links"] .inner .buttons{row-gap:1.157vw}[b-tpl="about + links"] .inner .buttons a{height:11.169vw}[b-tpl="datasource clients"],[b-tpl="datasource clients"] .inner{min-height:100vh}[b-tpl="datasource clients"] .inner{row-gap:2vw}[b-tpl="datasource clients"] .inner .squircle a{height:11.169vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom{padding-bottom:.6vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:.75vw;column-gap:.75vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:.05vw;padding-bottom:.05vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-top:11.343vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-bottom:6.25vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-left:2.778vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl=marquee] .inner .marquee .marquee-group{gap:1.157vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:.579vw;column-gap:.579vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:.289vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:.8vw}[b-tpl="text 4col"] .inner>*{margin-left:1.157vw}[b-tpl=recruitment] .inner .link-table{margin-top:3.762vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:4.262vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:.6vw;padding-bottom:.6vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(25% + .28925vw)}footer{height:100vh}footer .bg{height:100%}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100%}footer .bg .video-wrapper{height:100%}footer .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}footer .inner{height:100%}footer .inner .bottom .contact>*{margin-left:1.157vw}[b-tpl="case intro"] .inner{padding-right:calc(16.666667% - .964167vw)}[b-tpl="case quote"] .inner .author{margin-top:3vw}[b-tpl="case text right"] .inner{margin-left:calc(50% + .5785vw)}[b-tpl="case text right image left"] .inner>*{margin-left:1.157vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:.289vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.8vw}[b-tpl="case 3 resources"] figcaption{margin-top:.289vw}[b-tpl="case 3 resources"] .inner{padding-left:2.778vw}[b-tpl="case 3 resources"] .inner{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="case 3 resources"] .inner>div{width:25.984vw}[b-tpl="case 3 resources"] .inner>div{flex-basis:25.984vw}[b-tpl="case 3 resources"] .inner>div{min-width:25.984vw}[b-tpl="case 3 resources"] .inner>div:nth-of-type(1),[b-tpl="case 3 resources"] .inner>div:nth-of-type(3){padding-top:9.028vw}[b-tpl="case slider"] [data-panner-container]{padding-top:2vw;padding-bottom:2vw}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case 1 resource colored"]{padding-bottom:8vw}[b-tpl="case 1 resource colored"]{margin-top:6vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{padding-left:10vw;padding-right:10vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:14vw;padding-right:14vw}[b-tpl="case 2 resources"] figcaption{margin-top:.289vw}[b-tpl="case 2 resources"] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"] .inner .fig1{width:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{flex-basis:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{min-width:22.28vw}[b-tpl="case 2 resources"] .inner .fig2{width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{flex-basis:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{min-width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{padding-top:13.194vw}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"][data-flipped] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{flex-basis:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{min-width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{flex-basis:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{min-width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{padding-top:13.194vw}[data-case][b-tpl]{padding-top:8vw}header[data-nav]{padding-top:2.2vw}header[data-nav] nav{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}header[data-nav] nav .main ul{gap:.8681vw}header[data-nav] nav .main a{padding-top:.05vw;padding-bottom:.05vw}header[data-nav] nav .main a{padding-left:.4vw;padding-right:.4vw}.cookie-container{width:235px!important}[b-tpl="case text small"]{padding-top:5vw!important}.case__header .content .tagline p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}.case__intro .inner aside h2{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.125}.case__intro .inner aside ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.5}.case__intro .inner article p{font-size:calc(2.4306vw * var(--ec-zoom));line-height:1.2619}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl="datasource projects"] .projects__listing .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}.case__related h2{font-size:calc(3.4722vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related .related_entries .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource clients"] .inner .clients p{font-size:calc(3vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article p{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article.employee .name,[b-tpl="datasource employees"] .inner .canvas article.employee .position,[b-tpl="datasource employees"] .inner .canvas article.employee .email,[b-tpl="datasource employees"] .inner .canvas article.employee .phone{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(3vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right image left"] .figure figcaption{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption p{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}[b-tpl="case text small"] .inner p{font-size:calc(1.042vw * var(--ec-zoom))}[b-tpl="case 3 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:13px;line-height:1.16}header[data-nav] nav .main a{font-size:calc(1.3889vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}.case__intro .inner aside{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}.case__intro .inner article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(52.5% - .549575vw);max-width:calc(52.5% - .551575vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=example] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="about + links"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(71.666667% - .327817vw);max-width:calc(71.666667% - .329817vw)}[b-tpl="about + links"] .inner .buttons a:first-of-type{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(2){position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(3){position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(58.333333% - .482083vw);max-width:calc(58.333333% - .484083vw)}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .heading{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .cols{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .figure,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case slider"] .inner [data-panner-item]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(32.5% - .780975vw);max-width:calc(32.5% - .782975vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}:root{--container-padding: 1.157vw}.dbg-breakpoints .breakpoint:after{content:"desktop_lg"}.dbg-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1920px){.dbg-grid{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.dbg-grid{grid-column-gap:1.157vw}.case__header{height:100vh}.case__header .bg{height:100%}.case__header .bg{width:100%}.case__header .bg figure,.case__header .bg picture{height:100%}.case__header .bg img{height:100%}.case__header .content{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__header .content .tagline{margin-top:.5787vw}.case__header .content .arrow{width:5vw}.case__header .content .arrow{margin-bottom:2.8935vw}.case__intro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__intro{padding-top:6.9444vw}.case__intro{padding-bottom:6.9444vw}.case__intro .inner>*{margin-left:1.157vw}.case__intro .inner aside ul{gap:1vw}.case__intro .inner aside ul{margin-top:.8vw}.case__intro .inner aside ul{padding-right:5vw}.case__intro .inner aside ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource projects"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource projects"] .projects__listing>*{margin-left:1.157vw}[b-tpl="datasource projects"] .projects__listing>*{margin-top:5vw}[b-tpl="datasource projects"] .projects__listing{margin-bottom:8vw}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{left:5px}[b-tpl="datasource projects"] .projects__listing .project .images .swiper .swiper-pagination{bottom:3px}[b-tpl="datasource projects"] .projects__listing .project .tagline{margin-top:2.3148vw}[b-tpl="datasource projects"] .projects__listing .project .tagline{padding-right:5.785vw}[b-tpl="datasource projects"] .projects__listing .project ul{gap:1vw}[b-tpl="datasource projects"] .projects__listing .project ul{margin-top:.8vw}[b-tpl="datasource projects"] .projects__listing .project ul{padding-right:5vw}[b-tpl="datasource projects"] .projects__listing .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.case__related h2{padding-top:2.3148vw}.case__related h2{margin-bottom:10.4167vw}.case__related .related_entries>*{margin-left:1.157vw}.case__related .related_entries>*{margin-top:5vw}.case__related .related_entries{margin-bottom:8vw}.case__related .related_entries .project .images .swiper .swiper-pagination{left:5px}.case__related .related_entries .project .images .swiper .swiper-pagination{bottom:3px}.case__related .related_entries .project .tagline{margin-top:2.3148vw}.case__related .related_entries .project .tagline{padding-right:5.785vw}.case__related .related_entries .project ul{gap:1vw}.case__related .related_entries .project ul{margin-top:.8vw}.case__related .related_entries .project ul{padding-right:5vw}.case__related .related_entries .project ul li{padding-left:.6vw;padding-right:.6vw}.case__related .related_entries{padding-bottom:2vw}.cookie-container{padding-top:2vw;padding-bottom:2vw}.cookie-container{right:1.157vw}.cookie-container{bottom:1.157vw}.cookie-container{padding-left:.8099vw;padding-right:.8099vw}.cookie-container{padding-top:.5785vw;padding-bottom:.5785vw}.cookie-container .cookie-law-text p{margin-bottom:12px}[b-tpl]{padding-top:8vw}[b-tpl]:first-of-type{padding-top:1.157vw}[b-tpl=example]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=example] .inner{margin-left:calc(16.666667% + .192833vw)}[b-tpl=hero] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=hero] .inner .top .tagline{padding-top:.8vw}[b-tpl=hero] .inner .top .tagline{max-width:70ch}[b-tpl=hero] .inner .bottom{margin-bottom:1.157vw}[b-tpl=hero] .inner .bottom .arrow{width:5.093vw}[b-tpl="about + links"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="about + links"]{min-height:100vh}[b-tpl="about + links"] .inner .preamble{padding-right:4.456vw}[b-tpl="about + links"] .inner .preamble{margin-top:1.157vw}[b-tpl="about + links"] .inner .buttons{-moz-column-gap:1.157vw;column-gap:1.157vw}[b-tpl="about + links"] .inner .buttons{row-gap:1.157vw}[b-tpl="about + links"] .inner .buttons{margin-bottom:1.157vw}[b-tpl="about + links"] .inner .buttons a{height:11.169vw}[b-tpl="about + links"] .inner .buttons a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource clients"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource clients"]{min-height:100vh}[b-tpl="datasource clients"] .inner{padding-bottom:1.157vw}[b-tpl="datasource clients"] .inner{min-height:100vh}[b-tpl="datasource clients"] .inner{row-gap:2vw}[b-tpl="datasource clients"] .inner .preamble{padding-right:4.456vw}[b-tpl="datasource clients"] .inner .preamble{margin-top:1.157vw}[b-tpl="datasource clients"] .inner .squircle a{height:11.169vw}[b-tpl="datasource clients"] .inner .squircle a{-moz-column-gap:1vw;column-gap:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource intros"] .inner .intros .intro>article .text{padding-top:1.157vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom{padding-bottom:.6vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul{-moz-column-gap:.75vw;column-gap:.75vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-top:.05vw;padding-bottom:.05vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{padding-left:1vw;padding-right:1vw}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li{border-radius:2vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-top:11.343vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-bottom:6.25vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{padding-left:2.778vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{flex-basis:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - 3 portraits"] .bg>div{min-width:25.984vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - portrait + landscape"] .bg .fig2{min-width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-top:6.771vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-bottom:7.292vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{flex-basis:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig1{min-width:22.28vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{width:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{flex-basis:58.796vw}[b-tpl="datasource intros"] .inner .intros .intro>article[b-tpl="intro - landscape + portrait"] .bg .fig2{min-width:58.796vw}[b-tpl="text left"],[b-tpl="datasource employees"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="datasource employees"] .inner .canvas>*{margin-left:1.157vw}[b-tpl="datasource employees"] .inner .canvas>*{margin-top:4.803vw}[b-tpl="datasource employees"] .inner .canvas article.employee figure{margin-bottom:2.4vw}[b-tpl="datasource employees"] .inner .canvas article.employee .position{margin-bottom:2.2vw}[b-tpl=marquee] .inner .marquee,[b-tpl=marquee] .inner .marquee .marquee-group{gap:1.157vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{-moz-column-gap:.579vw;column-gap:.579vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption{margin-top:.289vw}[b-tpl=marquee] .inner .marquee .marquee-group figcaption svg{width:.8vw}[b-tpl="text 4col"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="text 4col"] .inner>*{margin-left:1.157vw}[b-tpl=recruitment] .inner .intro,[b-tpl=recruitment] .inner .outro{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl=recruitment] .inner .link-table{margin-top:3.762vw}[b-tpl=recruitment] .inner .link-table{margin-bottom:4.262vw}[b-tpl=recruitment] .inner .link-table .link a{padding-top:.6vw;padding-bottom:.6vw}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{right:1.157vw}[b-tpl=recruitment] .inner .link-table .link a .name{margin-left:calc(25% + .28925vw)}footer{height:100vh}footer .bg{height:100%}footer .bg .fig1,footer .bg .picture-wrapper,footer .bg figure,footer .bg picture{height:100%}footer .bg .video-wrapper{height:100%}footer .inner{padding:1.157vw}footer .inner{height:100%}footer .inner .top{padding-top:1.157vw}footer .inner .bottom{padding-bottom:1.157vw}footer .inner .bottom .contact>*{margin-left:1.157vw}footer .inner .bottom .footer-has-a-footer-dear-god{margin-top:3.935vw}[b-tpl="case intro"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case intro"] .inner{padding-top:1.157vw}[b-tpl="case intro"] .inner{padding-right:calc(16.666667% - .964167vw)}[b-tpl="case quote"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case quote"] .inner .author{margin-top:3vw}[b-tpl="case text"],[b-tpl="case text right"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right"] .inner{margin-left:calc(50% + .5785vw)}[b-tpl="case text right image left"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case text right image left"] .inner>*{margin-left:1.157vw}[b-tpl="case text right image left"] .figure{padding-right:calc(33.333333% - .771333vw)}[b-tpl="case text right image left"] .figure figcaption{margin-top:.289vw}[b-tpl="case text right image left"] .figure figcaption{margin-top:1.8vw}[b-tpl="case text right image left"] .figure figcaption{padding-right:2em}[b-tpl="case text small"]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 3 resources"] figcaption{margin-top:.289vw}[b-tpl="case 3 resources"] .inner{padding-left:2.778vw}[b-tpl="case 3 resources"] .inner{-moz-column-gap:6.481vw;column-gap:6.481vw}[b-tpl="case 3 resources"] .inner>div{width:25.984vw}[b-tpl="case 3 resources"] .inner>div{flex-basis:25.984vw}[b-tpl="case 3 resources"] .inner>div{min-width:25.984vw}[b-tpl="case 3 resources"] .inner>div:nth-of-type(1),[b-tpl="case 3 resources"] .inner>div:nth-of-type(3){padding-top:9.028vw}[b-tpl="case slider"] [data-panner-container]{height:100%}[b-tpl="case slider"] [data-panner-container]{padding-top:2vw;padding-bottom:2vw}[b-tpl="case slider"] .inner,[b-tpl="case slider"] .inner [data-panner]{height:100%}[b-tpl="case slider"] .inner [data-panner]{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case slider"] .inner [data-panner-item]{padding-right:calc(5% - 1.09915vw)}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{height:100%}[b-tpl="case slider"] .inner [data-panner-item],[b-tpl="case slider"] .inner figure,[b-tpl="case slider"] .inner picture{max-height:100%}[b-tpl="case slider"] .inner [data-panner-item] img,[b-tpl="case slider"] .inner figure img,[b-tpl="case slider"] .inner picture img{height:100%}[b-tpl="case 1 resource colored"]{padding-bottom:8vw}[b-tpl="case 1 resource colored"]{margin-top:6vw}[b-tpl="case 1 resource colored"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource colored"] .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource colored"] .inner .picture-wrapper,[b-tpl="case 1 resource colored"] .inner .video-wrapper{padding-left:10vw;padding-right:10vw}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"] figcaption{margin-top:.289vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner{padding-left:1.157vw;padding-right:1.157vw;max-width:100%;margin-left:auto;margin-right:auto;width:100%}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper,[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:7vw;padding-right:7vw}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper{padding-left:14vw;padding-right:14vw}[b-tpl="case 1 resource"][data-full-bleed] figcaption{padding-left:1.157vw}[b-tpl="case 2 resources"] figcaption{margin-top:.289vw}[b-tpl="case 2 resources"] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"] .inner .fig1{width:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{flex-basis:22.28vw}[b-tpl="case 2 resources"] .inner .fig1{min-width:22.28vw}[b-tpl="case 2 resources"] .inner .fig2{width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{flex-basis:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{min-width:58.796vw}[b-tpl="case 2 resources"] .inner .fig2{padding-top:13.194vw}[b-tpl="case 2 resources"][data-flipped] .inner{padding-left:5.208vw;padding-right:5.208vw}[b-tpl="case 2 resources"][data-flipped] .inner{-moz-column-gap:5.671vw;column-gap:5.671vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{flex-basis:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig2{min-width:22.28vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{flex-basis:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{min-width:58.796vw}[b-tpl="case 2 resources"][data-flipped] .inner .fig1{padding-top:13.194vw}[data-case][b-tpl]{padding-top:8vw}[data-case][b-tpl]:last-of-type{padding-bottom:8vw}[data-case]+footer{margin-top:8vw}header[data-nav]{padding-top:2.2vw}header[data-nav] nav{padding-left:1.157vw;padding-right:1.157vw}header[data-nav] nav .main ul{gap:.8681vw}header[data-nav] nav .main a{padding-top:.05vw;padding-bottom:.05vw}header[data-nav] nav .main a{padding-left:.4vw;padding-right:.4vw}p{margin-bottom:2.25vw}.cookie-container{width:235px!important}[b-tpl="case text small"]{padding-top:5vw!important}[b-tpl="case 1 resource colored"]{padding-top:8vw!important}.case__header .content .tagline p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}.case__intro .inner aside h2{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.125}.case__intro .inner aside ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.5}.case__intro .inner article p{font-size:calc(2.4306vw * var(--ec-zoom));line-height:1.2619}[b-tpl="datasource projects"] .projects__listing .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}[b-tpl="datasource projects"] .projects__listing .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}.case__related h2{font-size:calc(3.4722vw * var(--ec-zoom));line-height:1.2}.case__related .related_entries .project .tagline p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.1111111111111112}.case__related .related_entries .project ul li{font-size:calc(1.3889vw * var(--ec-zoom));line-height:1.2}.cookie-container .cookie-law-buttons a{font-size:14px}.cookie-container .cookie-law-buttons button{font-size:16px}[b-tpl=hero] .inner .top .tagline p,[b-tpl="about + links"] .inner .preamble p,[b-tpl="about + links"] .inner .buttons a,[b-tpl="datasource clients"] .inner .preamble p,[b-tpl="datasource clients"] .inner .clients p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource clients"] .inner .clients p{font-size:calc(3vw * var(--ec-zoom))}[b-tpl="datasource clients"] .inner .squircle a{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .footer-text ul li p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="datasource intros"] .inner .intros .intro>article .text .bottom .index{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="text left"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article p{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl="datasource employees"] .inner .canvas article.employee .name,[b-tpl="datasource employees"] .inner .canvas article.employee .position,[b-tpl="datasource employees"] .inner .canvas article.employee .email,[b-tpl="datasource employees"] .inner .canvas article.employee .phone{font-size:calc(1.736vw * var(--ec-zoom));line-height:1.2}[b-tpl=marquee] .inner .marquee .marquee-group figcaption p{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="text 4col"] .inner h2,[b-tpl="text 4col"] .inner p,[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p,[b-tpl=recruitment] .inner .link-table .link{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl=recruitment] .inner .link-table .link a:hover .homerun{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}footer .inner .top p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .contact .paragraph p{font-size:calc(3vw * var(--ec-zoom));line-height:1.2}footer .inner .bottom .footer-has-a-footer-dear-god .paragraph p{font-size:calc(1.2vw * var(--ec-zoom));line-height:calc(1.852vw * var(--ec-zoom))}[b-tpl="case intro"] .inner p,[b-tpl="case quote"] .inner .quote p,[b-tpl="case text"] .inner p{font-size:calc(3.472vw * var(--ec-zoom));line-height:1.2}[b-tpl="case text right"] .inner p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}[b-tpl="case text right image left"] .figure figcaption{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption p{font-size:13px;line-height:1.16}[b-tpl="case text right image left"] .figure figcaption{font-size:calc(1.042vw * var(--ec-zoom));line-height:1.16}[b-tpl="case text right image left"] .text p{font-size:calc(2.0833vw * var(--ec-zoom));line-height:1.3333333333333333}[b-tpl="case text small"] .inner p{font-size:calc(1.042vw * var(--ec-zoom))}[b-tpl="case 3 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 3 resources"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource colored"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 1 resource"] figcaption p{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption{font-size:13px;line-height:1.16}[b-tpl="case 2 resources"] figcaption p{font-size:13px;line-height:1.16}header[data-nav] nav .main a{font-size:calc(1.3889vw * var(--ec-zoom))}body,p{font-size:calc(1.5vw * var(--ec-zoom))}.case__header .content .tagline{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}.case__intro .inner aside{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}.case__intro .inner article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(52.5% - .549575vw);max-width:calc(52.5% - .551575vw)}[b-tpl="datasource projects"] .projects__listing .project,.case__related .related_entries .project{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl=example] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl=hero] .inner .bottom .logo{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl="about + links"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(71.666667% - .327817vw);max-width:calc(71.666667% - .329817vw)}[b-tpl="about + links"] .inner .buttons a:first-of-type{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(66.666667% - .385667vw);max-width:calc(66.666667% - .387667vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(2){position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="about + links"] .inner .buttons a:nth-of-type(3){position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}[b-tpl="datasource clients"] .inner .preamble{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(83.333333% - .192833vw);max-width:calc(83.333333% - .194833vw)}[b-tpl="datasource intros"] .inner .intros .intro>article .text .top{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(58.333333% - .482083vw);max-width:calc(58.333333% - .484083vw)}[b-tpl="text left"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="datasource employees"] .inner .canvas article{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .heading{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(25% - .86775vw);max-width:calc(25% - .86975vw)}[b-tpl="text 4col"] .inner .cols{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(75% - .28925vw);max-width:calc(75% - .29125vw)}[b-tpl=recruitment] .inner .intro p,[b-tpl=recruitment] .inner .outro p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}footer .inner .top p{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(78.75% - .245862vw);max-width:calc(78.75% - .247862vw)}footer .inner .bottom .contact .paragraph{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(33.333333% - .771333vw);max-width:calc(33.333333% - .773333vw)}[b-tpl="case intro"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(70% - .3471vw);max-width:calc(70% - .3491vw)}[b-tpl="case quote"] .inner .quote,[b-tpl="case text"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(82.5% - .202475vw);max-width:calc(82.5% - .204475vw)}[b-tpl="case text right"] .inner,[b-tpl="case text right image left"] .figure,[b-tpl="case text right image left"] .text,[b-tpl="case text small"] .inner{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case slider"] .inner [data-panner-item]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(32.5% - .780975vw);max-width:calc(32.5% - .782975vw)}[b-tpl="case 1 resource colored"] .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource colored"] .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .picture-wrapper[data-orientation=portrait],[b-tpl="case 1 resource"]:not([data-full-bleed]) .inner .video-wrapper[data-orientation=portrait]{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - .5785vw);max-width:calc(50% - .5805vw)}[b-tpl="case 1 resource"][data-full-bleed] .inner .picture-wrapper,[b-tpl="case 1 resource"][data-full-bleed] .inner .video-wrapper{position:relative;flex-grow:0;flex-shrink:0;flex-basis:100%;max-width:100%}:root{--container-padding: 1.157vw}.dbg-breakpoints .breakpoint:after{content:"desktop_xl"}.dbg-grid{grid-template-columns:repeat(6,1fr)}footer .inner .top p{max-width:42ch}header[data-nav] nav figure.brand svg{width:100px;height:100px}}@media (orientation: portrait){[b-tpl=hero] .bg .landscape{display:none}}@media (orientation: landscape){[b-tpl=hero] .bg .portrait{display:none}}