@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}body.panel-open{overflow:hidden}.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:700px;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:var(--color-bg);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: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:var(--color-bg);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{font-family:Host Grotesk,sans-serif}.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}.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{position:fixed;top:0;right:0;width:50%;height:100vh;overflow-y:auto;background-color:#ececed;z-index:999;transform:translate(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #0000001a;will-change:transform;visibility:visible;pointer-events:none}.project-panel.open{transform:translate(0);pointer-events:auto}.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}.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}.project-panel-content-horizontal{flex-direction:row;gap:2rem;align-items:flex-start}.project-panel-video{width:100%;height:50vh;min-height:410px;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{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}.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}.dom-element{font-size:clamp(60px,15vw,100px);padding-left:5vw}.intro{top:70vh}.intro p{font-size:16px;padding-left:20px;padding-right:20px}.projects-container{padding:0 20px}.projects-grid{grid-template-columns:1fr;gap:30px;grid-auto-rows:400px}.project-card-large,.project-card-normal{grid-column:span 1;grid-row:span 1}.project-panel{width:100%;height:100vh}.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{height:35vh}.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:500px}.project-card-large{grid-column:span 2;grid-row:span 1}.intro p{font-size:20px;padding-left:40px}.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:680px}.projects-container{padding:0 100px}}.project img{transform:scale(1.2)}