@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik:ital,wght@0,300..900;1,300..900&family=Six+Caps&display=swap";html,body,#root,.scroll{width:100%;height:100%;margin:0;padding:0;overflow:hidden;scroll-behavior:smooth;scroll-snap-align:center;-webkit-user-select:none;user-select:none}#root{overflow:auto}.scroll{position:absolute;top:0;left:0;overflow-y:auto;scroll-snap-type:y mandatory}body{position:fixed;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}canvas{touch-action:none}.mobile-controls{position:fixed;top:45%;transform:translateY(-15%);right:-85px;display:flex;pointer-events:none;z-index:10;align-items:center;justify-content:center;padding:16px;flex-direction:row;gap:20px;rotate:90deg}.mobile-controls p{font-family:Rubik,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff75;rotate:180deg;background:linear-gradient(to right,#7a53cd00 20%,#ffffff38 30%,#ffffff8e 70%,#754ada00 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;background-size:500% auto;animation:textShine 6s cubic-bezier(.445,.05,.55,.95) infinite forwards}@keyframes textShine{0%{background-position:100% 50%}30%{background-position:0% 50%}to{background-position:0% 50%}}.arrow{pointer-events:auto;background-color:transparent;padding:6px;border-radius:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out;transform:rotate(90deg);border:1px solid rgba(255,255,255,.2);rotate:-90deg}.arrow img{filter:invert(1);opacity:.2}.arrow:active{transform:scale(.8) translateZ(5px) rotate(90deg);box-shadow:0 0 5px #00000080;background-color:#fff;transition:none}.left img{transform:rotate(180deg)}.container-mini-map{margin:0;width:100%;height:100%;position:fixed;top:0;right:0;left:0;bottom:0;pointer-events:none!important;display:flex;justify-content:flex-end;align-items:center}.mini-map-fade-mask{position:absolute;top:0;right:0;bottom:0;width:min(620px,48vw);pointer-events:none!important;opacity:0;z-index:0;background:linear-gradient(to left,rgba(0,0,0,.94) 0%,rgba(0,0,0,.7) 35%,rgba(0,0,0,.32) 70%,transparent 100%);will-change:opacity}.mini-map{position:fixed;top:0;left:0;z-index:1;display:flex;align-items:flex-end;width:100%;height:100%;pointer-events:none!important;background-image:linear-gradient(to top,#000000da -15%,transparent 30%)}.container-mini-map ul.mini-map-rail{list-style:none;display:flex;flex-direction:column;gap:0;height:auto;max-height:70vh;width:64px;justify-content:center;align-items:flex-end;padding:8px 10px 8px 0;margin:0 16px 0 0;pointer-events:none;opacity:0;will-change:opacity;position:relative;z-index:1}.container-mini-map li{position:relative;box-sizing:border-box;width:40px;height:3px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-left:12px;padding-right:8px;background:transparent;pointer-events:auto;cursor:pointer;border-radius:0;transform:none}.mini-map-bar{display:block;width:11px;height:3.5px;border-radius:999px;background:#ffffff73;transform-origin:right center;pointer-events:none;flex-shrink:0}.container-mini-map ul.mini-map-rail[data-expanded=true] li:hover .mini-map-bar{background-color:#fff;transform:scaleX(1.25)}.container-mini-map ul.mini-map-rail[data-expanded=true] li:hover .mini-map-item{opacity:1;transform:translateY(-50%) scale(1)}.container-mini-map li.active{pointer-events:none;cursor:default}.container-mini-map li.active .mini-map-bar{background:#fff}.container-mini-map li.visited .mini-map-bar,.container-mini-map ul.mini-map-rail[data-expanded=true] li.visited:hover .mini-map-bar{background-color:#fff}.mini-map-item{display:flex;align-items:center;justify-content:center;position:absolute;right:calc(100% + 18px);left:auto;top:50%;flex-direction:column;opacity:0;transition:all .3s ease;color:#fff;font-family:Rubik,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.1em;width:fit-content;gap:12px;transform:translateY(-50%) scale(.92) translate(8px);pointer-events:none;white-space:nowrap}.project-list-image{border-radius:12px;border:1px solid rgba(255,255,255,.3);width:280px;height:auto}.mini-map-item.hovered{transform:translateY(-50%) scale(1);opacity:1}.visited-text{position:absolute;bottom:0;background-color:#2f8227;padding:8px 20px;border-radius:50px}.visited-text-list{position:relative;bottom:24px;left:0;background-color:#2f8227;padding:4px 14px!important;border-radius:5px;font-size:10px!important;width:fit-content!important}.container-projects-list{margin:0;width:100%;position:fixed;bottom:0;pointer-events:all;justify-content:space-between;background-color:#000c;display:flex;overflow-y:scroll;align-content:flex-start;height:100%;z-index:100;flex-direction:column}.container-projects-list ul{list-style:none;margin:0;padding:20px;display:flex;justify-content:flex-start;flex-direction:column;pointer-events:all;width:100%}.container-projects-list .list-item{display:flex;align-items:center;color:#fff;font-family:Rubik,sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:.1em;width:100%;gap:20px;flex-direction:row-reverse;justify-content:flex-end;border-bottom:1px solid rgba(255,255,255,.2);padding:10px;border-radius:20px}.container-projects-list .list-item:active{transform:scale(.9);box-shadow:0 0 5px #00000080;background-color:#fff!important;color:#000;transition:none}.container-projects-list .list-item .project-list-image-mobile img{border-radius:6px;border:1px solid rgba(255,255,255,.2);height:50px;width:auto}.project-list-image-mobile{display:flex;align-items:center;pointer-events:all;border-radius:6px;flex-direction:column;height:50px;width:80px}.container-projects-list .list-item p{font-size:13px;width:200px;margin:0;padding:0}.button-open-list{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:1;color:#ffffff80;font-family:Rubik,sans-serif;background-color:transparent;border:none;font-size:10px;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;height:36px;width:190px;border-radius:50px;gap:10px;margin:0;pointer-events:all;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.button-open-list svg{opacity:.5}.button-open-list:hover{color:#ffffffe6;border-color:#ffffffb3;background-color:#ffffff14}.button-open-list:hover svg{opacity:.9}.button-open-list:active{transform:translate(-50%) scale(.9);box-shadow:0 0 5px #00000080;background-color:#fff!important;color:#000;transition:none}@media only screen and (max-width: 600px){.mini-map-fade-mask{display:none}.container-mini-map{width:100%;height:auto;inset:auto;bottom:0;left:50%;flex-direction:column;justify-content:center;align-items:center}.container-mini-map ul,.container-mini-map ul.mini-map-rail{position:static;flex-direction:row;height:60px;width:220px;margin:0;align-items:center;justify-content:center;gap:2px;pointer-events:none;scale:.8;opacity:1}.container-mini-map li{pointer-events:none;width:2px;height:12px;padding:0;margin:0;transform:none;display:block}.container-mini-map .mini-map-bar{width:100%;height:100%;border-radius:20px;transform:none}.container-mini-map li:before{display:none}.container-mini-map ul:hover li{width:3px;transform:none}.container-mini-map li:hover .mini-map-bar{transform:none;height:100%}.mini-map-item{display:none}.button-open-list{position:static;transform:none;height:40px;margin-bottom:20px}.button-open-list:hover{color:#ffffff80;border-color:#ffffff4d;background-color:transparent}.button-open-list:hover svg{opacity:.5}.button-open-list:active{transform:scale(.9)}}header{position:absolute;top:0;left:0;margin:0;padding:40px;width:100%;height:120px;-webkit-user-select:none;user-select:none;pointer-events:all;font-weight:lighter;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:row;z-index:10;font-family:Bebas Neue,sans-serif}.logo{display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:row;pointer-events:all;cursor:pointer;transition:all .8s ease-in-out}.logo:hover{transform:scale(1.1)}.cta-button{background:#0000;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:10px;letter-spacing:.1em;margin:0;padding:20px 40px;pointer-events:all;transition:all .8s ease-in-out}.menu-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:16px}.contact{border:1px solid #fff;padding:9px 20px}.cta-button:hover{background:#fff;color:#000}.social-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6px;margin-left:40px}.social-wrapper a{opacity:.3}.social-wrapper a:hover{opacity:1}.logo h1{color:#fff;font-size:1.4em;margin:0}.button-inspect.active{pointer-events:none;cursor:default}.button-inspect.animated-inspect{animation:star-collected .65s ease forwards}.button-header{cursor:pointer;pointer-events:all;display:flex;align-items:center;justify-content:center;transition:all .8s ease-in-out;margin-right:0;background-color:transparent;border:none;font-family:Rubik,sans-serif;font-size:10px;letter-spacing:.1em;color:#fff;border:1px solid #ffffff00;padding:9px 20px;border-radius:50px}.button-header:hover{background-color:#ffffffeb;color:#000;border:1px solid #fff}.social-wrapper a{pointer-events:all;transition:all .8s ease-in-out;display:flex;border-radius:50px}.social-wrapper a:hover{transform:scale(2);background-color:#00000084}.bell-container{position:relative;width:36px;height:36px;scale:.5;pointer-events:all;cursor:pointer;margin-right:0;padding:20px;border-radius:50px}.bell-container:after{content:"";position:absolute;top:-18px;left:-18px;width:70px;height:70px;border-radius:50px;border:3px solid rgba(255,255,255,0);transition:all .8s ease-in-out}.bell-container:hover:after{border:3px solid rgba(255,255,255,.8)}.bell{position:absolute;top:0;left:50%;transform:translate(-50%);width:34px;height:29px}.bell-clapper{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:10px;height:5px}@media only screen and (max-width: 600px){.header-copyright{display:none}.button-inspect{margin-left:auto}.logo img{height:35px}.logo h1{font-size:18px}.button-header{margin-right:0;border:1px solid #ffffff50}header{height:80px;padding:20px}.contact,.social-wrapper{display:none}}.btn{cursor:pointer;background-repeat:no-repeat;width:40px;height:40px;pointer-events:all;border:1px solid rgba(255,255,255,0);background-color:#264e7000;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .8s ease-in-out;margin-left:0}.btn:hover{transform:scale(1.1);background-color:#ffffff3b}#wave{width:30px;height:20px;pointer-events:none;fill:#fff9;transform:translate(2px,-2px)}@keyframes music-on-graph{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%;opacity:.5}to{transform:scaleY(1);transform-origin:50% 50%;opacity:1}}.animated #Line_1{animation:music-on-graph 1s infinite alternate;animation-delay:.15s;transform-origin:50% 50%}.animated #Line_2{animation:music-on-graph 1s infinite alternate;animation-delay:.3s;transform-origin:50% 50%}.animated #Line_3{animation:music-on-graph 1s infinite alternate;animation-delay:.45s;transform-origin:50% 50%}.animated #Line_4{animation:music-on-graph 1s infinite alternate;animation-delay:.6s;transform-origin:50% 50%}.animated #Line_5{animation:music-on-graph 1s infinite alternate;animation-delay:.75s;transform-origin:50% 50%}.muted #Line_1{transform:scaleY(.6);animation-delay:.15s;transform-origin:50% 50%}.muted #Line_2{transform:scaleY(.6);animation-delay:.3s;transform-origin:50% 50%}.muted #Line_3{transform:scaleY(.6);animation-delay:.45s;transform-origin:50% 50%}.muted #Line_4{transform:scaleY(.6);animation-delay:.6s;transform-origin:50% 50%}.muted #Line_5{transform:scaleY(.6);animation-delay:.75s;transform-origin:50% 50%}.wrapper-card{top:0;right:120px;position:relative;text-align:center;display:flex;align-items:flex-end;justify-content:center;z-index:100;pointer-events:all}.wrapper-card .card-instructions{background:#ffffffef;padding:3px;border-radius:66px;display:flex;flex-direction:row;align-items:center;border:1px solid #ffffff29;color:#2173aefa}.wrapper-card .card-instructions:after{content:"";position:absolute;top:11px;right:-3px;width:14px;height:14px;background:#fff;transform:rotate(45deg);z-index:-1}.wrapper-card .card-instructions .card-body{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.wrapper-card .card-instructions .card-body p{margin:6px 0 6px 16px;color:#000;font-family:Rubik,sans-serif;font-size:14px;letter-spacing:-.5px;font-weight:400}.card-instructions .button{border:none;border-radius:50px;padding:8px 16px;cursor:pointer;transition:all .1s ease-in-out;margin-left:6px;pointer-events:all;background-color:#1f1f1f;color:#fff;font-size:10px;font-weight:700}.card-instructions .button:hover{color:#adff2f;background-color:#0b6239c7}.card-instructions .button-clear{background-color:transparent;color:#000;text-decoration:underline;border:1px solid rgba(0,0,0,0)}.card-instructions .button-clear:hover{background-color:transparent;color:#000;border:1px solid rgba(0,0,0,.782)}.about-page{position:absolute;top:0;left:0;width:100vw;height:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;color:#fff;background-color:#260b50d8;z-index:100;overflow-y:auto}.about-wrapper{width:calc(70% - 10vw);padding-top:100px;padding-bottom:100px}.close-button{position:fixed;top:40px;right:40px;cursor:pointer;z-index:100;background-color:#230d48;border:1px solid white;border-radius:100%;padding:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.close-button:hover{background-color:#ffffff5f}.about-page p{font-weight:300;font-size:clamp(1rem,-1.5rem + 4vw,3rem);text-align:left;line-height:1.4em;font-family:Rubik,sans-serif;letter-spacing:-.2px;color:#8777a6}.about-page p strong{font-weight:400;letter-spacing:-.3px;color:#fff}.about-content{display:flex;justify-items:center;gap:10px;flex-direction:column}.about-content a{color:#fff}.about-content a:hover{color:#ffffffa4}.about-page h2{font-size:48px;font-family:Rubik,sans-serif;font-weight:400;margin:0}.social-wrapper-about{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:20px;width:100%}.social-wrapper-about a{pointer-events:all}@media only screen and (max-width: 1200px){.about-content{display:flex;flex-direction:column;align-items:flex-start;justify-items:center;grid-template-columns:1fr 1fr;gap:50px}.about-page{overflow-y:scroll;touch-action:pan-y;pointer-events:all}.about-wrapper{width:70%;padding-top:50px;padding-bottom:50px}.about-wrapper{top:5%;left:8%;position:absolute;width:85%;padding-bottom:140px}.about-page p{font-size:5.2vw}.close-button{top:20px;right:20px}.about-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,#260b50d8 10%,transparent 30%);z-index:1;pointer-events:none}}.project-detail-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:block;overflow-y:auto;overflow-x:hidden;pointer-events:all;touch-action:pan-y;color:#fff;background:#08080a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.project-detail-close{position:fixed;top:40px;right:40px;z-index:110;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:100%;background:#ffffff0f;cursor:pointer;transition:background .25s ease}.project-detail-close:hover{background:#fff3}.project-detail-wrapper{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:100px clamp(40px,8vw,120px) 40vh}.project-detail-header{margin-bottom:48px}.project-detail-title{margin:0 0 14px;font-family:Bebas Neue,sans-serif;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:400;letter-spacing:.03em;line-height:.95;color:#fff;text-align:left}.project-detail-subtitle{margin:0 0 36px;font-family:Rubik,sans-serif;font-size:clamp(.8rem,1.2vw,1rem);font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;text-align:left}.project-detail-explore{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:16px 32px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:#fff;color:#111;font-family:Rubik,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.project-detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.project-detail-source{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:16px 32px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:transparent;color:#ffffffd9;font-family:Rubik,sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}.project-detail-source:hover{background:#ffffff1a;color:#fff;border-color:#fff}.project-detail-explore:hover{background:transparent;color:#fff;border-color:#fff}.project-detail-explore-disabled,.project-detail-explore-disabled:disabled{cursor:default;opacity:.35;pointer-events:none}.project-detail-explore-disabled:hover{background:#fff;color:#111;border-color:#ffffffe6}.project-detail-body{display:flex;flex-direction:column;gap:48px}.project-detail-content{display:flex;flex-direction:column;gap:1.25em}.project-detail-content>div{display:flex;flex-direction:column;gap:1.25em}.project-detail-content p{margin:0;font-family:Rubik,sans-serif;font-size:clamp(1.125rem,2.2vw,1.65rem);font-weight:300;letter-spacing:-.015em;line-height:1.55;text-align:left;color:#ffffffb8}.project-detail-content p strong{font-weight:500;letter-spacing:-.02em;color:#fff}.project-detail-tech{margin:0;padding:0}.project-detail-tech-heading{margin:0 0 20px;font-family:Rubik,sans-serif;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#fff6}.project-detail-tech-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.project-detail-tech-list li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-family:Rubik,sans-serif;font-size:clamp(.875rem,1.1vw,1rem);font-weight:400;letter-spacing:.02em;color:#ffffffa6}.project-detail-tech-list li:first-child{border-top:1px solid rgba(255,255,255,.1)}@media only screen and (min-width: 1100px){.project-detail-body{display:grid;grid-template-columns:1.4fr .8fr;gap:clamp(48px,6vw,96px);align-items:start}.project-detail-content{max-width:none}}@media only screen and (max-width: 1200px){.project-detail-close{top:20px;right:20px}.project-detail-wrapper{padding:80px 24px 45vh}.project-detail-content p{font-size:clamp(1.05rem,4.4vw,1.5rem)}}.subscription-page{position:absolute;top:0;left:0;width:100vw;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;background-color:#260f4bea;z-index:100;font-weight:300;font-family:Rubik,sans-serif}.subscription-form{display:flex;align-items:center;justify-content:center;flex-direction:row;pointer-events:all;-webkit-user-select:none;user-select:none;gap:20px}.subscription-title{font-size:clamp(1rem,-1.5rem + 6vw,3rem);letter-spacing:-.2px;color:#fff;margin:0;font-weight:400;text-align:center}.subscription-subtitle{font-size:clamp(.8rem,-1.5rem + 6vw,1.2rem);letter-spacing:-.2px;color:#fff;margin:20px 0 40px;text-align:center}.subscription-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60%;height:100%}.subscription-form input{font-size:1.5em;padding:10px 30px;border:2px solid #fff;border-radius:50px;width:100%}.subscription-button{font-size:1.5em;padding:10px 40px;border:2px solid #fff;border-radius:50px;width:100%;background-color:transparent;color:#fff;cursor:pointer;width:fit-content}.subscription-button:hover{background-color:#fff;color:#260b50}.subscription-note{font-size:.8em;letter-spacing:-.2px;color:#fff;margin:60px 0 40px;text-align:center;opacity:.5}.subscription-thank-you-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60%;height:100%;text-align:center;position:absolute}.subscription-thank-you-title{font-size:clamp(.8rem,-1.5rem + 6vw,2.5rem)}.error-message p{margin:40px 0 0;background-color:#e86868;padding:10px;border-radius:10px}.project-list-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:linear-gradient(135deg,#080612f7,#0c0a18fa,#060810f7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;pointer-events:all}.project-list-close{position:fixed;top:32px;right:32px;z-index:130}.project-list-layout{display:flex;height:100%;width:100%}.project-list-sidebar{width:min(260px,28vw);flex-shrink:0;padding:48px 28px 32px 40px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px;overflow-y:auto}.project-list-heading{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:.04em;color:#fff;line-height:1}.project-list-subheading{margin:0 0 24px;font-family:Rubik,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.project-list-categories{display:flex;flex-direction:column;gap:4px}.project-list-filter-heading{margin:20px 0 8px;font-family:Rubik,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59}.project-list-years{display:flex;flex-direction:column;gap:4px}.category-btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:none;border-radius:8px;background:transparent;color:#ffffff8c;font-family:Rubik,sans-serif;font-size:11px;letter-spacing:.1em;text-align:left;cursor:pointer;transition:color .2s ease;overflow:hidden}.category-highlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#ffffff1a;z-index:0}.category-label,.category-count{position:relative;z-index:1}.category-btn:hover{color:#ffffffe6}.category-btn.active{color:#fff}.category-count{font-size:10px;opacity:.5}.project-list-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.project-list-search{--search-trailing-space: 100px;position:relative;flex-shrink:0;margin-top:32px;padding:0 var(--search-trailing-space) 0 32px}.project-list-search-input{width:100%;padding:12px 40px 12px 14px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;color:#fff;font-family:Rubik,sans-serif;font-size:13px;letter-spacing:.02em;outline:none;transition:border-color .2s ease,background .2s ease}.project-list-search-input::placeholder{color:#ffffff59}.project-list-search-input:focus{border-color:#ffffff59;background:#ffffff12}.project-list-search-input::-webkit-search-cancel-button{display:none}.project-list-search-clear{position:absolute;top:50%;right:calc(var(--search-trailing-space) + 8px);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:#ffffff73;font-family:Rubik,sans-serif;font-size:18px;line-height:1;cursor:pointer;transition:color .2s ease}.project-list-search-clear:hover{color:#ffffffd9}.project-list-empty{grid-column:1 / -1;margin:48px 0 0;font-family:Rubik,sans-serif;font-size:13px;letter-spacing:.04em;text-align:center;color:#ffffff73}.project-list-chips{display:none;flex-shrink:0;gap:8px;padding:20px 20px 0;overflow-x:auto;scrollbar-width:none}.project-list-year-chips{display:none;flex-shrink:0;gap:8px;padding:12px 20px 0;overflow-x:auto;scrollbar-width:none}.project-list-year-chips::-webkit-scrollbar{display:none}.project-list-chips::-webkit-scrollbar{display:none}.chip{position:relative;flex-shrink:0;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff9;font-family:Rubik,sans-serif;font-size:10px;letter-spacing:.08em;cursor:pointer;overflow:hidden}.chip-highlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#fff;z-index:0}.chip-label{position:relative;z-index:1}.chip.active{color:#000;border-color:#fff}.project-list-grid{flex:1;overflow-y:auto;padding:32px 40px 48px 32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:start;position:relative}.project-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;border:none;background:transparent;cursor:pointer;color:#fff;will-change:transform,opacity,filter}.project-card-media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.project-card-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-badge--corner-left{position:absolute;top:12px;left:12px;z-index:4}.project-badge.source{display:inline-flex;align-items:center;gap:6px;top:12px;left:12px;right:auto;padding:6px 10px;background:#fffffff0;color:#111;box-shadow:0 4px 14px #00000040;font-size:9px;letter-spacing:.06em;text-transform:none;z-index:4}.project-badge.source img{display:block;width:11px;height:11px;flex-shrink:0;filter:invert(1);opacity:.85}.project-card:hover .project-card-media>img{transform:scale(1.04)}.project-badge{position:absolute;top:12px;padding:5px 10px;border-radius:4px;font-family:Rubik,sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.project-card--external .project-card-media{border-color:#ffffff38}.project-badge.external{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fffffff0;color:#111;box-shadow:0 4px 14px #00000040;font-size:9px;letter-spacing:.12em;position:static;top:auto;right:auto}.project-badge--corner{position:absolute;top:12px;right:12px;z-index:4;transition:opacity .22s ease}.project-card-external-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none;border-radius:inherit;background:#0000009e;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.project-card-external-hint{width:100%;max-width:200px;margin:0;text-align:center;font-family:Rubik,sans-serif;font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1.5;color:#fffffff2;text-transform:none}.project-card--external:hover .project-badge--corner{opacity:0}.project-card--external:hover .project-card-external-overlay{opacity:1;visibility:visible}.project-badge.visited--external{top:auto;bottom:12px;right:12px}.project-card-body h3{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.project-badge.visited{right:12px;background:#2f8227eb;color:#fff}.project-badge.year{top:auto;bottom:12px;left:12px;right:auto;background:#000000b8;color:#fff;text-transform:none;letter-spacing:.06em;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card-body{padding:14px 4px 0;display:flex;flex-direction:column;gap:6px}.project-card-body p{margin:0;font-family:Rubik,sans-serif;font-size:12px;line-height:1.5;color:#ffffff8c}.project-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.project-tag{padding:3px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.15);font-family:Rubik,sans-serif;font-size:9px;letter-spacing:.08em;color:#ffffff73}@media only screen and (min-width: 1400px){.project-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (max-width: 900px){.project-list-layout{flex-direction:column}.project-list-sidebar{display:none}.project-list-chips,.project-list-year-chips{display:flex}.project-list-search{--search-trailing-space: 88px;margin-top:20px;padding:0 var(--search-trailing-space) 0 20px}.project-list-grid{grid-template-columns:1fr;padding:16px 20px 32px;gap:20px}.project-list-close{top:20px;right:20px}}@media only screen and (max-width: 600px){.project-card-media{aspect-ratio:16 / 9}.project-card-body h3{font-size:1.35rem}}.project-info-mobile-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100;pointer-events:none;color:#fff}.project-title{font-family:Six Caps,sans-serif;font-size:30vw;line-height:1em;font-weight:100;text-transform:uppercase;letter-spacing:-.5vw;width:70%;text-align:center;margin:0;opacity:.85}.project-description{font-family:Rubik,sans-serif;font-size:4vw;line-height:1.2em;font-weight:300;width:70%;text-align:center;margin:30px 0}.project-buttons{display:flex;align-items:center;gap:12px;pointer-events:none}.project-button{cursor:pointer;font-family:Rubik,sans-serif;font-size:1em;font-weight:500;padding:10px 30px;border-radius:100px;text-align:center;pointer-events:all;color:#000;border:2px solid black}.project-button-disabled,.project-button-disabled:disabled{cursor:default;opacity:.35;pointer-events:none}.project-button-info{width:48px;height:48px;padding:0;font-size:1.4em;font-weight:700;line-height:1}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#181818;transition:all .5s .7s ease;pointer-events:none;z-index:100}.loader-wrapper.finished-loading{opacity:0;scale:1.5}.main-loader{display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2em;font-size:12px;z-index:20}.main-loader p{font-size:16px;color:#fff;font-family:Rubik,sans-serif;font-weight:100;letter-spacing:-1px}.circular-progress{--size: 250px;--half-size: calc(var(--size) / 2);--stroke-width: 3px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.circular-progress circle{stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#363636}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#ffffffc7}:root{--progress: 0}