@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";.loading,.error{text-align:center;padding:4rem 2rem;font-size:1.6rem;color:var(--color-text);font-family:Roboto,sans-serif}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.error{color:#ff6b6b;background-color:#ff00001a;border-radius:8px;margin:2rem auto;max-width:600px}*,*:after,*:before{box-sizing:border-box}img{display:inline-block}:root{font-size:12px;--color-text: #f0f0f0;--color-bg: #000;--color-link: #818798;--color-link-hover: #fff;--color-title: #7f7f8f;--color-year: #b9b3af;--img-ratio: 1.3;--s: 1}body{margin:0;color:var(--color-text);background-color:var(--color-bg);width:100%;overflow-x:hidden;font-family:Host Grotesk,sans-serif}#root{opacity:1;animation:page-fade-in .35s ease-out;transition:opacity .35s ease-in}body.page-leaving #root{animation:none;opacity:0;pointer-events:none}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){#root{animation:none;transition:none}}body.panel-open,body.page-loading{overflow:hidden}.page-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:grid;place-items:center;background:#131313;transform:translateY(0);transition:transform .65s cubic-bezier(.76,0,.24,1);will-change:transform}.page-loader.is-leaving{transform:translateY(-100%);pointer-events:none}.page-loader-logo{position:relative;width:60px;height:30px}.page-loader-logo-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-mask:url(../logo-mini.svg) center / contain no-repeat;mask:url(../logo-mini.svg) center / contain no-repeat}.page-loader-logo-base{opacity:.3}.page-loader-logo-fill{clip-path:inset(0 var(--loader-remaining) 0 0);will-change:clip-path}@media (prefers-reduced-motion: reduce){.page-loader{transition:none}}.dom-element{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}p.bio{color:#fff;font-size:32px;text-align:center;max-width:1000px;width:100%;padding:0 5%;margin:100px auto}p.bio a{color:#fff;text-decoration:underline}a:visited{color:#fff}.js .loading:before,.js .loading:after{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.7,.7,1)}}.dom-element{width:100%;height:100%;font-size:clamp(100px,17vw,200px);background-color:#000;display:flex;color:#fff;align-items:center;padding-left:3vw;line-height:.8;font-weight:700;text-align:center}.dom-element p{text-align:center}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.h-screen{height:100vh}.w-screen{width:100vw}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.overflow-hidden{overflow:hidden}.object-cover{-o-object-fit:cover;object-fit:cover}.z-10{z-index:10}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:100px;grid-auto-rows:calc(700px - 15vh);width:100%;height:100%}.fixed-title{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease;text-align:center}@media screen and (max-width: 768px){.fixed-title{display:none}}.fixed-title h2{color:#fff;font-size:200px;font-weight:500;margin:0;white-space:nowrap;letter-spacing:.02em}.projects-grid:hover~.fixed-title,.fixed-title.visible{opacity:1}.projects-section{position:relative;z-index:10;background-color:transparent;min-height:100vh;width:100%;padding:4rem 0}.projects-container{width:100%;max-width:2000px;margin:0 auto;padding:0 1rem}.project-card{display:block;position:relative;overflow:hidden;background-color:#27272a;border-radius:8px;aspect-ratio:1/1.5;will-change:transform;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100%;height:100%;text-decoration:none}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.project-card img,.project-card-image{width:100%;height:120%;-o-object-fit:cover;object-fit:cover;will-change:transform;position:absolute;top:0;left:0}.project-card-large{grid-column:span 2;grid-row:span 2;aspect-ratio:1/1}.project-card-normal{grid-column:span 1;grid-row:span 1;aspect-ratio:1/1.5}.project-card-title{display:none}.projects-view-more-container{display:flex;justify-content:center;width:100%;margin-top:64px}.projects-view-more{display:inline-flex;align-items:center;justify-content:center;padding:18px 32px;border:1px solid rgba(255,255,255,.7);border-radius:100px;color:#fff;font-size:32px;font-weight:500;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .25s ease,color .25s ease}.projects-view-more:hover{color:#000;background-color:#fff}.services-section,.capabilities-section{position:relative;z-index:10;width:100%;max-width:1024px;margin-right:auto;margin-left:auto}.services-section{padding-top:180px;padding-bottom:20px}.services-heading{display:block;margin-bottom:120px;text-align:center}.services-heading>span{display:block;margin-bottom:24px}.services-heading>span,.capabilities-section h2{margin:0;color:#ffffff8c;font-size:16px;font-weight:500;line-height:1;text-transform:uppercase}.services-heading h2{margin:0;color:#fff;font-size:96px;font-weight:500;line-height:.95}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:40px;column-gap:40px}.service-item:nth-child(5){grid-column:1 / -1}.service-item{display:grid;grid-template-columns:52px 1fr;gap:20px;min-height:190px;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.35)}.service-index{color:#ffffff73;font-size:14px;font-weight:500}.service-item h3{margin:0 0 28px;color:#fff;font-size:40px;font-weight:500;line-height:1}.service-item p{max-width:520px;margin:0;color:#ffffffb8;font-size:20px;line-height:1.35}.capabilities-section{padding-top:64px;padding-bottom:72px;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);text-align:center}.capabilities-section h2{margin-bottom:56px}.capabilities-section p{margin:0;color:#fff;font-size:40px;font-weight:500;line-height:1.25}.capabilities-section p span,.capabilities-section p b{display:inline}.capabilities-section p b{display:inline-block;padding:0 .24em;color:#ffffff4d;font-weight:400}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.project-card:hover:before{opacity:1}.projects-section{position:relative;z-index:10;background-color:transparent;min-height:100vh;width:100%}.projects-container{width:100%;height:100%;padding:0 70px}.footer{position:relative;z-index:10;background-color:var(--color-bg);width:100%;padding:5rem 2rem}.footer-content{width:100%;text-align:center}.footer-title{font-size:clamp(3rem,8vw,9rem);font-weight:700;line-height:1;margin:0}.app-container{position:relative;font-family:Host Grotesk,sans-serif}.projects-page .projects-section{padding-top:0;padding-bottom:480px}.projects-page-hero{display:flex;align-items:center;justify-content:center;width:100%;min-height:70vh;min-height:70svh;padding:96px 24px;color:#fff;text-align:center}.projects-page-hero h1{margin:0;font-size:120px;font-weight:500;line-height:1;text-transform:uppercase}.site-logo{position:fixed;top:32px;left:50%;z-index:30;display:block;width:60px;height:30px;transform:translate(-50%);background-color:#fff;-webkit-mask:url(../logo-mini.svg) center / contain no-repeat;mask:url(../logo-mini.svg) center / contain no-repeat;transition:opacity .2s ease}.site-logo:hover{opacity:.65}.canvas-container{top:0;left:0;height:100vh;width:100vw}.intro{position:absolute;top:80vh;left:0;right:0;margin:0 auto;width:100%}.intro p{font-size:24px;color:#fff;width:100%;text-align:center;padding-left:70px}.studio-intro-section{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:auto;box-sizing:border-box;padding:80px 70px;background-color:var(--color-bg)}.studio-intro-content{width:min(100%,1024px);margin:0 auto;text-align:center;text-transform:uppercase}.studio-intro-line{margin:0;color:#fff;font-size:clamp(40px,5.5vh,68px);font-weight:500;line-height:1}.studio-intro-line+.studio-intro-line{margin-top:.55em}.studio-intro-line.is-strong{font-weight:500}.studio-intro-word{display:inline-block}.studio-intro-letter{display:inline-block;opacity:.3;will-change:opacity}.flag-container{opacity:.5;width:100%;position:absolute;top:-380px;z-index:-1}.flag-container video{width:100%}footer{position:relative}footer .grid{padding:100px 0;display:flex;flex-direction:column;gap:24px}footer *{color:#fff;width:100%;text-align:center;font-size:24px;text-decoration:none;display:block}footer a:hover{opacity:.5}.project-panel-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:998;opacity:0;visibility:hidden;transition:opacity .4s ease-out,visibility .4s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:opacity}.project-panel-backdrop.open{opacity:1;visibility:visible}.project-panel-backdrop.closing{opacity:0;visibility:hidden}.project-panel{position:fixed;top:0;right:0;width:50%;height:100vh;overflow-y:hidden;background-color:#ececed;transform:translate(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #0000001a;will-change:transform;visibility:hidden;pointer-events:none;z-index:1001}.project-card{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.project-card-image{width:100%;height:100%;position:relative;overflow:hidden}.project-panel.open{transform:translate(0);visibility:visible;pointer-events:auto}.project-panel.closing{transform:translate3d(0,100vh,0);transition:transform .7s cubic-bezier(.76,0,.24,1);visibility:visible;pointer-events:none}.project-panel-close{position:absolute;top:1.5rem;right:1.5rem;background:#0000001a;border:none;font-size:1.5rem;cursor:pointer;color:#333;z-index:1000;width:56px;height:56px;font-size:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-panel-close:hover{background-color:#0003;transform:scale(1.1)}.project-panel-header{padding:2rem 2rem 1rem;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:16px;width:90%}.project-panel-title{font-size:5vw;font-weight:600;color:#000;margin:0;line-height:.9}.project-panel-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;scrollbar-width:none;-ms-overflow-style:none}.project-panel-content::-webkit-scrollbar{display:none}.project-panel-content-horizontal{flex-direction:row;gap:2rem;align-items:flex-start}.video-block{width:100%;position:relative;padding-top:56.25%;margin:2rem 0}.video-block video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-panel-video{width:100%;position:relative;padding-top:56.25%;background-color:#000;overflow:hidden}.project-panel-image{width:50%;flex-shrink:0;background-color:#000;overflow:hidden}.project-panel-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-panel-content-horizontal .project-panel-info{width:50%;flex:1}.project-panel-video video,.project-panel-video img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-panel-info{flex:1;display:flex;flex-direction:column;gap:1.5rem}.project-panel-info h2{font-size:2.5rem;font-weight:700;color:#000;margin:0;line-height:1.2}.project-category{font-size:1.1rem;color:#666;margin:0;text-transform:uppercase;letter-spacing:.1em}.project-description{font-size:22px;line-height:1.6;color:#333;width:80%;margin:0}.project-link-button{display:inline-block;padding:1rem 2rem;background-color:#000;color:#fff;text-decoration:none;border-radius:50px;font-weight:500;transition:background-color .2s ease;align-self:flex-start;margin-top:auto;font-size:18px}.project-link-button:hover{background-color:#333}.content-block{margin-bottom:2rem}.content-block:last-child{margin-bottom:0}.content-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:1rem 0;display:block}.image-caption{text-align:center;color:#666;font-size:.9rem;margin-top:.5rem;font-style:italic}.text-block{line-height:1.7;color:#333;max-width:100%;overflow-wrap:break-word;margin:1.5rem 0}.text-paragraph{margin:1.2rem 0;font-size:1.05rem;line-height:1.7}.app-container{transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.app-container.panel-open{transform:translate(-5%)}.project-card{cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.project-card:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 25px #00000026}.project-card:hover .project-card-image{transform:scale(1.03)}.project-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;background:#1a1a1a;color:#666;font-family:Roboto,sans-serif;font-size:1rem;text-align:center;padding:1rem;box-sizing:border-box}.project-card-placeholder span{max-width:100%;word-break:break-word}.project-card:active{transform:scale(.98)}@media (max-width: 767px){:root{font-size:10px}.project-card-image{transform:none!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.project-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;overflow:hidden;background:transparent;border-radius:0;aspect-ratio:auto}.project-card .image-container{position:relative;inset:auto;grid-row:1;width:100%;height:100%;border-radius:8px}.project-card img,.project-card-image{position:relative;top:auto;left:auto;grid-row:1;width:100%;height:100%;border-radius:8px}.project-card-title{display:block;grid-row:2;color:#fff;font-size:18px;font-weight:500;line-height:1.1;text-transform:uppercase}.dom-element{font-size:calc(clamp(120px,30vw,200px) - 5vw);padding-left:5vw}.canvas-container{transform:translate(-10px)}.intro{top:70vh}.intro p{font-size:16px;padding-left:20px;padding-right:20px}.studio-intro-section{height:auto;padding:64px 20px}.studio-intro-line{font-size:clamp(22px,3.55vh,30px);line-height:1.04}.services-section,.capabilities-section{padding-right:20px;padding-left:20px}.services-section{padding-top:110px;padding-bottom:110px}.services-heading{display:block;margin-bottom:72px}.services-heading>span{display:block;margin-bottom:24px}.services-heading h2{font-size:52px}.services-grid{display:block}.service-item{grid-template-columns:36px 1fr;gap:12px;min-height:0;padding:24px 0 32px}.service-item h3{margin-bottom:20px;font-size:30px}.service-item p{font-size:18px}.capabilities-section{padding-top:48px;padding-bottom:52px}.capabilities-section h2{margin-bottom:36px}.capabilities-section p{font-size:28px}.projects-page-hero h1{font-size:48px}.projects-page .projects-section{padding-bottom:80px}.projects-container{padding:0 20px}.projects-grid{grid-template-columns:1fr;gap:30px;grid-auto-rows:calc(400px - 15vh)}.project-card-large,.project-card-normal{grid-column:span 1;grid-row:span 1}.project-panel{width:100%;height:80vh;top:20vh}.project-panel-header{padding:1.5rem 1rem 1rem}.project-panel-title{font-size:10vw}.project-panel-content{padding:1rem;height:calc(100% - 100px)}.project-panel-content-horizontal{flex-direction:column;gap:1.5rem}.project-panel-image{width:100%;height:50vh}.project-panel-content-horizontal .project-panel-info{width:100%}.project-panel-video{padding-top:56.25%;height:auto}.project-description{font-size:16px;width:100%}.project-category{font-size:.9rem}.project-link-button{padding:.875rem 1.5rem;font-size:14px;width:100%;text-align:center}.app-container.panel-open{transform:translate(0)}footer .grid{padding:60px 20px;gap:16px}footer *{font-size:16px}footer svg{width:50px;height:25px;margin:0 auto}}@media (min-width: 768px) and (max-width: 1023px){.projects-container{padding:0 40px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:50px;grid-auto-rows:calc(500px - 15vh)}.project-card-large{grid-column:span 2;grid-row:span 1}.intro p{font-size:20px;padding-left:40px}.studio-intro-section{height:auto;padding:72px 40px}.studio-intro-line{font-size:clamp(40px,4.75vh,48px)}.services-section,.capabilities-section{padding-right:40px;padding-left:40px}.services-section{padding-top:140px;padding-bottom:140px}.services-heading{grid-template-columns:1fr 2fr;margin-bottom:90px}.services-heading h2{font-size:72px}.services-grid{-moz-column-gap:32px;column-gap:32px}.service-item{min-height:250px}.service-item h3{font-size:34px}.service-item p{font-size:19px}.capabilities-section p{font-size:34px}.projects-page-hero h1{font-size:72px}.project-panel{width:70%}.project-panel-title{font-size:7vw}.project-panel-content-horizontal{flex-direction:column;gap:1.5rem}.project-panel-image{width:100%;height:50vh}.project-panel-content-horizontal .project-panel-info{width:100%}.project-description{font-size:20px;width:90%}.footer-title{font-size:clamp(4rem,10vw,12rem)}}@media (min-width: 1024px){.footer-title{font-size:clamp(6rem,12vw,15rem)}}@media (min-width: 1440px){.projects-grid{gap:120px;grid-auto-rows:calc(680px - 15vh)}.projects-container{padding:0 100px}}.project img{transform:scale(1.2)}