@font-face{font-family:Switzer;src:url(/fonts/Switzer-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-Medium.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/Switzer-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Switzer,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;color-scheme:light dark;color:#fff;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;--fontsize--display: clamp(3rem, 3rem + 6vw, 9rem);--fontsize--extralarge: clamp(2rem, 1.5rem + 2.5vw, 3.8rem);--fontsize--large: clamp(1.5rem, 1.25rem + 2.5vw, 2rem);--fontsize--medium: clamp(1.25rem, 1rem + .5vw, 1.4rem);--fontsize--body: clamp(1rem, .9rem + .25vw, 1.25rem);--fontsize--small: clamp(.8rem, .75rem + .2vw, .875rem);--grid--desktop--columns: var(--grid--columns-12);--grid--mobile--columns: var(--grid--columns-6);--grid--columns-12: repeat(12, [col-start] 1fr);--grid--columns-11: repeat(11, [col-start] 1fr);--grid--columns-10: repeat(10, [col-start] 1fr);--grid--columns-9: repeat(9, [col-start] 1fr);--grid--columns-8: repeat(8, [col-start] 1fr);--grid--columns-7: repeat(7, [col-start] 1fr);--grid--columns-6: repeat(6, [col-start] 1fr);--grid--columns-5: repeat(5, [col-start] 1fr);--grid--columns-4: repeat(4, [col-start] 1fr);--grid--columns-3: repeat(3, [col-start] 1fr);--grid--columns-2: repeat(2, [col-start] 1fr);--grid--columns-1: repeat(1, [col-start] 1fr);--grid--mobile--rowgap: 2rem;--grid--mobile--columngap: 1rem;--grid--desktop--rowgap: 2rem;--grid--desktop--columngap: 2rem;--grid--mobile--margin: 2rem;--grid--desktop--margin: 3rem;--grid--mobile--padding: 1rem;--grid--desktop--padding: 3rem;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--margin--sm: .5rem;--margin--md: 1rem;--margin--lg: 1.5rem;--margin--xl: 2rem;margin:0}html,body{height:100%}.app{overflow-x:hidden}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}p,a,h1,h2,h3,h4,h5,h6,ul{margin:0}ul{padding:0}p{letter-spacing:.05ch;line-height:1.6em}a{font-weight:400;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{color:#fff;font-weight:700}h2{height:50px;text-align:left}.space{margin-bottom:2rem}canvas{width:calc(100% - 3px);height:calc(100% - 2px);top:0;left:0;position:fixed;margin:0;z-index:-5}.sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;height:calc(100vh - 48px);justify-content:space-between;padding:24px;z-index:9999}.sidebar a{width:50px;height:50px}.sidebar a img{width:100%;height:100%}.sidebar .menu{display:none;list-style-type:none;text-align:left}.sidebar .menu a{font-size:var(--fontsize--body);color:#fff;font-weight:500}.sidebar .menu a:hover{padding-left:6px}.sidebar .location{display:none;list-style-type:none;text-align:left}.sidebar .location li{font-size:var(--fontsize--body);color:#fff;font-weight:500}.sidebar .submenu{list-style-type:none;text-indent:1.618rem}.app{display:grid;width:100%;row-gap:6rem;padding-bottom:24px}section{display:grid;grid-template-columns:var(--grid--mobile--columns);padding:var(--grid--mobile--padding);column-gap:var(--grid--mobile--columngap);row-gap:var(--grid--mobile--rowgap)}.content{display:grid;column-gap:var(--grid--mobile--columngap);row-gap:var(--grid--mobile--rowgap);grid-auto-rows:min-content;flex:1}.intro .content{grid-template-columns:var(--grid--columns-6);grid-column:1/-1;margin-top:100px}.intro .content h3,.intro .content h1{grid-column:1/-1;font-size:var(--fontsize--display);text-transform:uppercase;line-height:1;font-weight:400}.intro .content p{grid-column:2/-1;font-size:var(--fontsize--body);margin:0;font-weight:400!important}.philosophy .content{grid-template-columns:var(--grid--columns-6);grid-column:1/-1}.philosophy .content h2{grid-column:1/-1}.philosophy .content p{grid-column:1/-1;font-size:var(--fontsize--medium);font-weight:500}.philosophy .content p:last-child{grid-column:2/-1;font-size:var(--fontsize--body);font-weight:400}.philosophy .content .words{grid-column:1/3;text-align:center;display:none}.philosophy .content .words h3{font-size:var(--fontsize--medium)}.works .content{grid-template-columns:var(--grid--columns-6);grid-template-rows:auto auto;grid-column:1/-1}.works .content h2,.works .content div{grid-column:1/-1}.portfolio-item-list{gap:30px}.portfolio-item-list .portfolio-item{display:block;border-top:1px solid #fff;padding:1rem 0}.portfolio-item-list .portfolio-item .item-content{display:grid;grid-template-columns:var(--grid--columns-6);gap:.2rem}.portfolio-item-list .portfolio-item .item-content p{font-size:var(--fontsize--extralarge);color:#fff;grid-column:2/-1}.portfolio-item-list .portfolio-item .item-content .tags{grid-column:2/-1;display:flex;gap:1rem}.portfolio-item-list .portfolio-item .item-content .tags p{font-size:var(--fontsize--small);text-transform:uppercase;letter-spacing:1px}.portfolio-item-list .portfolio-item:first-child{border:none}.process{display:grid;align-items:center}.process .content{grid-template-columns:var(--grid--columns-6);grid-column:1/-1}.process .content p:nth-of-type(1){grid-column:1/-1;font-size:var(--fontsize--medium)}.process .content h2{grid-column:1/-1}.process .content .steps{display:grid;grid-template-columns:var(--grid--columns-6);column-gap:var(--grid--mobile--columngap);grid-column:1/-1}.process .content .steps h3{font-size:var(--fontsize--medium);font-weight:400;grid-column:1/3;text-align:right;text-transform:uppercase;letter-spacing:1px}.process .content .steps p{grid-column:3/-1;font-size:var(--fontsize--body)}.about .content{grid-template-columns:var(--grid--columns-6);grid-column:1/-1}.about .content h2{grid-column:1/-1}.about .content p:nth-of-type(1){grid-column:1/6}.about .content p:nth-of-type(2){grid-column:2/-1}.about .content a{color:#fff;text-decoration:underline;font-size:var(--fontsize--body)}.about .content a:nth-of-type(1){grid-column:2/-1}.about .content .social{grid-column:1/-1;display:flex;flex-direction:column}.about .content .gallery{display:grid;grid-template-columns:var(--grid--columns-6);column-gap:var(--grid--mobile--columngap);grid-column:1/-1;row-gap:var(--grid--mobile--rowgap)}.about .content .gallery img:first-child{grid-column:1/-1;grid-row:2/2;width:100%;aspect-ratio:1/1;object-fit:cover}.about .content .gallery ul{grid-column:1/-1;grid-row:1/1;list-style-type:none;letter-spacing:1px;text-transform:uppercase;padding:1rem 0;font-size:var(--fontsize--medium)}.about .content .gallery img:last-child{grid-column:1/-1;grid-row:3/3;width:100%;aspect-ratio:3/2;object-fit:cover}.contact .content{grid-template-columns:var(--grid--columns-6);grid-column:1/-1}.contact .content h2{grid-column:1/-1}.contact .content p:nth-of-type(1){grid-column:1/-1;font-size:var(--fontsize--extralarge);line-height:1.2;text-transform:uppercase}.contact .content p:nth-of-type(2){grid-column:4/-1;font-size:var(--fontsize--medium)}.contact .content p:nth-of-type(3){grid-column:1/-1;height:48px;font-size:var(--fontsize--body);text-align:right;display:flex;justify-content:flex-end;align-items:flex-end}.contact .content .social{grid-column:1/4;display:flex;flex-direction:column}.contact .content a{color:#fff;text-decoration:underline;font-size:var(--fontsize--medium)}.contact .content a:nth-of-type(1){grid-column:3/6}.case-study{display:grid;padding:var(--grid--mobile--padding);overflow-x:hidden}.casestudy-section{display:grid;grid-template-columns:var(--grid--columns-6);row-gap:var(--grid--mobile--rowgap);column-gap:var(--grid--mobile--column);padding:calc(var(--grid--mobile--padding) * 2) var(--grid--mobile--padding)}.casestudy-section .content{display:grid;grid-template-columns:var(--grid--columns-6);grid-column:1/-1;row-gap:var(--margin--sm);padding-bottom:0}.casestudy-section .content h2,.casestudy-section .content h4,.casestudy-section .content h5,.casestudy-section .content p,.casestudy-section .content ul{grid-column:1/-1}.casestudy-section .content h5{font-size:var(--fontsize--medium);font-weight:600;letter-spacing:1px;margin-bottom:var(--margin--sm)}.casestudy-section .content h4{font-size:var(--fontsize--large);grid-column:1/-1;text-align:left;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:0;margin-bottom:var(--margin--md)}.casestudy-section .content h2{font-size:var(--fontsize--extralarge);height:auto;grid-column:1/-1;margin-bottom:0;letter-spacing:1px;text-transform:uppercase}.casestudy-section .content img{width:100%;height:auto;display:block;max-width:100%;background-color:#eee;grid-column:1/-1}.casestudy-section .content .casestudy-list{display:flex;flex-direction:column;gap:var(--margin--md);line-height:1.6em}.first-section{display:grid;grid-column:1/-1;row-gap:2rem;padding-bottom:0;padding-top:0;flex-wrap:wrap}.first-section .content{display:grid;grid-column:1/-1;grid-template-columns:var(--grid--columns-2);row-gap:2rem}.casetop{margin-top:100px}.caseinfo-row{display:flex;flex-direction:column;gap:8px 16px;align-items:start}.caseinfo-top{font-weight:700;text-transform:uppercase;letter-spacing:1px}.caseinfo-bottom{font-weight:500}.caseinfo-bottom>span:not(:last-child):after{content:", "}#smooth-wrapper{overflow:hidden}#smooth-content{overflow:visible;width:100%}.badge{font-size:var(--fontsize--small)}.hovering{position:relative;display:flex;flex:1 1 30%;overflow:hidden}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;mix-blend-mode:difference;z-index:0;transform:translateY(-100%);animation-duration:.15s;animation-fill-mode:forwards;animation-timing-function:linear}.hovering.mouseenter.top .overlay{animation-name:slide--enter-top}@keyframes slide--enter-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.hovering.mouseleave.top .overlay{animation-name:slide--leave-top}@keyframes slide--leave-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.hovering.mouseenter.bottom .overlay{animation-name:slide--enter-bottom}@keyframes slide--enter-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hovering.mouseleave.bottom .overlay{animation-name:slide--leave-bottom}@keyframes slide--leave-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (min-width: 1024px){.sidebar .menu,.sidebar .location{display:flex;flex-direction:column;gap:.5rem}.submenu{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.app{row-gap:20rem}section{grid-template-columns:var(--grid--desktop--columns);gap:var(--grid--desktop--gap);padding:0 var(--grid--desktop--margin);row-gap:2rem}.content{gap:var(--grid--desktop--gap);row-gap:4rem}.intro .content{grid-template-columns:var(--grid--columns-9);grid-column:4/-1;grid-template-rows:auto auto;margin-top:250px}.intro .content h1{grid-column:3/-1}.intro .content p{grid-column:3/8}.works .content{grid-template-columns:var(--grid--columns-9);grid-column:4/-1}.works .content h2{grid-column:1/2}.works .content div{grid-column:2/-1}.portfolio-item-list .portfolio-item .item-content{grid-template-columns:var(--grid--columns-8);gap:30px}.portfolio-item-list .portfolio-item .item-content p{grid-column:2/7}.portfolio-item-list .portfolio-item .item-content .tags{grid-column:7/-1;font-size:var(--fontsize--small);display:flex;flex-direction:column;gap:.5rem;justify-content:center}.portfolio-item-list .portfolio-item .item-content .tags p{font-size:var(--fontsize--small);text-transform:uppercase;letter-spacing:1px}.philosophy .content{grid-template-columns:var(--grid--columns-9);grid-column:4/-1}.philosophy .content h2{grid-column:1/3}.philosophy .content p{grid-column:3/8;font-size:var(--fontsize--medium)}.philosophy .content p:last-child{grid-column:3/8;font-size:var(--fontsize--body)}.philosophy .content .words{grid-column:3/5;display:block}.philosophy .content .words h3{font-size:var(--fontsize--medium)}.philosophy .content .copy{grid-column:5/9}.process .content{grid-template-columns:var(--grid--columns-9);grid-column:4/-1;column-gap:var(--grid--desktop--columngap);row-gap:calc(var(--grid--desktop--rowgap) * 2)}.process .content p:nth-of-type(1){grid-column:3/9;font-size:var(--fontsize--medium)}.process .content h2{grid-column:1/2;line-height:1.6rem}.process .content h3{font-size:var(--fontsize--medium);letter-spacing:4px;line-height:1.6rem}.process .content .steps{grid-column:3/9;column-gap:var(--grid--desktop--columngap);row-gap:var(--grid--desktop--rowgap)}.process .content .steps p{grid-column:3/7;font-size:var(--fontsize--body)}.about .content{grid-template-columns:var(--grid--columns-9);grid-column:4/-1;column-gap:var(--grid--desktop--columngap)}.about .content h2{grid-column:1/2}.about .content p:nth-of-type(1){grid-column:3/6;font-size:var(--fontsize--body)}.about .content p:nth-of-type(2){grid-column:6/-1;font-size:var(--fontsize--body)}.about .content a:nth-of-type(1){grid-column:3/6}.about .content .gallery{grid-template-columns:var(--grid--columns-7);grid-template-rows:auto 400px;grid-column:3/10;column-gap:var(--grid--desktop--columngap);row-gap:var(--grid--desktop--rowgap)}.about .content .gallery img:first-child{grid-column:1/4;grid-row:1/3;width:100%;height:100%;object-fit:cover}.about .content .gallery ul{grid-column:4/-1;padding:0;grid-row:2/1}.about .content .gallery img:last-child{grid-column:4/-1;grid-row:2/3;width:100%;height:100%;object-fit:cover}.contact .content{grid-template-columns:var(--grid--columns-9);grid-column:4/-1}.contact .content h2{grid-column:1/2}.contact .content p:nth-of-type(1){grid-column:3/6;font-size:var(--fontsize--large)}.contact .content p:nth-of-type(2){grid-column:5/8;font-size:var(--fontsize--medium)}.contact .content p:nth-of-type(3){grid-column:1/10}.contact .content .social{grid-column:3/5}.contact .content a:nth-of-type(1){grid-column:3/6}.case-study{display:grid;padding:var(--grid--desktop--padding);overflow-x:hidden;row-gap:0}.casestudy-section{display:grid;grid-template-columns:var(--grid--desktop--columns);row-gap:var(--grid--desktop--rowgap);column-gap:var(--grid--desktop--column);row-gap:var(--margin--sm);padding:var(--grid--desktop--padding)}.casestudy-section .content{display:grid;grid-template-columns:var(--grid--columns-9);grid-column:6/12;row-gap:var(--margin--sm);padding-bottom:0}.casestudy-section .content h2,.casestudy-section .content h4,.casestudy-section .content h5,.casestudy-section .content p,.casestudy-section .content ul{grid-column:1/-1}.casestudy-section .content h2{font-size:var(--fontsize--extralarge);height:auto;grid-column:1/-1;padding-bottom:0;letter-spacing:1px;text-transform:uppercase}.casestudy-section .content h4{grid-column:1/-1;text-align:left;font-size:var(--fontsize--large);margin-bottom:var(--margin--md);font-weight:600;letter-spacing:1px;text-transform:uppercase}.casestudy-section .content h5{font-size:var(--fontsize--medium);font-weight:500;letter-spacing:1px}.casestudy-section .content img{width:100%;height:auto;display:block;max-width:100%;background-color:#eee;grid-column:1/-1}.first-section{row-gap:1rem;padding-bottom:0;padding-top:0}.first-section .content{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));column-gap:.5rem;row-gap:2rem}.first-section .content .caseinfo-row{gap:8px 16px;align-items:start;max-width:120px;flex-shrink:1}.casetop{margin-top:100px}.caseinfo-top{font-weight:700}.caseinfo-bottom>span:not(:last-child):after{content:", "}}.mobile-header{position:fixed;display:flex;width:calc(100% - var(--grid--mobile--padding) * 2);z-index:300;background:linear-gradient(0deg,#0000 10%,#000);padding:var(--grid--mobile--padding);justify-content:space-between;align-items:center}.mobile-header a{width:50px;height:50px}.mobile-header a img{width:100%;height:100%}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:8px;width:50px;height:50px;background:none;border:none;cursor:pointer;padding:0;z-index:200}.hamburger span{display:block;height:2px;background:currentColor;transition:transform .35s cubic-bezier(.77,0,.18,1),opacity .2s;transform-origin:center;color:#fff}.hamburger.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.mobile-overlay{position:fixed;inset:0;background:#0a0a0a;z-index:100;display:flex;align-items:center;padding:0 10vw;clip-path:circle(0% at calc(100% - 48px) 40px);transition:clip-path .65s cubic-bezier(.77,0,.18,1);pointer-events:none}.mobile-overlay.open{clip-path:circle(170% at calc(100% - 48px) 40px);pointer-events:all}.mobile-overlay nav a{display:block;font-size:var(--fontsize--large);font-weight:500;color:#fff;text-decoration:none;line-height:1.75;opacity:0;transform:translateY(20px);transition:opacity .2s calc(var(--i) * .05s + .1s),transform .2s calc(var(--i) * .05s + .1s)}.mobile-overlay.open nav a{opacity:1;transform:translateY(0)}.mobile-overlay nav a:hover{opacity:.45;transition:opacity .2s}.mobile-submenu{list-style:none;padding:0 0 .5rem 2rem;list-style-type:square}.mobile-submenu a{font-size:var(--fontsize--large)!important;opacity:.6}@media (min-width: 1024px){.mobile-header,.mobile-overlay{display:none}}@media (max-width: 1023px){.sidebar{display:none}.mobile-header{display:flex}}.page-transition{position:fixed;top:0;left:0;width:100%;height:100%;background:#101010;transform:translateY(100%);z-index:900;pointer-events:none}