@font-face{font-family:Humane Bold;src:url(/webfonts/Humane-Bold.woff2) format("woff2"),url(/webfonts/Humane-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/webfonts/DMSans-Medium.woff2) format("woff2"),url(/webfonts/DMSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DIN\ 1451 Std;src:url(/webfonts/DINEngschriftStd.woff2) format("woff2"),url(/webfonts/DINEngschriftStd.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/webfonts/RobotoMono-Bold.woff2) format("woff2"),url(/webfonts/RobotoMono-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/webfonts/RobotoMono-Light.woff2) format("woff2"),url(/webfonts/RobotoMono-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/webfonts/RobotoMono-Medium.woff2) format("woff2"),url(/webfonts/RobotoMono-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/webfonts/RobotoMono-Regular.woff2) format("woff2"),url(/webfonts/RobotoMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/webfonts/RobotoMono-SemiBold.woff2) format("woff2"),url(/webfonts/RobotoMono-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*{--common-padding:clamp(10px,2vw,40px);--common-border-width:clamp(1px,0.14vw,2px);--body-font-size:0.8vw;--body-font-color:#000;--title-text-color:#00778f;--secondary-text-color:#a0c167;--highlighter-yellow:#ffea08;--primary-border-color:#4b4b4b;--body-text-color:#494949;--fluid-size:var(--min-font-size) * 1px + (var(--max-font-size) - var(--min-font-size)) * ((100vw - 420px)/(1200 - 420))}html{font-family:Lato,Lucida Grande,Tahoma,Sans-Serif}body,html{scroll-behavior:smooth}body,html{width:100%;height:100%;background-color:#fff1e7;color:var(--body-text-color);margin:0;padding:0;box-sizing:border-box}body{background-image:url(/assets/yellow_bg.svg);background-size:contain;background-repeat:no-repeat;background-position:top;font-family:DM Sans}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}h1{--min-font-size:70;--max-font-size:280}h1,h2{font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);color:var(--title-text-color);font-family:Humane Bold;line-height:90%}h2{--min-font-size:120;--max-font-size:180}h3{font-family:DIN\ 1451 Std;color:var(--secondary-text-color);text-transform:uppercase;font-weight:400;--min-font-size:20;--max-font-size:40;--fluid-font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);font-size:var(--fluid-font-size);line-height:70%;margin-top:.35em}h4{--min-font-size:8;--max-font-size:20}h4,h5{font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);color:var(--title-text-color)}h5{--min-font-size:8;--max-font-size:14}div,input,p,textarea{resize:none;outline:none}div,section{box-sizing:border-box}a{color:var(--title-text-color);text-decoration:none}a:hover{text-decoration:underline}p{width:100%;--min-font-size:16;--max-font-size:20;line-height:130%;color:var(--body-text-color)}p,p.subtext{font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}p.subtext{--min-font-size:12;--max-font-size:16;line-height:120%}img{width:100%;height:100%}span a{display:inline-block;position:relative;color:var(--body-text-color);text-decoration:none;z-index:2;transition:.2s ease-in-out}span a:hover{color:var(--title-text-color)}span a:before{content:"";position:absolute;width:100%;height:80px;left:0;bottom:-45px;z-index:-1;transform:scaleX(0);transition:transform .3s cubic-bezier(.175,.885,.32,1);transform-origin:right;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B stroke:%2300778f; stroke-width:2; stroke-linecap:square; %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 40 40 40 Q 60 40 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 50% /80px 80px repeat-x}span a:hover:before{transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:left;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-0.25s; stroke:%2300778f; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0 50% /80px 80px repeat-x;animation:waving 3s linear infinite;transform:scaleX(1)}@keyframes waving{to{background-position:80px 50%,80px 50%}}button{outline:none;border:none;cursor:pointer}button:hover{opacity:80%}.grid{--gap:var(--common-padding);display:grid;--grid-break-point:repeat(auto-fit,minmax(clamp(10% - var(--gap),260px,100%),1fr));grid-template-columns:var(--grid-break-point)}.item{display:visible;padding:var(--common-padding)}.item:first-child{grid-column:auto/span 2}.item:nth-child(2){grid-column:auto/span 3}#site-wrapper{height:auto;width:auto;margin:0 var(--common-padding);padding:var(--common-padding) 0;border-color:var(--primary-border-color);border-width:var(--common-border-width);border-style:none solid}#section-clients,#section-hero,#section-promo,.section-about,.section-capabilities,.section-navigation,.section-title{height:auto;width:100%;padding:0 var(--common-padding)}.border-top{border-top:var(--primary-border-color) var(--common-border-width) solid}.border-bottom{border-bottom:var(--primary-border-color) var(--common-border-width) solid}.section-title{align-items:flex-end;height:auto}.section-navigation,.section-title{display:flex;padding-top:var(--common-padding);padding-bottom:var(--common-padding)}.section-navigation{--min-font-size:15;--max-font-size:22;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);justify-content:space-between;color:var(--title-text-color);text-transform:uppercase}.section-navigation a:hover{text-decoration:none}.site-title{font-family:Roboto Mono;font-weight:500}.navigation-link{margin-left:var(--common-padding)}#section-hero{z-index:2;justify-content:center;padding-right:0}#hero-restrict,#section-hero{display:flex;flex-direction:row;position:relative;isolation:isolate}#hero-restrict{width:100%;max-width:2000px}#promo-text,#sub-title-text-bottom,#sub-title-text-top{font-family:Roboto Mono;font-weight:100}#title-text-container{width:100%;max-width:1200px;height:auto;font-size:20px;color:var(--title-text-color);text-transform:uppercase;margin:7vw 0;pointer-events:none;mix-blend-mode:screen}#title-text{--min-font-size:70;--max-font-size:280;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)!important;font-family:Humane Bold!important;line-height:90%!important;margin:clamp(10px,1vw,46px) 0}#sub-title-text-bottom{margin-top:clamp(-28px,-2.4vw,-8px)}#sub-title-text-bottom,#sub-title-text-top{display:visible;--min-font-size:10;--max-font-size:30;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}#floating-hero-photo{width:clamp(300px,80%,1400px);height:100%;position:absolute;overflow:hidden;right:0;z-index:-2}#floating-hero-photo svg{padding-left:100px}svg{width:100%;height:100%}path,svg{z-index:-1}path{cursor:pointer}#blob-mask{width:100%;height:100%}.hero-mask{height:100%;opacity:0}#section-promo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6vw var(--common-padding)}#promo-title{font-family:Humane Bold;--min-font-size:45;--max-font-size:80;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);line-height:100%;margin-bottom:clamp(20px,1.9vw,60px);text-align:center}#promo-title span{background-image:linear-gradient(0deg,transparent .05em,var(--highlighter-yellow) 0,var(--highlighter-yellow) .1em,transparent 0,transparent 100%);overflow:visible}#promo-text{text-align:center;--min-font-size:14;--max-font-size:22;margin-bottom:clamp(10px,1.2vw,11px)}#promo-button,#promo-text{font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}#promo-button{--min-font-size:12;--max-font-size:18;margin-top:var(--common-padding);font-family:Roboto Mono;font-weight:500;line-height:130%;text-transform:uppercase;--min-padding-vertical:5;--max-padding-vertical:10;--min-padding-horizontal:20;--max-padding-horizontal:46;padding:clamp(var(--min-padding-vertical) * 1px,var(--fluid-size),var(--max-padding-vertical) * 1px) clamp(var(--min-padding-horizontal) * 1px,var(--fluid-size),var(--max-padding-horizontal) * 1px);color:var(--highlighter-yellow);background-color:var(--title-text-color)}#section-clients{padding-top:var(--common-padding);padding-bottom:var(--common-padding);width:100%;height:auto}#past-clients,#past-clients-title{height:auto;line-height:160%;--min-font-size:14;--max-font-size:18;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}#past-clients-title{font-family:Roboto Mono;font-weight:500}#past-clients{font-family:Roboto Mono;font-weight:300}.clients{display:inline-block;animation:animate_text 40s linear infinite;-webkit-animation:animate_text 40s linear infinite}.clients span{margin:0 clamp(20px,2vw,40px);display:inline-block}.section-project{width:100%;height:auto;--min-font-size:14;--max-font-size:20;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}.project-details{border-right:var(--primary-border-color) solid var(--common-border-width)}.project-details,.project-media{width:100%;padding-top:var(--common-padding);padding-bottom:var(--common-padding)}.project-media{align-items:flex-end}.media-main,.project-media{min-height:auto;display:flex;flex-direction:column}.media-main{width:100%;position:relative}.project-title{font-family:Humane Bold;text-transform:uppercase;color:var(--title-text-color);font-size:7em;line-height:80%;height:auto;padding:0;margin:0 0 -.9vw}.project-client{font-family:Roboto Mono;font-size:.8em;margin-top:1vw}.project-description{margin:var(--common-padding) 0}.project-link{color:inherit;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;transition:-webkit-text-decoration-style .2s ease;transition:text-decoration-style .2s ease;transition:text-decoration-style .2s ease,-webkit-text-decoration-style .2s ease}.project-link:hover{-webkit-text-decoration-style:solid;text-decoration-style:solid}.project-types{font-family:Roboto Mono;width:100%;margin:.6em .6em 0 0;padding-right:.6em;position:absolute;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;z-index:10;box-sizing:border-box}.project-types span.project-type{display:block;padding:.6em;background-color:var(--highlighter-yellow);margin-left:.6em;font-size:.6em;color:var(--body-text-color)}.project-roles{width:100%;margin-top:2vw}.role-title{font-weight:600}.role-text,.role-title{font-family:Roboto Mono;font-size:.8em}.role-text{font-weight:300}.role-text p,.role-title p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;margin:0;padding:0}.project-roles ul{margin:0;line-height:120%;padding:clamp(10px,.8vw,12px) 0;border-left:var(--secondary-text-color) solid;border-width:clamp(4px,.4vw,14px);-webkit-margin-after:0;margin-block-end:0}.project-roles li{list-style-type:none;margin:0;padding:0 0 0 clamp(14px,1.4vw,22px);--min-font-size:12;--max-font-size:16;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}.project-team{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:baseline;margin-top:.6vw;gap:.6vw}.project-team-title{font-family:Roboto Mono;font-weight:600;--min-font-size:8;--max-font-size:14;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);flex-shrink:0}.team-members-container{flex-direction:row;flex-wrap:wrap}.team-member-wrapper,.team-members-container{display:flex;align-items:baseline;gap:.4vw}.team-member{font-family:Roboto Mono;font-weight:300;--min-font-size:8;--max-font-size:14;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);color:var(--body-text-color);text-decoration:none}.team-member:hover{color:var(--title-text-color);text-decoration:underline}.team-separator{font-family:Roboto Mono;font-weight:300;--min-font-size:8;--max-font-size:14;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);color:var(--body-text-color)}#section-capabilities{height:100%;flex-direction:column;padding:var(--common-padding)}#capabilities-title-container,#section-capabilities{width:100%;display:flex;align-items:center;justify-content:center}#capabilities-title-container{position:relative;max-width:1200px;aspect-ratio:10.33/1.65;object-fit:contain;margin-bottom:var(--common-padding)}#section-capabilities h1{--min-font-size:26;--max-font-size:84;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);font-family:DIN\ 1451 Std;text-transform:uppercase;font-weight:400;line-height:100%;margin:0 0 clamp(-1.8vw,-1.4vw,0px)!important;padding:0!important;text-align:center;z-index:3;pointer-events:none;color:var(--title-text-color)}#section-capabilities p{margin-top:0;max-width:1150px;width:80%;text-align:center}#section-capabilities button{margin-top:10px;margin-bottom:var(--common-padding)}#capabilities-list{width:100%;display:flex;flex-direction:row;margin-top:10px}#capabilities-list ul{margin:0;padding:0}#capabilities-list ul li{font-family:Roboto mono;color:var(--title-text-color);text-transform:uppercase;list-style-type:none;--min-font-size:13;--max-font-size:20;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px);margin-bottom:10px}#capabilities-list ul:first-child{text-align:right;width:50%;padding-right:var(--common-padding)}#capabilities-list ul:nth-child(2){text-align:left;width:50%;padding-left:var(--common-padding)}.section-about{display:flex;flex-direction:column;align-items:center;padding:calc(var(--common-padding)*6) var(--common-padding)}.section-about h2{line-height:100%;margin-bottom:-10px}#about-top img{width:40%;max-width:800px}#about-title{font-family:DIN\ 1451 Std;color:var(--title-text-color);--min-font-size:40;--max-font-size:50;text-transform:uppercase;font-size:clamp(var(--min-font-size) * 1px,var(--fluid-size),var(--max-font-size) * 1px)}#about-text{width:100%;max-width:1000px;height:100%;padding:0 20px}#about-text-details{width:100%}#about-sublinks{width:100%;height:auto;display:flex;justify-content:space-between}#about-sublinks p{margin:0;padding:0}#about-location{font-family:Roboto Mono;max-width:60%}#about-linkedin{font-family:Roboto Mono;max-width:40%}.gallery,.gallery__img{--ratio:calc(16 / 9);--h:min(calc(100% / var(--ratio)),100%);min-height:var(--h);max-height:var(--h);width:calc(var(--h) * var(--ratio));padding-top:calc(var(--h))}.gallery{display:flex;margin:0;min-height:auto;max-height:auto;position:relative;justify-content:space-between}.gallery__img{padding-top:0;position:absolute;top:0;left:0;opacity:0;display:none;width:100%;min-height:100%;max-height:100%}.gallery__img img,img.gallery__img{object-fit:cover;aspect-ratio:16/9;transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out}div.gallery__img p{position:absolute;bottom:1em;right:1em;font-family:Roboto mono;margin:0;width:auto;font-size:.6em;padding:10px;background-color:rgba(0,0,0,.5);color:#fff1e7c3}label.gallery__thumb{display:block;--gallery-thumb-width:100%;--gallery-thumb-height:auto;aspect-ratio:16/9;padding-top:clamp(6px,.5vw,15px);width:var(--gallery-thumb-width);height:var(--gallery-thumb-height);position:relative;z-index:4}.gallery__thumb iframe,.gallery__thumb img{width:100%;aspect-ratio:16/9;min-height:auto;max-height:auto;height:auto;cursor:pointer;object-fit:cover}.gallery__thumb iframe{overflow:hidden}.video_thumb,label.gallery__thumb{cursor:pointer}.video_thumb{pointer-events:none;position:relative;z-index:1}.gallery__item{width:24%;aspect-ratio:16/9;height:auto;min-height:auto;max-height:auto}.gallery__selector{height:0;width:0;position:absolute;opacity:0;visibility:hidden}.gallery__selector:checked+.gallery__img{opacity:1;display:block}.gallery__selector:checked~.gallery__thumb>iframe,.gallery__selector:checked~.gallery__thumb>img{box-sizing:border-box;border:solid var(--highlighter-yellow);border-width:clamp(1.5px,.18vw,3px);position:relative;z-index:5}.scrolling-text{width:100%;display:flex;overflow:hidden;white-space:nowrap}.scrolling-text .clients{flex-shrink:0;min-width:100%;padding-right:0}@keyframes animate_text{0%{transform:translateZ(0)}to{transform:translate3d(-33.333%,0,0)}}.centered{left:50%;top:50%;transform:translate(-50%,-50%)}#tiles,.centered{position:absolute}#tiles{max-width:1200px;aspect-ratio:10.33/1.65;width:100%;height:auto;z-index:1;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr)}.tile{cursor:pointer;position:relative;background-color:#fff1e7;border:.25px solid #c2c1c1}.tile:before{content:"";position:absolute}@media (min-width:1400px){.hidden-ss{display:none!important}}@media (min-width:500px){.hidden-iphone{display:none!important}}@media (max-width:1400px){.item:first-child{grid-column:auto/span 3}.project-details{border-right: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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[hidden],template{display:none}