:root{--color-primary:hsl(183, 94%, 76%);--color-primary--light:hsl(183, 94%, 90%);--color-primary--dark:hsl(183, 94%, 14%);--color-secondary:hsl(153, 94%, 76%);--color-secondary--light:hsl(153, 94%, 88%);--color-secondary--dark:hsl(153, 94%, 10%);--color-tertiary:hsl(37, 11%, 44%);--color-tertiary--light:hsl(37, 11%, 86%);--color-tertiary--medium:hsl(37, 11%, 25%);--color-tertiary--dark:hsl(37, 11%, 12%);--color-main-background:hsl(90, 29%, 5%);--color-work-bg-01:#c9f0ff;--color-work-bg-02:#d6d3f0;--color-work-bg-03:#ddfbd2;--spacer-4:0.25rem;--spacer-8:0.5rem;--spacer-16:1rem;--spacer-24:1.5rem;--spacer-32:2rem;--spacer-40:2.5rem;--spacer-48:3rem;--spacer-64:4rem;--spacer-72:4.5rem;--spacer-80:5rem;--spacer-96:6rem;--spacer-112:7rem;--spacer-128:8rem;--spacer-160:10rem;--spacer-176:11rem;--spacer-192:12rem;--spacer-208:13rem;--spacer-256:16rem;--font-headings--bold:'work-sans_bold',sans-serif;--font-headings--light:'work-sans_light',serif;--font-main:'ibm-plex-sans_regular',sans-serif;--font-main--italic:'ibm-plex-sans_italic',sans-serif;--font-main--medium:'ibm-plex-sans_medium',sans-serif;--font-main--medium-italic:'ibm-plex-sans_medium-italic',sans-serif;--font-main--bold:'ibm-plex-sans_bold',sans-serif;--font-main--condensed:'ibm-plex-sans-condensed_light',sans-serif;--font-main--mono:'ibm-plex-mono_regular',monospace;--easing--xl:cubic-bezier(0.8, 0, 0.2, 1);--easing--s:cubic-bezier(0.5, 0.7, 0.4, 1);--testimonial-item-height:0px}*{margin:0;padding:0}*,::after,::before{box-sizing:inherit}html{box-sizing:border-box;font-size:100%;font-weight:400}@media only screen and (max-width:84.375em){html{font-size:90%}}@media only screen and (max-width:61em){html{font-size:86%}}body{font-family:var(--font-main);font-size:inherit;font-weight:inherit;line-height:1.5;color:#fff;background-color:var(--color-main-background)}.wrapper{display:grid;grid-template-rows:8rem repeat(2,-webkit-min-content);grid-template-rows:8rem repeat(2,min-content);grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end];grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end]}@media only screen and (max-width:38em){.wrapper{grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end];grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end]}}.main-wrapper>section:first-child{padding-top:8rem}.visually-hidden{padding:0;width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;border:0}.hidden-scrollbar{overflow:hidden}@font-face{font-family:ibm-plex-mono_regular;font-display:swap;src:url(../fonts/ibmplexmono-regular.woff2) format("woff2"),url(..fonts/ibmplexmono-regular.woff) format("woff"),url(../fonts/ibmplexmono-regular.ttf) format("truetype")}@font-face{font-family:ibm-plex-sans-condensed_light;font-display:swap;src:url(../fonts/ibmplexsanscondensed-light.woff2) format("woff2"),url(..fonts/ibmplexsanscondensed-light.woff) format("woff"),url(../fonts/ibmplexsanscondensed-light.ttf) format("truetype")}@font-face{font-family:ibm-plex-sans_bold;font-display:swap;src:url(../fonts/ibmplexsans-bold.woff2) format("woff2"),url(..fonts/ibmplexsans-bold.woff) format("woff"),url(../fonts/ibmplexsans-bold.ttf) format("truetype")}@font-face{font-family:ibm-plex-sans_medium;font-display:swap;src:url(../fonts/ibmplexsans-medium.woff2) format("woff2"),url(..fonts/ibmplexsans-medium.woff) format("woff"),url(../fonts/ibmplexsans-medium.ttf) format("truetype")}@font-face{font-family:ibm-plex-sans_medium-italic;font-display:swap;src:url(../fonts/ibmplexsans-mediumitalic.woff2) format("woff2"),url(..fonts/ibmplexsans-mediumitalic.woff) format("woff"),url(../fonts/ibmplexsans-mediumitalic.ttf) format("truetype")}@font-face{font-family:ibm-plex-sans_regular;font-display:swap;src:url(../fonts/ibmplexsans-regular.woff2) format("woff2"),url(..fonts/ibmplexsans-regular.woff) format("woff"),url(../fonts/ibmplexsans-regular.ttf) format("truetype")}@font-face{font-family:ibm-plex-sans_italic;font-display:swap;src:url(../fonts/ibmplexsans-italic.woff2) format("woff2"),url(..fonts/ibmplexsans-italic.woff) format("woff"),url(../fonts/ibmplexsans-italic.ttf) format("truetype")}@font-face{font-family:work-sans_bold;font-display:swap;src:url(../fonts/worksans-bold.woff2) format("woff2"),url(..fonts/worksans-bold.woff) format("woff"),url(../fonts/worksans-bold.ttf) format("truetype")}@font-face{font-family:work-sans_light;font-display:swap;src:url(../fonts/worksans-light.woff2) format("woff2"),url(..fonts/worksans-light.woff) format("woff"),url(../fonts/worksans-light.ttf) format("truetype")}h1{font-family:var(--font-headings--bold);font-size:5rem;line-height:1;font-weight:400;font-style:normal}h2{font-family:var(--font-headings--bold);font-size:4rem;line-height:1.125;text-transform:uppercase;font-weight:400;font-style:normal}h3{font-family:var(--font-main--bold);font-size:3rem;line-height:1.20833;font-weight:400;font-style:normal}h4{font-family:var(--font-headings--light);font-size:3rem;line-height:1.16667;font-weight:400;font-style:normal}h5{font-family:var(--font-main--medium);font-size:1.5rem;line-height:1.5;font-weight:400;font-style:normal}h6{font-family:var(--font-main--medium);font-size:1.25rem;line-height:1.2;font-weight:400;font-style:normal}.nav-menu__brand{font-family:var(--font-main--condensed);font-size:1.5rem;text-transform:uppercase}.nav-menu__menu ul{font-family:var(--font-main--mono);font-size:1.125rem;line-height:1}@media only screen and (max-width:38em){.hero__title{font-size:calc(5rem / 1.4);line-height:calc(1 / 1.1)}}@media only screen and (max-width:29em){.hero__title{font-size:calc(5rem / 1.6)}}@media only screen and (max-width:24em){.hero__title{font-size:calc(5rem / 1.8)}}@media only screen and (max-width:38em){.hero__subtitle{font-size:calc(3rem / 1.4)}}@media only screen and (max-width:29em){.hero__subtitle{font-size:calc(3rem / 1.6)}}@media only screen and (max-width:24em){.hero__subtitle{font-size:calc(3rem / 1.8)}}.quote-item__quote{font-family:var(--font-main--medium);font-size:1.125rem;line-height:1.5}.quote-item__author{font-family:var(--font-main--medium-italic);font-size:1rem;line-height:1.5}.quote-item__about{font-family:var(--font-main--italic);font-size:1rem;line-height:1.5}.work-item__project,.work-item__type{font-family:var(--font-main--condensed);font-size:1.5rem;line-height:1.5;font-weight:400;font-style:normal}.testimonials__quotation-mark{font-family:var(--font-main--bold);font-size:7rem;line-height:.85714;font-weight:400;font-style:normal}.testimonial-item__testimonial{font-size:1.25rem;line-height:1.6;font-weight:400;font-style:normal}.testimonial-item__client{font-family:var(--font-main--medium);font-size:1.125rem;line-height:1.5;font-weight:400;font-style:normal}.testimonial-item__url{font-family:var(--font-main--italic);font-size:1rem;line-height:1.5;font-weight:400;font-style:normal}.cta{font-family:var(--font-main--mono);font-size:1.125rem;line-height:1;text-transform:uppercase}.cta-link--see-works{font-family:var(--font-main--condensed);font-size:2rem;line-height:1;text-transform:uppercase;font-weight:400;font-style:normal}@media only screen and (max-width:38em){.section-title h2{font-size:calc(4rem / 1.4);line-height:calc(1.125 / 1.1)}}@media only screen and (max-width:29em){.section-title h2{font-size:calc(4rem / 1.6)}}@media only screen and (max-width:24em){.section-title h2{font-size:calc(4rem / 1.8)}}.header{grid-row:1/2;grid-column:full-start/full-end;z-index:1;display:grid;grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end];grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end]}@media only screen and (max-width:38em){.header{grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end];grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end]}}.header__container{grid-column:grid-start/grid-end;display:flex;align-items:center}@media only screen and (max-width:70em){.nav-menu__brand{order:2}}.nav-menu__container{display:flex;align-items:center}@media only screen and (max-width:70em){.nav-menu__container{order:1}}@media only screen and (max-width:70em){.nav-menu .cta{order:3}}@media only screen and (max-width:70em){.nav-menu__menu{display:none}}.nav-menu__toggle{display:none}@media only screen and (max-width:70em){.nav-menu__toggle{display:block}}.nav-menu__toggle .close-text,.nav-menu__toggle .open-text{display:none}.nav-menu__background{display:none}.quotes{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:start;overflow:hidden}.quote-item{grid-column:1/2;grid-row:1/2;display:grid;grid-auto-rows:1fr -webkit-min-content -webkit-min-content;grid-auto-rows:1fr min-content min-content}.main-wrapper{grid-row:1/3;grid-column:full-start/full-end;display:grid;grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end];grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end]}@media only screen and (max-width:38em){.main-wrapper{grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end];grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end]}}.hero{grid-row:1/2;grid-column:full-start/full-end;display:grid;grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end];grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end]}@media only screen and (max-width:38em){.hero{grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end];grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end]}}.hero__container{grid-column:grid-start/8}@media only screen and (max-width:61em){.hero__container{grid-column:grid-start/grid-end}}.portfolio{grid-row:2/3;grid-column:grid-start/grid-end;display:grid;grid-template-rows:repeat(3,-webkit-min-content);grid-template-rows:repeat(3,min-content);grid-template-columns:43% 43% 14%}@media only screen and (max-width:70em){.portfolio{grid-template-columns:48% 48% 4%}}@media only screen and (max-width:61em){.portfolio{display:block}}.portfolio__title{grid-row:1/2;grid-column:2/4;justify-self:end}.portfolio__items-container{grid-row:1/-1;grid-column:1/3;display:grid;grid-auto-rows:6rem;grid-template-columns:repeat(auto-fit,minmax(8.33%,1fr))}@media only screen and (max-width:61em){.portfolio__items-container{display:block}}.cta-link--see-works{grid-row:3/4;grid-column:2/3}@media only screen and (max-width:70em){.cta-link--see-works{grid-column:2/4}}.work-item{display:flex;justify-content:flex-end;flex-direction:column}.work-item__info{display:flex;align-items:center}@media only screen and (max-width:38em){.work-item__info{flex-direction:column;align-items:flex-start}}@media only screen and (max-width:38em){.work-item__info svg{display:none}}.work-item:nth-child(1),.work-item:nth-child(11),.work-item:nth-child(3),.work-item:nth-child(5),.work-item:nth-child(7),.work-item:nth-child(9){grid-column:1/span 6}.work-item:nth-child(10),.work-item:nth-child(12),.work-item:nth-child(2),.work-item:nth-child(4),.work-item:nth-child(6),.work-item:nth-child(8){grid-column:7/span 6}.work-item:nth-child(1){grid-row:1/span 6}.work-item:nth-child(3){grid-row:7/span 6}.work-item:nth-child(5){grid-row:13/span 6}.work-item:nth-child(7){grid-row:19/span 6}.work-item:nth-child(9){grid-row:25/span 6}.work-item:nth-child(11){grid-row:31/span 6}.work-item:nth-child(2){grid-row:5/span 6}.work-item:nth-child(4){grid-row:11/span 6}.work-item:nth-child(6){grid-row:17/span 6}.work-item:nth-child(8){grid-row:23/span 6}.work-item:nth-child(10){grid-row:29/span 6}.work-item:nth-child(12){grid-row:35/span 6}.testimonials{grid-row:3/4;grid-column:grid-start/grid-end;display:grid;grid-template-columns:repeat(12,minmax(-webkit-min-content,7rem));grid-template-columns:repeat(12,minmax(min-content,7rem))}@media only screen and (max-width:70em){.testimonials{display:block}}.testimonials__title{grid-column:1/6}@media only screen and (max-width:70em){.testimonials__title{display:flex;justify-content:flex-end}}.testimonials__header{display:flex;justify-content:flex-start;align-items:flex-start}.testimonials__container{grid-column:6/-1}.testimonials__navigation-lines{display:flex}@media only screen and (max-width:38em){.testimonials__navigation-lines{justify-content:space-between}}footer{grid-row:3/4;grid-column:grid-start/grid-end}.cta{display:flex;align-items:center}.cta-link{display:flex;align-items:center}body{opacity:0;-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:var(--color-main-background)}body.fade-out{opacity:1;-webkit-animation-name:fade-in;animation-name:fade-in}#fader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;background:var(--color-main-background);-webkit-animation-duration:350ms;animation-duration:350ms;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#fader.fade-out{opacity:0;-webkit-animation-name:fade-out;animation-name:fade-out}#fader.fade-in{opacity:1;-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.cta{position:relative;z-index:1;height:56px;width:208px;background-color:var(--color-primary)}.cta::before{content:'';position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;background-color:var(--color-tertiary);transform:scale3d(0,1,1);transform-origin:100% 0;transition:transform 250ms;transition-timing-function:var(--easing--s)}.cta::after{content:'';position:absolute;z-index:-1;top:-2px;left:-2px;height:100%;width:100%;background-color:#6c6c6f}.cta__container{position:relative;z-index:10;left:-5px;top:-5px;display:block;height:100%;width:100%;background:inherit}.cta__container::after{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-tertiary);transform:scale3d(0,1,1);transform-origin:100% 0;transition:transform 250ms;transition-timing-function:var(--easing--s)}.cta a{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;z-index:2;height:100%;width:100%;text-decoration:none;color:var(--color-primary--dark);outline:3px solid transparent;outline-offset:3px;transition:all 250ms var(--easing--s);transition-property:color,outline}.cta a:focus{outline:3px solid var(--color-primary);outline-offset:3px}.cta svg{height:.7rem;width:.8rem;margin-left:8px;margin-top:3px;fill:var(--color-primary--dark);transition:fill 250ms var(--easing--s)}.cta:active::before,.cta:hover::before{transform:scale3d(1,1,1);transform-origin:0 100%}.cta:active .cta__container::after,.cta:hover .cta__container::after{transform:scale3d(1,1,1);transform-origin:0 100%}.cta:active a,.cta:hover a{color:var(--color-tertiary--light)}.cta:active svg,.cta:hover svg{fill:var(--color-tertiary--light)}.cta--view-work--1::after{background-color:var(--color-work-bg-01)}.cta--view-work--2::after{background-color:var(--color-work-bg-02)}.cta--view-work--3::after{background-color:var(--color-work-bg-03)}.cta--view-work--4::after{background-color:var(--color-work-bg-01)}.cta--view-work--5::after{background-color:var(--color-work-bg-02)}.cta--view-work--6::after{background-color:var(--color-work-bg-03)}.cta--view-work--7::after{background-color:var(--color-work-bg-01)}.cta--view-work--8::after{background-color:var(--color-work-bg-02)}.cta--view-work--9::after{background-color:var(--color-work-bg-03)}.cta--view-work--10::after{background-color:var(--color-work-bg-01)}.cta--view-work--11::after{background-color:var(--color-work-bg-02)}.cta--view-work--12::after{background-color:var(--color-work-bg-03)}.cta--view-work{background-color:var(--color-secondary--dark)}.cta--view-work a{color:var(--color-secondary--light)}.cta--view-work a:focus{outline:3px solid var(--color-secondary--dark);outline-offset:3px}.cta--view-work svg{fill:var(--color-secondary--light)}.cta--footer::after{background-color:#000}body:not(.home) .header .cta::after{background-color:var(--color-main-background)}.cta-link a{position:relative;color:#fff;padding:1rem 1.5rem;transition:all 350ms var(--easing--s)}.cta-link a span{position:relative}.cta-link a span::after{position:absolute;left:0;bottom:-8px;content:'';height:2px;width:100%;background-color:#fff;transition:background-color 350ms var(--easing--s)}.cta-link a svg{height:1rem;width:.75rem;margin-top:-5px;margin-left:.5rem;fill:#fff;transition:fill 350ms var(--easing--s)}.cta-link a:active,.cta-link a:hover{text-decoration:none;color:var(--color-tertiary);transition:color 350ms var(--easing--s)}.cta-link a:active span::after,.cta-link a:hover span::after{background-color:var(--color-tertiary);transition:background-color 350ms var(--easing--s)}.cta-link a:active svg,.cta-link a:hover svg{fill:var(--color-tertiary);transition:fill 350ms var(--easing--s)}.cta-link a:focus{outline:0;color:var(--color-primary--dark);background-color:var(--color-secondary);border-radius:1px;transition:all 350ms var(--easing--s)}.cta-link a:focus span::after{background-color:var(--color-secondary)}.cta-link a:focus svg{fill:var(--color-primary--dark)}.hero__subtitle span{display:inline-block;height:.375rem;width:5.5rem;background-color:#fff;margin-right:1rem}@media only screen and (max-width:38em){.hero__subtitle span{height:calc(.375rem / 1.6);width:calc(5.5rem / 1.6);margin-right:calc(1rem / 1.4)}}.section-title span{display:inline-block;height:.5rem;width:5.5rem;background-color:#fff;margin-right:1.2rem}.header{position:relative;z-index:5}.header::after{content:'';position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;background-color:var(--color-main-background);transform:translateY(-8rem);transition:transform .3s var(--easing--s);transition-delay:.2s}.header.is-sticky,.header.no-sticky{position:fixed;z-index:1000;width:100vw}.header.is-sticky .nav-menu,.header.no-sticky .nav-menu{height:6rem}.header.is-sticky .nav-menu__container,.header.no-sticky .nav-menu__container{height:inherit}.header.is-sticky .cta::after,.header.no-sticky .cta::after{background-color:var(--color-main-background);z-index:1}.header.is-sticky::after{transform:translateY(0);transition:transform 350ms var(--easing--s)}.navbar-nav{flex-direction:row}.nav-menu{height:8rem}.nav-menu button>*{pointer-events:none}.nav-menu__brand{display:flex;color:var(--color-primary--light);margin-right:3rem;transition:color 250ms var(--easing--s)}@media only screen and (max-width:38em){.nav-menu__brand{display:none}}.nav-menu__brand:hover{color:var(--color-tertiary);text-decoration:none}.nav-menu__brand p{margin-bottom:0}.nav-menu__container{height:8rem}@media only screen and (max-width:70em){.nav-menu__container{margin-right:2rem}}.nav-menu__toggle{position:relative;z-index:9999;background-color:transparent;border:none;fill:#fff;outline:2px solid transparent;outline-offset:3px;transition:all 250ms var(--easing--s);transition-property:fill,outline-color}.nav-menu__toggle[aria-expanded=true]{fill:var(--color-tertiary--light);transition:all 250ms var(--easing--s);transition-property:fill,outline}.nav-menu__toggle:focus{outline:0;fill:var(--color-tertiary--light);outline:2px solid var(--color-tertiary--light)}.nav-menu__background{position:fixed;top:0;left:0;z-index:9996;display:block;transform-origin:left;transform:scaleX(0);transition:transform .5s ease-in .1s;height:100vh;width:100vw;background:var(--color-tertiary);overflow:hidden}.nav-menu__background.is-open{transition:transform .5s ease-out;transform:scaleX(1)}.nav-menu__menu .active .nav-link::after{transform:scale3d(1,1,1);transform-origin:0 100%}.nav-menu__menu .nav-item:not(:last-child){margin-right:var(--spacer-48)}.nav-menu__menu .nav-link{color:currentColor;letter-spacing:.1vw;padding:.4rem .5rem .5rem;position:relative;overflow:hidden;transition:all 350ms var(--easing--s)}.nav-menu__menu .nav-link:after{content:'';position:absolute;z-index:1;bottom:0;left:.5rem;height:2px;width:calc(100% - 1rem);background-color:#fff;transform:scale3d(0,1,1);transform-origin:100% 0;transition:transform 350ms;transition-timing-function:var(--easing--s)}.nav-menu__menu .nav-link:active::after,.nav-menu__menu .nav-link:hover::after{transform:scale3d(1,1,1);transform-origin:0 100%}.nav-menu__menu .nav-link:focus{z-index:2;outline:0;color:var(--color-primary--dark);background-color:var(--color-secondary);border-radius:1px}.nav-menu__menu .nav-link:focus:after{background-color:var(--color-secondary)}.nav-menu__menu.is-open{position:fixed;z-index:9998;top:0;left:0;display:block;height:100%;width:100%;text-align:center}.nav-menu__menu.is-open .navbar-nav{position:absolute;top:50%;left:50%;z-index:9998;flex-direction:column;transform:translate(-50%,-50%);list-style:none;text-align:center;width:100%}.nav-menu__menu.is-open .nav-item:not(:last-child){margin-right:0}.nav-menu__menu.is-open .nav-link{color:var(--color-tertiary--light);font-size:3rem;display:inline-block}.nav-menu__menu.is-open .nav-link:focus{color:var(--color-secondary--dark)}.nav-menu__menu.is-open .nav-link:link{margin:1.2rem 2rem}.nav-menu .cta{margin-left:auto}.hero{background-image:linear-gradient(to bottom,rgba(108,108,111,.9) 0,transparent 22%),linear-gradient(to bottom,transparent 70%,var(--color-main-background)),url(../images/hero__bg.jpg);background-size:cover;background-position:60% 0}.hero__title{margin-top:var(--spacer-64);margin-bottom:var(--spacer-16)}.hero__subtitle{margin-bottom:var(--spacer-80)}.quote-item{width:100%;margin-bottom:var(--spacer-128);opacity:0;transition:opacity .5s ease}@media only screen and (max-width:38em){.quote-item{width:100%}}.quote-item__active{opacity:1;transition:opacity .5s ease}.quote-item__prev{opacity:0;transition:opacity .5s ease}.quote-item__quote{margin-bottom:1rem}.quote-item__author{margin-bottom:0}.portfolio{margin-bottom:var(--spacer-128)}.portfolio__title{text-align:right;margin-top:var(--spacer-160)}@media only screen and (max-width:70em){.portfolio__title{margin-top:var(--spacer-48)}}@media only screen and (max-width:61em){.portfolio__title{margin-top:0;margin-bottom:var(--spacer-64)}}.portfolio .cta-link{margin-left:var(--spacer-64);margin-bottom:var(--spacer-64)}@media only screen and (max-width:61em){.portfolio .cta-link{margin-top:var(--spacer-40);margin-left:0;margin-bottom:0}}body:not(.home) .portfolio .cta-link{display:none}.work-item{position:relative;padding-left:var(--spacer-64);padding-bottom:var(--spacer-64);color:#0e120a}@media only screen and (max-width:61em){.work-item{min-height:36rem}}@media only screen and (max-width:29em){.work-item{min-height:30rem}}.work-item:nth-child(3n+1){background-color:var(--color-work-bg-01)}.work-item:nth-child(3n+2){background-color:var(--color-work-bg-02)}.work-item:nth-child(3n+3){background-color:var(--color-work-bg-03)}.work-item .cta--view-work,.work-item__client,.work-item__info,.work-item__type{position:relative;z-index:2}.work-item__info{margin-bottom:var(--spacer-32)}.work-item__info svg{margin-top:-6px}.work-item__type{margin-right:var(--spacer-16)}@media only screen and (max-width:38em){.work-item__type{margin-bottom:0}}.work-item__project{margin-left:var(--spacer-16)}@media only screen and (max-width:38em){.work-item__project{margin-left:0}}.work-item__image{position:absolute;top:0;left:0;overflow:hidden;height:100%}.work-item__image img{z-index:1;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;opacity:.08}.testimonials{margin-bottom:var(--spacer-128);background-color:var(--color-tertiary)}.testimonials button>*{pointer-events:none}.testimonials__title{background-color:var(--color-main-background);padding-top:var(--spacer-208)}@media only screen and (max-width:70em){.testimonials__title{padding-top:0;padding-bottom:var(--spacer-64)}}.testimonials__title h2{margin-bottom:0}@media only screen and (max-width:70em){.testimonials__title h2{text-align:right}}.testimonials__container{overflow:hidden;margin:var(--spacer-176) var(--spacer-112) var(--spacer-128) var(--spacer-96)}@media only screen and (max-width:61em){.testimonials__container{margin:calc(var(--spacer-128)) calc(var(--spacer-72)) calc(var(--spacer-112)) calc(var(--spacer-72))}}@media only screen and (max-width:38em){.testimonials__container{margin:calc(var(--spacer-96)) calc(var(--spacer-48)) calc(var(--spacer-80)) calc(var(--spacer-48))}}@media only screen and (max-width:29em){.testimonials__container{margin:calc(var(--spacer-72)) calc(var(--spacer-32)) calc(var(--spacer-64)) calc(var(--spacer-32))}}.testimonials__header{height:5rem;margin-bottom:var(--spacer-16)}.testimonials__quotation-mark{margin:0;color:var(--color-tertiary--medium)}.testimonials__navigation-arrows{margin-left:auto;transform:translateX(1.6rem)}.testimonials__navigation-arrows button{background-color:transparent;border:none;fill:var(--color-tertiary--medium);stroke-width:0;stroke:var(--color-primary);transition:all 350ms var(--easing--s);transition-property:fill,stroke-width}.testimonials__navigation-arrows button:active,.testimonials__navigation-arrows button:hover{fill:var(--color-secondary)}.testimonials__navigation-arrows button:focus{outline:0;fill:var(--color-secondary)}.testimonials__navigation-arrows svg{height:3rem}.testimonials__navigation-arrows--left,.testimonials__navigation-arrows--right{padding:1rem;padding-top:0}.testimonials__navigation-arrows--left svg{transform:rotate(180deg)}.testimonials__items-container{position:relative;height:var(--testimonial-item-height)}.testimonials__navigation-lines .button{position:relative;height:6px;width:64px;border:0}@media only screen and (max-width:38em){.testimonials__navigation-lines .button{width:56px}}@media only screen and (max-width:29em){.testimonials__navigation-lines .button{width:48px}}@media only screen and (max-width:24em){.testimonials__navigation-lines .button{height:16px;width:32px}}.testimonials__navigation-lines .button__container{position:relative;z-index:10;display:block;height:100%;width:100%;background:inherit}.testimonials__navigation-lines .button__container::after{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-secondary);transform:scale3d(0,1,1);transform-origin:100% 0;transition:transform 250ms;transition-timing-function:var(--easing--s)}.testimonials__navigation-lines .button__is-active .button__container::after{transform:scale3d(1,1,1);transform-origin:0 100%;transition-delay:250ms}.testimonials__navigation-lines .button:not(:last-child){margin-right:var(--spacer-24)}.testimonials__navigation-lines .button:active .button__container::after,.testimonials__navigation-lines .button:hover .button__container::after{transform:scale3d(1,1,1);transform-origin:0 100%}.testimonials__navigation-lines .button:focus{outline:0}.testimonials__navigation-lines .button:focus .button__container::after{transform:scale3d(1,1,1);transform-origin:0 100%}.testimonial-item{position:absolute;z-index:1;top:0;left:0;transform:translateX(104%);transition:transform .5s ease;background-color:var(--color-tertiary)}.testimonial-item__container{height:1px}.testimonial-item__active{transform:translateX(0);transition:transform .5s ease;z-index:2}.testimonial-item__prev{transform:translateX(-104%);transition:transform .5s ease}.testimonial-item__visible{z-index:2}.testimonial-item__testimonial{height:11rem;margin-bottom:var(--spacer-64)}@media only screen and (max-width:38em){.testimonial-item__testimonial{height:15rem}}@media only screen and (max-width:29em){.testimonial-item__testimonial{height:18rem}}@media only screen and (max-width:24em){.testimonial-item__testimonial{height:22rem}}.testimonial-item__client{margin-bottom:0;color:var(--color-tertiary--light)}.testimonial-item__url{margin-bottom:var(--spacer-64);color:var(--color-tertiary--light)}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer__title{margin-bottom:var(--spacer-48)}.footer__copyright{margin-bottom:var(--spacer-128)}.footer .cta--contact{margin-bottom:var(--spacer-64)}.container{display:grid;grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end];grid-template-columns:[full-start] minmax(2rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(2rem,1fr) [full-end];max-width:100%;padding-right:0;padding-left:0;color:var(--color-main-background)}@media only screen and (max-width:38em){.container{grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(-webkit-min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end];grid-template-columns:[full-start] minmax(1rem,1fr) [grid-start] repeat(12,minmax(min-content,7rem)) [grid-end] minmax(1rem,1fr) [full-end]}}.container #content{grid-column:grid-start/grid-end}.container .nav-menu__menu .nav-link{color:#fff}.container .nav-menu__menu .nav-link:focus{color:var(--color-secondary--dark)}