.header{display:flex;justify-content:space-between;align-items:center;padding:28px 24px;position:fixed;top:0;left:0;right:0;color:var(--yellow);z-index:10;margin:0 auto;z-index:5;background:var(--black)}.header__title{font-family:Roboto,sans-serif;font-size:32px;font-weight:700}.header__title a{color:var(--yellow);text-decoration:none}.header__link{display:inline-block;font-family:Lato,sans-serif;text-decoration:none;color:var(--yellow);padding:8px 15px;border-bottom:1px solid transparent;transition:.3s ease-in}.header__navbar.desktop{display:none}.header__hamburger{padding:10px 0;width:48px;position:relative;transition:.3s ease-in;cursor:pointer}.header__hamburger:hover,.header__hamburger:hover:after{width:40px}.header__hamburger:before,.header__hamburger:after{content:"";height:4px;background-color:var(--yellow);position:absolute;right:0;transition:.3s ease-in;transform-origin:0}.header__hamburger:before{top:0;width:32px}.header__hamburger:after{bottom:5px;width:48px}.header__hamburger:hover:before,.header__hamburger:hover:after{width:40px}.header__hamburger.openOverlay:before,.header__hamburger.openOverlay:after{width:32px}.header__hamburger.openOverlay:before{transform:rotate(45deg);top:-2px}.header__hamburger.openOverlay:after{transform:rotate(-45deg);bottom:-3px}.header__overlay{height:0;position:fixed;top:0;width:0;right:0;background-color:#000814d9;transition:.3s ease-in-out;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.header__overlay.openOverlay{height:100vh;width:100%}.header__link:hover{border-color:var(--yellow)}.header__navbar__mobile{display:flex;flex-direction:column;justify-content:center;line-height:25px;gap:48px;font-size:19px;font-weight:700;margin-top:-8rem}.header__navbar__mobile .header__link{color:var(--yellow);text-transform:uppercase;opacity:0}.header__overlay.openOverlay .header__link{opacity:1}.header__overlay.openOverlay .header__link:nth-child(1){transition-delay:.3s}.header__overlay.openOverlay .header__link:nth-child(2){transition-delay:.4s}.header__overlay.openOverlay .header__link:nth-child(3){transition-delay:.5s}@media (min-width:1024px){.header{padding:24px 10%}.header__navbar.desktop{display:block}.header__hamburger{display:none}}@keyframes popInLeft{0%{transform:translate(-80px) translateY(-50%)}to{transform:translate(0) translateY(-50%)}}@keyframes popInBottom{0%{transform:translateY(80px)}to{transform:translateY(0)}}.medias{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;z-index:1;padding:12px;background-color:var(--yellow);border-radius:8px 8px 0 0;animation:popInBottom 1s ease-in-out forwards}.media{border-radius:50%;width:50px;height:50px;border:3px solid var(--black);display:flex;align-items:center;justify-content:center;margin-top:-35px;background-color:var(--yellow)}.media svg{display:block;width:18px;height:18px}.media a{color:var(--black)}@media (min-width:1024px){.medias{justify-content:center;gap:10px;top:50%;bottom:unset;right:unset;flex-direction:column;border-radius:0 8px 8px 0;animation:popInLeft 1s ease-in-out forwards}.media{border:none;border-radius:unset;margin-top:0;width:unset;height:unset}.media a{display:block;padding:8px 0 6px;border-bottom:2px solid transparent;transition:.3s ease-in-out}.media a:hover{border-color:var(--black)}}@keyframes slideToRight{0%{width:0;padding:0 0 20px}to{width:100%;padding:0 0 20px}}@keyframes slideToLeft{0%{width:0;padding:0 20px}to{width:100%;padding:0 20px}}@keyframes fadeInLeft{0%{transform:translate(-400px);opacity:0}60%{opacity:0;transform:translate(-100px)}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(400px);opacity:0}60%{opacity:0;transform:translate(100px)}to{transform:translate(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(400px);opacity:0}to{transform:translate(0);opacity:1}}section{background-color:var(--black);color:var(--yellow);font-family:Roboto,sans-serif;display:flex;justify-content:center;padding:150px 0!important;min-height:100vh!important}section h2{font-size:38px;line-height:50px;font-weight:700;font-family:Roboto,sans-serif;margin-bottom:50px;overflow:hidden;width:0;box-sizing:border-box;border-bottom:2px solid var(--yellow)}span{display:block}.greeting{position:relative;max-height:1000px}.greeting__container{min-width:300px;width:100%;max-width:fit-content}.greeting__box{font-family:Lato,sans-serif;font-weight:700;position:absolute;font-size:clamp(40px,5vw,100px);opacity:0;min-width:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.container{padding:0 24px;margin:0 auto;font-family:Lato,sans-serif;overflow:hidden}.about p{font-size:clamp(16px,5vw,20px);text-align:left;line-height:32px;margin-bottom:70px;position:relative;transform:translate(-400px);opacity:0}.about__card{margin-bottom:32px;position:relative;transform:translate(-400px);opacity:0}.about__card__title{font-size:clamp(16px,5vw,20px);line-height:32px;font-weight:700;padding:11px 0;margin-bottom:16px;width:100%;border-bottom:2px solid var(--yellow)}.about__card li{font-size:clamp(16px,5vw,20px);line-height:32px}.about__card li:not(:last-child){margin-bottom:8px}.about__title.active h2{animation:slideToRight 1s ease-in-out forwards}.about__bio.active p,.about__card__obs.active .about__card{animation:fadeInLeft 1s ease-in-out forwards}.works__title.active h2{animation:slideToRight 1s ease-in-out forwards}.works ul{display:grid;grid-template-columns:1fr;gap:50px}.works li{border-radius:8px}.works__project{display:flex;flex-direction:column;max-width:300px;margin:0 auto;position:relative}.works__project__title{order:2;font-size:20px;line-height:32px;font-family:Lato,sans-serif;padding:12px 0}.work__card a{color:var(--black)}.work__card svg{fill:var(--black)!important}.works__project__img{filter:brightness(75%);box-shadow:5px 7px 1px var(--yellow)}.works__project__overlay{position:absolute;top:0;color:#fff;left:0;right:0;bottom:0;background-color:var(--black)}.work__card{max-height:300px;font-weight:700;display:flex;flex-direction:column;position:relative;opacity:0;transform:translateY(400px)}.works__card__obs.active .work__card{animation:fadeInBottom 1s .5s ease-in-out forwards}.work__card__img{height:90%;width:100%;display:flex;align-items:center;justify-content:center}.work__card__title{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.work__card__title p{font-size:clamp(20px,5vw,28px);line-height:32px;max-width:50%}.work__card__title div{text-align:right;padding:12px;background-color:var(--yellow);color:var(--black);border-radius:50%;margin-left:auto}.link_desktop{display:none}.contact{display:flex;align-items:center}.contact h2{width:100%;font-size:60px;line-height:70px;border:none;position:relative;transform:translate(-400px);opacity:0}.contact__title__obs.active h2{animation:fadeInLeft 1s ease-in-out forwards}.contact a{display:block;color:var(--yellow);font-size:18px;line-height:24px;text-decoration:none;padding:24px;width:fit-content;margin-top:-10px;margin-left:auto;position:relative;transform:translate(400px);opacity:0}.contact__link__obs.active a{animation:fadeInRight 1s ease-in-out forwards}.contact a:before,.contact a:after{content:"";display:block;position:absolute;width:8px;height:8px}.contact a:before{top:0px;left:0px;border-top:2px solid var(--yellow);border-left:2px solid var(--yellow)}.contact a:after{bottom:0px;right:0px;border-bottom:2px solid var(--yellow);border-right:2px solid var(--yellow)}@media (min-width:768px){.about,.works{padding:24px}.work__card{max-height:unset}}@media (min-width:1024px){.greeting__box{top:50%}.greeting .container{position:static!important}.greeting .container,.greeting__media,.greeting__box{min-width:352px}.greeting__media{padding-top:4rem;gap:15px}section{padding:100px 0!important}.container{max-width:80%;display:flex;position:relative;padding:24px 0;overflow:visible}.works .container{flex-direction:column}.about .container:after,.about .container:before{content:"";position:absolute;width:18px;height:16px;z-index:2}.about .container:before{border-left:2px solid var(--yellow);border-top:2px solid var(--yellow);top:-4px;left:-8px}.about .container:after{border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow);right:-8px;bottom:-4px}h2{width:100%!important;animation:unset;text-align:center;display:flex;flex-direction:column;padding-bottom:0;margin-bottom:0;line-height:50px}.about h2{border-bottom:none;transform:translate(400px);opacity:0}.about__title{width:100%;border-right:2px solid transparent;transition:.5s ease-in-out}.about__title.active{border-color:var(--yellow)}.about__title.active h2{animation:fadeInRight 1s ease-in-out .5s forwards}.about .container p{padding:0 0 0 10%;margin-bottom:40px;animation-delay:.5s!important;animation-duration:1s}.about__card{padding:0 0 0 10%;animation-duration:1s;animation-delay:.5s!important}.about__flex{display:flex;gap:24px}.works ul{gap:120px;margin-top:70px}.works h2{align-items:flex-start;border:none;border-bottom:2px solid var(--yellow);padding:0 24px 24px 0;opacity:0;transform:translate(-400px)}.works__title.active h2{animation:fadeInLeft 1s ease-in-out forwards}.works__project{max-width:unset;height:unset}.works__project__title{font-size:24px;padding:32px 0 4px;line-height:48px;font-weight:700;border-bottom:2px solid var(--yellow);width:fit-content;margin-bottom:30px}.works__project__img{height:unset;box-shadow:8px 16px 2px var(--yellow);border-radius:10px;overflow:hidden}.work__card{max-height:unset;position:relative}.works li:nth-child(odd) .work__card:after{content:"";position:absolute;left:-12px;top:-8px;height:40px;width:40px;background-color:var(--yellow);box-shadow:1px 1px 1px var(--black)}.works li:nth-child(odd) .work__card:before{content:"";position:absolute;right:-16px;bottom:-32px;height:12px;width:12px;border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow);box-shadow:-1px 1px 1px var(--black)}.works li:nth-child(even) .work__card:after{content:"";position:absolute;right:-12px;top:-8px;height:40px;width:40px;background-color:var(--yellow);box-shadow:-1px 1px 1px var(--black)}.works li:nth-child(even) .work__card:before{content:"";position:absolute;left:-12px;bottom:-32px;height:12px;width:12px;border-left:2px solid var(--yellow);border-bottom:2px solid var(--yellow);box-shadow:1px 1px 1px var(--black)}.work__card__title{margin-top:30px}.work__card__title p{max-width:25%;font-size:32px;line-height:48px}.work__card__title div{display:none}.link_desktop{display:flex!important;height:100px;width:100px;align-items:center;justify-content:center;background-color:var(--black)!important;color:var(--yellow)!important;cursor:pointer;transition:.3s ease-in-out;padding-right:12px}.works a{text-decoration:none}.link_desktop:hover{background-color:var(--yellow)!important;color:var(--black)!important;text-decoration:none}.contact .container{max-width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0}.contact h2{width:fit-content;margin-top:84px;text-align:left}.contact a{margin-left:100px;transition:.3s ease-in-out;border:4px solid transparent}.contact a:hover{transform:scale(1.05);border-color:var(--yellow)}.contact a:hover:after,.contact a:hover:before{display:none}}#shadow-host-companion{display:none}:root{--black: #000814;--yellow: #e9c46a;--gray: #8b8b8b;--lato: Lato;--roboto: Roboto}*{box-sizing:border-box}.hold{overflow:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:block;width:100%;object-fit:cover}html{scroll-behavior:smooth}