@font-face{font-family:NeueHaasGroteskDispPro;src:url(/fonts/NHaasGroteskDSPro-55Rg.woff2)format("woff2"),url(/fonts/NHaasGroteskDSPro-55Rg.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NeueHaasGroteskDispPro;src:url(/fonts/NHaasGroteskDSPro-56It.woff2)format("woff2"),url(/fonts/NHaasGroteskDSPro-56It.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--color-white:#fff;--color-black:#000;--color-grey:#d9d9d9;--color-sage:#656b55;--color-brown:#84594c;--color-teal:#30555d;--color-tan:#b66b3e;--color-beige:#d4b9af;--color-blue:#3c3f9f;--color-lavender:#ddc7f9;--color-yellow:#e8c367;--color-red:#eb614d;--color-preview:#c86b00;--font-size-60:6rem;--font-size-48:4.8rem;--font-size-40:4rem;--font-size-35:3.5rem;--font-size-28:2.8rem;--font-size-24:2.4rem;--font-size-22:2.2rem;--font-size-21:2.1rem;--font-size-20:2rem;--font-size-18:1.8rem;--font-size-16:1.6rem;--font-size-14:1.4rem;--font-size-12:1.2rem;--font-size-10:1rem;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--font-weight-light:300;--font-weight-thin:100;--font-family-neue-haas-grotesk:"NeueHaasGroteskDispPro",Arial,"Helvetica Neue",Helvetica,sans-serif;--timing-1000:1s;--timing-700:.7s;--timing-500:.5s;--timing-400:.4s;--timing-300:.3s;--timing-250:.25s;--timing-200:.2s;--timing-100:.1s;--timing-immediate:0s;--text-heading-1:var(--font-size-40);--text-heading-2:var(--font-size-32);--text-heading-3:var(--font-size-28);--text-heading-4:var(--font-size-24);--text-heading-5:var(--font-size-22);--text-heading-6:var(--font-size-20);--text-body-regular:var(--font-size-18);--text-body-small:var(--font-size-16);--default-font:var(--font-family-neue-haas-grotesk);--default-color:var(--color-black)}*{margin:0}*,:before,:after{box-sizing:border-box}html{color:var(--color-black);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:62.5%;line-height:1.8}body{margin:0}main{display:block}h1{margin:0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;display:block}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[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}::selection{text-shadow:none;background:#b3d4fc}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden,[hidden]{display:none!important}@media print{*,:before,:after{background:var(--color-white)!important;color:var(--color-black)!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body,html{font-family:var(--default-font);color:var(--default-color);font-weight:var(--font-weight-light)}input,select,textarea{font-family:var(--default-font)}h1,h2,h3,h4,h5,h6{font-family:var(--default-font);font-style:normal;font-weight:var(--font-weight-medium);text-rendering:optimizeLegibility;letter-spacing:0;color:var(--default-color);text-wrap:pretty;margin:0}h1{font-size:var(--text-heading-1);line-height:1.2}h2{font-size:var(--text-heading-2);line-height:1.2}h3{font-size:var(--text-heading-3);line-height:1.2}h4{font-size:var(--text-heading-4);line-height:1.2}h5{font-size:var(--text-heading-5);line-height:1.2;font-size:var(--text-heading-6);line-height:1.2}p{font-family:var(--default-font);color:var(--default-color);font-size:var(--text-body-regular);letter-spacing:0;line-height:1.2;font-weight:var(--font-weight-regular);text-wrap:pretty}p strong{font-weight:var(--font-weight-bold)}blockquote{font-family:var(--default-font);font-weight:var(--font-weight-medium);font-size:var(--text-body-regular);line-height:1.2}strong{font-weight:var(--font-weight-medium)}li{font-family:var(--default-font);color:var(--default-color);font-size:var(--text-body-regular);letter-spacing:0;line-height:1.2;font-weight:var(--font-weight-medium)}@keyframes slide-in{0%{top:-70px}to{top:0}}html{scroll-behavior:smooth}body,html{scrollbar-gutter:stable;background-color:var(--color-white);min-height:100dvh}body.show-menu{overflow:hidden}input,select,textarea{transition:all var(--timing-200)ease-out,background-color 50s linear var(--timing-immediate);appearance:none;border-radius:0;outline:none}input[placeholder],[placeholder],[placeholder]{color:var(--color-grey);opacity:1}input:-webkit-autofill{transition:background-color 5000s ease-in-out var(--timing-immediate)}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out var(--timing-immediate)}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out var(--timing-immediate)}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out var(--timing-immediate)}a:focus-visible{outline-color:var(--color-white);outline-offset:6px;outline-width:1px;outline-style:solid}::-webkit-input-placeholder{color:var(--color-grey);opacity:1!important}:-moz-placeholder-shown{color:var(--color-grey)}::-moz-placeholder{color:var(--color-grey)}:-ms-placeholder-shown{color:var(--color-grey)}input:-webkit-autofill{-webkit-box-shadow:none!important;-webkit-text-fill-color:var(--color-white)!important}.preview-bar{background-color:var(--color-preview);background:repeating-linear-gradient(45deg,var(--color-black),var(--color-black)10px,var(--color-preview)0,var(--color-preview)20px);z-index:10000;justify-content:center;align-items:center;width:100%;height:5px;transition:all .14s linear;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preview-bar a{width:auto;height:20px;color:var(--color-white);font-size:var(--text-body-small);font-weight:var(--font-weight-semibold);text-shadow:var(--color-black)1px 0 10px;opacity:0;transition:all var(--timing-200)linear var(--timing-immediate);background-color:#0000;border:none;outline:none;padding:0 20px;line-height:1;text-decoration:none}.preview-bar:hover{opacity:1;height:32px}.preview-bar:hover a{opacity:1}body.transition{overflow:hidden}.wash{z-index:100001;opacity:1;pointer-events:none;background-color:#ffffff0d;width:100%;height:100%;position:fixed;top:0;left:0}.wipe{background-color:var(--color-white);z-index:100000;pointer-events:none;width:100%;height:0;transition:height var(--timing-200)ease-in-out var(--timing-immediate);position:fixed;bottom:0;left:0}.wipe.active{height:100dvh}.wipe.white{background-color:var(--color-white)}.wipe.sage{background-color:var(--color-sage)}.wipe.brown{background-color:var(--color-brown)}.wipe.teal{background-color:var(--color-teal)}.wipe.tan{background-color:var(--color-tan)}.wipe.beige{background-color:var(--color-beige)}.wipe.blue{background-color:var(--color-blue)}.wipe.red{background-color:var(--color-red)}.wipe.yellow{background-color:var(--color-yellow)}.wipe.lavender{background-color:var(--color-lavender)}.acknowledgement{background-color:var(--color-white);z-index:1000;opacity:0;pointer-events:none;cursor:pointer;width:100%;height:100%;transition:opacity var(--timing-500)linear var(--timing-immediate),background-color var(--timing-200)linear var(--timing-immediate);justify-content:flex-start;align-items:flex-end;padding:30px;display:flex;position:fixed;bottom:0;left:0}.acknowledgement.visible{opacity:1;background-color:var(--color-beige);pointer-events:all}.acknowledgement p{width:100%;max-width:710px;font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;line-height:1.25}header{z-index:999;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;height:70px;padding:20px 30px;display:flex;position:fixed;top:0;left:0}header .brand{flex:none;width:170px;height:auto}header .brand a{border-radius:2px;display:block}header .brand a:focus-visible svg path.letter{opacity:1}header .brand svg{width:100%;height:auto}header .brand svg path{fill:var(--color-white)}header .brand svg path.letter{opacity:0;transition:opacity var(--timing-200)linear var(--timing-immediate)}header .brand:hover svg path.letter{opacity:1}header nav ul{align-items:center;gap:135px;margin:0;padding:0;list-style:none;display:flex}header nav ul li{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;line-height:1.25}header nav ul li a,header nav ul li a:visited{color:var(--color-white);border-radius:2px;text-decoration:none}header nav ul li a:hover{text-decoration:underline}header nav button{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;cursor:pointer;color:var(--color-white);background-color:#0000;border:none;outline:none;padding:0;line-height:1.25;display:none}.mobile-menu{opacity:0;pointer-events:none;z-index:998;background-color:var(--color-white);width:100%;height:100%;transition:opacity var(--timing-200)linear 0s;flex-direction:column;padding:110px 24px 24px;display:flex;position:fixed;top:0;left:0}.mobile-menu nav{flex:auto;width:100%;height:100%}.mobile-menu nav ul{flex-direction:column;gap:40px;width:100%;margin:0;padding:0;list-style:none;display:flex}.mobile-menu nav ul li{font-size:var(--font-size-60)}.mobile-menu nav ul li a,.mobile-menu nav ul li a:visited{color:var(--color-black);text-decoration:none}.mobile-menu nav ul li a:focus-visible,.mobile-menu nav ul li a:hover{text-decoration:underline}.mobile-menu .email-socials{flex:none;grid-column:8/13;justify-content:space-between;width:100%;display:flex}.mobile-menu .email-socials .email span{font-weight:var(--font-weight-regular);font-size:var(--font-size-16);letter-spacing:0;color:var(--color-black);line-height:1.25}.mobile-menu .email-socials .email span a,.mobile-menu .email-socials .email span a:visited{color:var(--color-black);text-decoration:none}.mobile-menu .email-socials .email span a:focus-visible,.mobile-menu .email-socials .email span a:hover{text-decoration:underline}.mobile-menu .email-socials .socials ul{gap:36px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu .email-socials .socials ul li{font-weight:var(--font-weight-regular);font-size:var(--font-size-16);letter-spacing:0;line-height:1.25}.mobile-menu .email-socials .socials ul li a,.mobile-menu .email-socials .socials ul li a:visited{color:var(--color-black);align-items:center;gap:6px;text-decoration:none;display:flex}.mobile-menu .email-socials .socials ul li a span,.mobile-menu .email-socials .socials ul li a:visited span{text-underline-offset:2px}.mobile-menu .email-socials .socials ul li a:focus-visible span,.mobile-menu .email-socials .socials ul li a:hover span{text-decoration:underline}.splash{z-index:997;cursor:pointer;width:100%;min-height:100vh;position:absolute;top:0;left:0}.splash.started{min-height:200vh}.splash .mobile{display:none}.splash.scrolled{top:-200vh;left:0}.splash .background{background-color:var(--color-white);flex-direction:column;width:100%;min-height:90vh;padding:34px 30px;display:flex;position:relative}.splash .message-animation{flex:auto;grid-template-columns:repeat(16,1fr);gap:30px;width:100%;height:100%;padding:95px 0 0;display:grid}.splash .message-animation .message{grid-column:1/9;width:100%;max-width:668px}.splash .message-animation .message p{font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;line-height:1.25}.splash .message-animation .animation{grid-column:10/13;width:100%;transform:translateY(100px)}.splash .message-animation .animation img{width:auto;min-width:370px;max-width:100%;height:auto}.splash .logo{flex:none;width:100%;padding:30px 0 0}.splash .logo svg{width:100%;height:auto;max-height:100%}main{z-index:10;background-color:var(--color-white);isolation:isolate;width:100%;margin:0 0 450px;padding:0 0 30px;position:relative}main.scroll-blocked{height:100vh;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}main .project-grid{grid-template-columns:repeat(2,1fr);gap:38px 30px;width:100%;padding:165px 30px 0;display:grid}main .project-grid .item{width:100%;position:relative;overflow:hidden}main .project-grid .item .title{opacity:0;transition:opacity var(--timing-200)linear var(--timing-immediate);z-index:5;position:absolute;bottom:30px;left:30px}main .project-grid .item .title h2{color:var(--color-white);font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;line-height:1.25}main .project-grid .item .hover,main .project-grid .item .cover{overflow:hidden}main .project-grid .item .cover{width:100%;height:100%}main .project-grid .item .hover{z-index:4;opacity:0;width:100%;height:100%;transition:opacity var(--timing-200)linear var(--timing-immediate);position:absolute;top:0;left:0}main .project-grid .item video,main .project-grid .item img{object-fit:cover;width:100%;height:100%}main .project-grid .item:hover .title,main .project-grid .item:hover .hover{opacity:1}main .project-hero{width:100%;height:100vh}main .project-hero img,main .project-hero video{object-fit:cover;width:100%;height:100%}main .project-details{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;padding:35px 30px 135px;display:grid}main .project-details .title{grid-column:1/5;width:100%}main .project-details .title h2{font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;color:var(--color-black);line-height:1.25}main .project-details .description{flex-direction:column;grid-column:5/13;gap:30px;width:100%;display:flex}main .project-details .description p{font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;color:var(--color-black);line-height:1.25}main .project-media{flex-direction:column;gap:30px;width:100%;padding:0 30px;display:flex}main .project-media .media-full-width,main .project-media .media-full-width img{width:100%}main .project-media .media-dual-column{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;display:grid}main .project-media .media-dual-column .column,main .project-media .media-dual-column .column img{width:100%}main .project-media .media-dual-column .column video{width:100%;height:auto}main .project-footer{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;padding:30px 30px 0;display:grid}main .project-footer .client{grid-column:1/5;width:100%}main .project-footer .categories{grid-column:5/13;width:100%}main .project-footer ul{margin:0;padding:0;list-style:none}main .project-footer ul li{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);text-transform:uppercase;line-height:1.25}main .project-footer .credits{flex-direction:column;gap:20px;width:100%;padding:20px 0 0;display:flex}main .project-footer .credits p{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);line-height:1.25}main .project-pagination{justify-content:space-between;width:100%;padding:100px 30px 0;display:flex}main .project-pagination .pagination span{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);text-underline-offset:3px;line-height:1.25}main .project-pagination .pagination a,main .project-pagination .pagination a:visited{color:var(--color-black);align-items:center;gap:8px;text-decoration:none;display:flex}main .project-pagination .pagination a:focus-visible span,main .project-pagination .pagination a:hover span{text-decoration:underline}main .studio{flex-direction:column;gap:96px;width:100%;padding:165px 0 0;display:flex}main .studio .introduction{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;padding:0 30px;display:grid}main .studio .introduction .container{flex-direction:column;grid-column:span 9;gap:24px;width:100%;display:flex}main .studio .introduction .container p{font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;line-height:1.25}main .studio .carousel{scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;width:100%;overflow:scroll hidden}main .studio .carousel.active{cursor:grabbing}main .studio .carousel .items{grid-template-columns:repeat(36,1fr);gap:30px;width:calc(200vw - 60px);padding:0 30px;display:grid}main .studio .carousel .item{pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;width:100%;display:flex}main .studio .carousel .item .media{flex:auto;width:100%;height:100%}main .studio .carousel .item .media img{object-fit:cover;width:100%;height:100%}main .studio .carousel .item .title{flex:none;width:100%;height:60px}main .studio .carousel .item.large{grid-column:span 6}main .studio .carousel .item.large img{aspect-ratio:5/3}main .studio .carousel .item.medium{grid-column:span 4}main .studio .carousel .item.medium img{aspect-ratio:3/3}main .studio .carousel .item.small{grid-column:span 3}main .studio .carousel .item.small img{aspect-ratio:3/2}main .studio .carousel .item img{width:100%}main .studio .carousel .item p{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;line-height:1.25}main .studio .who-we-are,main .studio .what-we-do{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;padding:0 30px;display:grid}main .studio .who-we-are .label,main .studio .what-we-do .label{grid-column:span 4;width:100%}main .studio .who-we-are .column-left,main .studio .what-we-do .column-left{flex-direction:column;grid-column:5/8;gap:30px;width:100%;display:flex}main .studio .who-we-are .column-right,main .studio .what-we-do .column-right{flex-direction:column;grid-column:9/12;gap:30px;width:100%;display:flex}main .studio .who-we-are span,main .studio .who-we-are p,main .studio .what-we-do span,main .studio .what-we-do p{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);line-height:1.25}main .studio .selected-clients{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;padding:0 30px;display:grid}main .studio .selected-clients .label{flex-direction:column;grid-column:span 4;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}main .studio .selected-clients .label button{width:auto;color:var(--color-black);font-weight:var(--font-weight-regular);font-size:var(--font-size-24);text-transform:uppercase;cursor:pointer;transition:color var(--timing-200)linear var(--timing-immediate);background-color:#0000;border:none;padding:0;line-height:1.25;display:inline-block}main .studio .selected-clients .label button:hover span{text-underline-offset:2px;text-decoration:underline}main .studio .selected-clients .column-left{grid-column:5/8;width:100%}main .studio .selected-clients .column-right{grid-column:9/12;width:100%}main .studio .selected-clients .client-list{flex-direction:column;gap:30px;width:100%;display:flex}main .studio .selected-clients span,main .studio .selected-clients p{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);line-height:1.25}main .studio .get-in-touch{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;padding:0 30px;display:grid}main .studio .get-in-touch .media{grid-column:1/9;width:100%}main .studio .get-in-touch .media img{width:100%}main .studio .get-in-touch .content{flex-direction:column;grid-column:9/13;gap:30px;width:100%;display:flex}main .studio .get-in-touch .content p{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;max-width:460px;line-height:1.25}main .studio .get-in-touch .content .action{width:100%}main .studio .get-in-touch .content .action a,main .studio .get-in-touch .content .action a:visited{border:1px solid var(--color-black);font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);border-radius:38px;padding:6px 16px;line-height:1.25;text-decoration:none;display:inline-block}main .studio .get-in-touch .content .action a:hover{background-color:var(--color-lavender)}main .contact{flex-direction:column;gap:96px;width:100%;padding:165px 30px 0;display:flex}main .contact .hi{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}main .contact .hi .container{grid-column:1/8;width:100%}main .contact .hi .container p{font-size:var(--font-size-35);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:1.25}main .contact .hi .container a,main .contact .hi .container a:visited{color:var(--color-black);text-decoration:none}main .contact .hi .container a:hover{text-decoration:underline;text-decoration-thickness:2px}main .contact .people{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}main .contact .people .person{grid-column:span 3;width:100%}main .contact .people .person p{font-size:var(--font-size-24);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:1.25}main .contact .people .person a,main .contact .people .person a:visited{color:var(--color-black);text-decoration:none}main .contact .people .person a:hover{color:var(--color-black);text-underline-offset:2px;text-decoration:underline}main .contact .studio-photo{width:100%}main .contact .studio-photo img{aspect-ratio:6/3;object-fit:cover;width:100%}main .contact .testimonials{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}main .contact .testimonials .testimonial{flex-direction:column;grid-column:span 8;gap:32px;width:100%;display:flex}main .contact .testimonials .testimonial .content{width:100%}main .contact .testimonials .testimonial .content p{font-size:var(--font-size-35);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:1.25}main .contact .testimonials .testimonial .credit{width:100%}main .contact .testimonials .testimonial .credit p{font-size:var(--font-size-24);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:1.25}main .contact .testimonials .testimonial .credit p span{text-transform:uppercase}footer{z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:450px;padding:30px;display:flex;position:fixed;bottom:0;left:0}footer .top{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}footer .top .respect{flex:none;grid-column:1/7;width:100%}footer .top .respect p{font-weight:var(--font-weight-regular);font-size:var(--font-size-35);letter-spacing:0;color:var(--color-black);line-height:1.25}footer .top .signup{grid-column:8/13;width:100%}footer .top .signup form{flex-direction:column;gap:24px;display:flex}footer .top .signup p{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);line-height:1.25}footer .top .signup input{border:none;border-bottom:1px solid var(--color-black);font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);background-color:#0000;padding:0 0 8px;line-height:1.25}footer .top .signup .action{width:100%}footer .top .signup .action button{border:1px solid var(--color-black);background-color:var(--color-white);width:auto;font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);cursor:pointer;transition:background-color var(--timing-200)linear var(--timing-immediate);border-radius:38px;outline:none;padding:6px 16px;line-height:1.25}footer .top .signup .action button:focus-visible,footer .top .signup .action button:hover{background-color:var(--color-lavender)}footer .bottom{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}footer .bottom .copyright{grid-column:1/7;width:100%}footer .bottom .copyright span{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);line-height:1.25}footer .bottom .email-socials{grid-column:8/13;justify-content:space-between;width:100%;display:flex}footer .bottom .email-socials .email span{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;color:var(--color-black);line-height:1.25}footer .bottom .email-socials .email span a,footer .bottom .email-socials .email span a:visited{color:var(--color-black);text-decoration:none}footer .bottom .email-socials .email span a:focus-visible,footer .bottom .email-socials .email span a:hover{text-decoration:underline}footer .bottom .email-socials .socials ul{gap:36px;margin:0;padding:0;list-style:none;display:flex}footer .bottom .email-socials .socials ul li{font-weight:var(--font-weight-regular);font-size:var(--font-size-24);letter-spacing:0;line-height:1.25}footer .bottom .email-socials .socials ul li a,footer .bottom .email-socials .socials ul li a:visited{color:var(--color-black);align-items:center;gap:6px;text-decoration:none;display:flex}footer .bottom .email-socials .socials ul li a span,footer .bottom .email-socials .socials ul li a:visited span{text-underline-offset:2px}footer .bottom .email-socials .socials ul li a:focus-visible span,footer .bottom .email-socials .socials ul li a:hover span{text-decoration:underline}@media only screen and (max-width:1280px){.splash .message-animation .animation{grid-column:10/16}.splash .message-animation .animation img{min-width:auto}footer .top .signup,footer .bottom .email-socials{grid-column:7/13}footer .bottom .email-socials .socials ul{gap:24px}}@media only screen and (max-width:1023px){header nav ul{gap:80px}.wipe{transition:height var(--timing-400)ease-in-out var(--timing-immediate)}main .studio .introduction .container{grid-column:span 12}main .studio .carousel .item.large{grid-column:span 6}main .studio .carousel .item.medium{grid-column:span 4}main .studio .carousel .item.small{grid-column:span 3}main .studio .who-we-are .label{grid-column:span 12}main .studio .who-we-are .column-left,main .studio .who-we-are .column-right{grid-column:span 6}main .studio .what-we-do .label{grid-column:span 12}main .studio .what-we-do .column-left,main .studio .what-we-do .column-right{grid-column:span 6}main .studio .selected-clients .label{grid-column:span 12}main .studio .selected-clients .column-left,main .studio .selected-clients .column-right{grid-column:span 6}main .studio .get-in-touch .media{grid-column:1/13}main .studio .get-in-touch .content{grid-column:1/8}main .project-details .title,main .project-details .description{grid-column:span 12}main .project-footer .client,main .project-footer .categories{grid-column:span 6}main .contact{flex-direction:column;gap:96px;width:100%;padding:165px 30px 0;display:flex}main .contact .hi{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}main .contact .hi .container{grid-column:1/10;width:100%}main .contact .hi .container p{font-size:var(--font-size-35);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:1.25}main .contact .hi .container a,main .contact .hi .container a:visited{color:var(--color-black);text-decoration:none}main .contact .hi .container a:hover{text-decoration:underline;text-decoration-thickness:2px}main .contact .people{grid-template-columns:repeat(12,1fr);gap:30px;width:100%;display:grid}main .contact .people .person{grid-column:span 4;width:100%}main .contact .testimonials .testimonial{grid-column:span 10}}@media only screen and (max-width:768px){body.show-menu .mobile-menu{opacity:1;pointer-events:all}header{width:100%;height:70px;padding:20px 24px;position:fixed;top:0;left:0}header .brand{width:140px}header .brand svg{height:21px}header .brand svg path.letter{opacity:1}header nav ul{display:none}header nav button{display:inline-block}.splash{transition:top var(--timing-700)linear var(--timing-immediate)}.splash .background{min-height:90dvh;padding:24px}.splash .message-animation{grid-template-columns:repeat(6,1fr);gap:0 24px}.splash .message-animation .message{grid-column:1/6;max-width:100%}.splash .message-animation .message p{font-size:var(--font-size-24)}.splash .message-animation .animation{grid-column:2/7;justify-content:flex-end;align-items:flex-start;max-width:100%;padding:40px 0;display:flex;transform:translateY(0)}.splash .logo{padding:0}.splash .desktop{display:none}.splash .mobile{display:block}.acknowledgement{padding:24px}.acknowledgement p{font-size:var(--font-size-24)}main .project-grid{grid-template-columns:repeat(1,1fr);gap:24px;padding:110px 24px 0}main .project-grid .item a{flex-direction:column;text-decoration:none;display:flex}main .project-grid .item .title{opacity:1;padding:8px 0 0;position:relative;bottom:auto;left:auto}main .project-grid .item .title h2{color:var(--color-black);font-size:var(--font-size-16)}main .project-grid .item:hover .hover{opacity:0}main .project-hero{height:auto}main .project-details{grid-template-columns:repeat(4,1fr);gap:24px;padding:64px 24px}main .project-details .title,main .project-details .description{grid-column:span 4}main .project-details .title h2,main .project-details .title p,main .project-details .description h2,main .project-details .description p{font-size:var(--font-size-24)}main .project-media{gap:24px;padding:0 24px}main .project-media .media-dual-column{grid-template-columns:repeat(1,1fr);gap:24px}main .project-footer{grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 24px 0}main .project-footer .client,main .project-footer .categories{grid-column:span 2}main .project-footer ul li,main .project-footer .credits p{font-size:var(--font-size-16)}main .project-pagination{padding:64px 24px 0}main .project-pagination .pagination svg{width:12px;height:12px}main .project-pagination .pagination span{font-size:var(--font-size-16)}main .contact{gap:64px;padding:110px 24px 0}main .contact .hi{grid-template-columns:repeat(4,1fr)}main .contact .hi .container{grid-column:span 4}main .contact .hi .container p{font-size:var(--font-size-24)}main .contact .people{grid-template-columns:repeat(4,1fr)}main .contact .people .person{grid-column:span 2}main .contact .people .person p{font-size:var(--font-size-16)}main .contact .testimonials{grid-template-columns:repeat(4,1fr)}main .contact .testimonials .testimonial{grid-column:span 4}main .contact .testimonials .testimonial .content p{font-size:var(--font-size-24)}main .contact .testimonials .testimonial .credit p{font-size:var(--font-size-16)}main .studio{gap:64px;padding:110px 0 0}main .studio .introduction{grid-template-columns:repeat(4,1fr);gap:24px;padding:0 24px}main .studio .introduction .container{grid-column:span 4}main .studio .introduction .container p{font-size:var(--font-size-24)}main .studio .carousel .items{gap:24px;padding:0 24px}main .studio .carousel .items .item p{font-size:var(--font-size-16)}main .studio .who-we-are{grid-template-columns:repeat(4,1fr);gap:24px;padding:0 24px}main .studio .who-we-are .label{grid-column:span 4;margin:0 0 8px}main .studio .who-we-are .column-left,main .studio .who-we-are .column-right{grid-column:span 2;gap:24px}main .studio .who-we-are span,main .studio .who-we-are p{font-size:var(--font-size-16)}main .studio .what-we-do{grid-template-columns:repeat(4,1fr);gap:24px;padding:0 24px}main .studio .what-we-do .label{grid-column:span 4;margin:0 0 8px}main .studio .what-we-do .column-left,main .studio .what-we-do .column-right{grid-column:span 2;gap:24px}main .studio .what-we-do span,main .studio .what-we-do p{font-size:var(--font-size-16)}main .studio .selected-clients{grid-template-columns:repeat(4,1fr);gap:24px;padding:0 24px}main .studio .selected-clients .label{grid-column:span 4}main .studio .selected-clients .label button{font-size:var(--font-size-16)}main .studio .selected-clients .column-left,main .studio .selected-clients .column-right{grid-column:span 2}main .studio .selected-clients .client-list{gap:24px}main .studio .selected-clients span,main .studio .selected-clients p{font-size:var(--font-size-16)}main .studio .get-in-touch{grid-template-columns:repeat(4,1fr);gap:24px;padding:0 24px}main .studio .get-in-touch .media,main .studio .get-in-touch .content{grid-column:span 4}main .studio .get-in-touch .content .action a,main .studio .get-in-touch .content .action a:visited{font-size:var(--font-size-16)}footer{height:450px;padding:24px}footer .top{grid-template-columns:repeat(1,1fr);gap:24px}footer .top .respect{grid-column:1/2}footer .top .respect p{font-size:var(--font-size-24)}footer .top .signup{grid-column:1/2}footer .top .signup p,footer .top .signup input,footer .top .signup .action button{font-size:var(--font-size-16)}footer .bottom{grid-template-columns:repeat(1,1fr);gap:0;width:100%;display:grid}footer .bottom .copyright{grid-area:2/1/auto/2}footer .bottom .copyright span{font-size:var(--font-size-16)}footer .bottom .email-socials{grid-column:1/2}footer .bottom .email-socials .email span{font-size:var(--font-size-16)}footer .bottom .email-socials .socials ul{gap:24px}footer .bottom .email-socials .socials ul li{font-size:var(--font-size-16)}footer .bottom .email-socials .socials ul li svg{width:10px;height:10px}}@media only screen and (max-width:576px){main .studio .who-we-are,main .studio .selected-clients{grid-template-columns:repeat(4,1fr)}main .studio .who-we-are .label,main .studio .selected-clients .label,main .studio .who-we-are .column-left,main .studio .selected-clients .column-left,main .studio .who-we-are .column-right,main .studio .selected-clients .column-right,main .project-footer .client,main .project-footer .categories,main .contact .people .person{grid-column:span 4}}@media only screen and (max-width:360px){.mobile-menu nav{padding:0 0 24px}.mobile-menu nav ul{gap:24px}.mobile-menu nav ul li{font-size:var(--font-size-48)}.mobile-menu .email-socials{flex-direction:column;gap:12px}.mobile-menu .email-socials .socials ul{gap:12px}.splash .message-animation{padding:60px 0 0}.splash .message-animation .message{grid-column:1/7}.splash .message-animation .animation{grid-column:1/7;padding:0 0 24px}main .studio .who-we-are .column-left,main .studio .who-we-are .column-right,main .studio .what-we-do .column-left,main .studio .what-we-do .column-right,main .studio .selected-clients .column-left,main .studio .selected-clients .column-right{grid-column:span 4}}@media only screen and (max-height:1024px){.splash .message-animation .animation{transform:translateY(0)}}
