@font-face{font-family:AvenirNextLTPro-UltLt;src:url(avenir-next-ultra-light.2e8b790a.ttf)format("truetype");font-weight:100;font-style:normal}:root{--image-container-opacity:.2;--color-overlay-main:#101116;--color-glass:#0091ad;--color-nature:#8075ff;--color-fragments:#faa275;--color-dad:#b53b72;--color-mizwak:#efa00b;--color-spaceshooter:#3058d1;--color-text:#f9f6ee}*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}#container-opening-scene{width:100svw;height:100svh}#welcome-screen{text-align:center;z-index:4500;background-color:var(--color-overlay-main);opacity:1;justify-content:center;align-items:center;width:100svw;height:100svh;transition:opacity 1.8s;display:flex;position:absolute}#welcome-screen>*{color:var(--color-text)}#welcome-screen.hidden{opacity:0}#container-contact{background-image:linear-gradient(130deg,#c27d05 0%,#b57308 0%,#a86c0b -1%,#9b650d -1%,#8f5c0f -1%,#845510 -1%,#744b11 -1%,#6a4511 -1%,#5f3f11 0%,#513510 0%,#472f10 2%,#3d290f 4%,#30210d 7%,#281b0b 12%,#1d1407 20%,#110b03 35%,#000 99%);justify-content:center;align-items:flex-start;width:100svw;height:100svh;display:flex;position:relative}.card-container{-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:60svw;height:75svh;display:flex;position:absolute;overflow:hidden}.card{border-radius:2.5px;width:40svw;max-height:75svh;margin-top:5svh;overflow-y:scroll}.card p{color:var(--color-text);pointer-events:none;background-color:#00000080;outline:none;padding:10px 10px 1em;font-size:1.1rem;line-height:1.7em}.card p span{font-size:1.5rem}.contact-info{background-color:#00000080;position:absolute;top:75svh;left:20svw}.contact-info h4{padding:10px;font-weight:500;line-height:1.25rem}.contact-info h4:first-of-type{color:var(--color-fragments)}.contact-info h4:not(:first-of-type){color:var(--color-text);cursor:pointer;transition:color .3s}.contact-info h4:not(:first-of-type):hover{color:var(--color-fragments)}.linkedin a,.mail a{color:inherit;text-decoration:none}@media (width<=1024px){.card-container{width:90vw}.contact-info{left:5svw}.card{height:100%}.card p{font-size:1rem}}@media (orientation:landscape){.card{width:70%}@media (width<=1024px){.card{height:60svh}.contact-info h4{padding:5px 10px;font-size:1rem}}}@media (orientation:portrait){.card{width:100%;height:68svh}.card-container{height:40 svh}@media (width<=768px){.card p{font-size:1rem}}}body{scrollbar-width:none;scroll-behavior:initial;-webkit-font-smoothing:antialiased;width:100%;font-family:AvenirNextLTPro-UltLt}footer{z-index:25;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:5svh;display:flex;position:absolute;bottom:0;left:0}footer>p,#currentYear{color:var(--color-text);font-size:1rem}.wasd-icon{z-index:9999;pointer-events:none;width:150px;animation:4s ease-in-out infinite breathe;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.wasd-icon img{width:100%;height:auto}@keyframes breathe{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}nav,.secondary-menu{z-index:5000;-webkit-user-select:none;user-select:none;opacity:1;flex-direction:column;align-items:center;transition:opacity 1s;display:flex;position:fixed;top:50%;right:2.5%;transform:translateY(-50%)}.secondary-menu{top:5%;right:3%}nav.hidden,.secondary-menu.hidden{opacity:.3}nav:hover,.secondary-menu:hover{opacity:1;pointer-events:all}.nav-item,.secondary-menu-item{color:#ffffffba;cursor:pointer;border:2px solid #ffffffba;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:20px 0;font-size:20px;font-weight:100;transition:color .3s,border-color .3s;display:flex}.secondary-menu-item{color:#ffffffba;border:2px solid #ffffffba;width:35px;height:35px;margin:15px 0;font-size:15px;font-weight:100}.nav-item:hover,.nav-item.active,.secondary-menu-item.active{color:var(--color-fragments);border-color:var(--color-fragments)}.line{background:#ffffffba;width:2px;height:80px;position:relative;overflow:hidden}.line:before{content:"";background:linear-gradient(to bottom,transparent,var(--color-fragments),transparent);width:100%;height:100%;animation:none;position:absolute;left:0;transform:translateY(-100%)}.line.highlight-down:before{animation:.6s linear forwards flow-down}.line.highlight-up:before{animation:.6s linear forwards flow-up}@keyframes flow-down{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes flow-up{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}#container-projects{color:#fff;text-align:center;background:linear-gradient(#000,70%,#000000f9) 50%/cover;justify-content:center;align-items:center;width:100%;min-height:100svh;padding-bottom:5svh;display:flex}.content{z-index:1;max-width:70vw;overflow-y:hidden}.content>h2{letter-spacing:-2px;-webkit-user-select:none;user-select:none;margin-top:4svh;margin-bottom:4svh;font-size:4rem;font-weight:100}.image-grid{width:inherit;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:100px;height:auto;display:flex}.image-container{cursor:pointer;border-radius:1.5px;flex-direction:column;flex:calc(33.33% - 100px);height:auto;margin-bottom:0;display:flex;position:relative;overflow:visible}@media (width<=1024px){.content{max-width:40vw}.image-container{flex:calc(50% - 15px)}}.image-container picture{border-radius:2.5px;position:relative;overflow:hidden}.image-container img{object-fit:cover;filter:grayscale();width:100%;height:30.6svh;display:block}@media (width<=1024px) and (orientation:landscape){.image-grid{gap:50px}}@media (width<=768px) and (orientation:portrait){.content{max-width:90vw}.content>h2{margin-top:3svh;margin-bottom:3svh;font-size:3rem;font-weight:100}.image-container{flex:calc(100% - 15px)}.image-grid{gap:40px}}.image-container .text-overlay{color:#fff;text-align:center;z-index:3;width:100%;padding:10px;transition:background-color .3s;position:absolute;bottom:0}.image-container .text-content{color:#fff;text-align:left;z-index:3;width:100%;margin-top:.5rem;padding-top:10px}.line-1{margin-bottom:2.5px;font-size:.9rem;font-weight:600}.line-2{font-size:.75rem;font-weight:500}#content-main-txt{text-align:justify;text-justify:inter-word;padding-left:1rem;padding-right:1rem;line-height:1.5}.image-container .image-overlay,.image-container:before{content:"";opacity:1;z-index:1;pointer-events:none;width:100%;height:30.6svh;transition:opacity .4s;position:absolute;top:0;left:0}.color-text-overlay{background-color:none}.color-glass{color:var(--color-glass)}.color-nature{color:var(--color-nature)}.color-fragments{color:var(--color-fragments)}.color-dad{color:var(--color-dad)}.color-mizwak{color:var(--color-mizwak)}.color-spaceshooter{color:var(--color-spaceshooter)}.color-glass:before{background-color:var(--color-glass);opacity:var(--image-container-opacity)}.color-nature:before{background-color:var(--color-nature);opacity:var(--image-container-opacity)}.color-fragments:before{background-color:var(--color-fragments);opacity:var(--image-container-opacity)}.color-dad:before{background-color:var(--color-dad);opacity:var(--image-container-opacity)}.color-mizwak:before{background-color:var(--color-mizwak);opacity:var(--image-container-opacity)}.color-spaceshooter:before{background-color:var(--color-spaceshooter);opacity:var(--image-container-opacity)}.color-text{color:var(--color-text)}.image-container:hover:before,.image-container:hover .image-overlay{opacity:0}.image-container:hover .text-overlay{background-color:#1e2227e6}.image-container img{transition:transform .4s}.image-container:hover img{filter:grayscale(0);transform:scale(1.05)}.overlay{scroll-behavior:smooth;z-index:1000;background-color:#1e2227;background-position:50%;background-size:cover;justify-content:center;width:100vw;height:100%;transition:right 1s ease-in-out;display:flex;position:fixed;top:0;right:-100%;overflow-y:scroll}.overlay.show{right:0}.overlay-content{z-index:1002;width:50vw;height:auto;position:absolute}@media (width<=1024px) and (orientation:landscape){.overlay-content{width:90vw}}@media (width<=768px) and (orientation:portrait){.overlay-content{width:95vw}}.flex{justify-content:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-row{flex-flow:wrap;gap:2rem;width:100%;display:flex}.overlay-container{flex-direction:row;display:flex}span{font-weight:600}#external-link>h4{margin-bottom:1rem}.overlay-content>h3{margin-top:3rem;margin-bottom:0;font-size:.9rem;font-weight:600;line-height:1.75}.overlay-content>h2{color:var(--color-text);letter-spacing:-2px;margin-bottom:clamp(2rem,3svh,4rem);font-size:clamp(2.25rem,8.8496vw - 1.531rem,3.5rem);font-weight:100}.overlay-content>p{color:var(--color-text);margin-top:1rem;font-size:1rem;font-weight:100}.overlay-content figure:last-of-type{margin-bottom:10rem}.ctn-info{margin-bottom:1rem}.info>h3{font-size:.9rem;font-weight:600;line-height:1.75}.info>h4{color:var(--color-text);font-size:1rem;font-weight:100}.video{width:100%;height:auto}.overlay-image-container{flex-wrap:wrap;width:100%;display:flex}.overlay-image-container img{height:auto}.responsive-image{width:100%;height:auto}figure{margin-top:4rem}figcaption{color:var(--color-text);text-wrap:pretty;padding-left:1rem;padding-right:1rem;font-size:clamp(.95rem,.7188rem + .5vw,1rem);font-style:italic}.close-btn{z-index:1200;cursor:pointer;box-sizing:border-box;opacity:0;background-color:#0000;border:1.5px solid #fff;border-radius:1.5px;width:25px;height:25px;transition:opacity 2s;display:flex;position:fixed;top:15px;right:15px}.close-btn:before,.close-btn:after{content:"";background-color:#fff;width:80%;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.close-btn:after{transform:translate(-50%,-50%)rotate(-45deg)}.close-btn.show{opacity:1}.hide{display:none}
/*# sourceMappingURL=index.e54b89c7.css.map */