@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,900&display=swap);:root{--primary-color:#1f1f1f;--secondary-color:#000;--font-size-typography:800;--font-style-typography:italic;--font-normal:400;--text-color:#fff;--text-hover:#ffffff9c}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}html{overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}header,section{scroll-margin-top:76px}body,button,input,textarea{background-color:#1f1f1f;background-color:var(--primary-color);font-family:Poppins,sans-serif}body{overflow-x:hidden}@media screen and (max-width:768px){header,section{scroll-margin-top:72px}}.header{box-sizing:border-box;height:100vh;overflow:hidden;padding-top:60px}.header,.header__hero{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.header__hero{height:100%}.header__image-container{align-items:center;display:flex;justify-content:center}.header__image{background:url(../../static/media/g12.682c7f77e6c93e16d882.jpeg) 50%/cover no-repeat;box-shadow:inset 0 0 0 13px #ffffff4d;height:600px;margin:0 auto;opacity:.8;position:relative;width:500px;z-index:0}.text__filled,.text__outline{align-items:center;bottom:12rem;color:#fff;display:flex;flex-direction:row;font-style:var(--font-style-typography);justify-content:center;pointer-events:none;position:absolute;text-transform:uppercase;z-index:-1}.text__outline{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:2px;color:#fff;z-index:2}.to-left{bottom:18.3rem}.title{font-size:8rem;position:absolute;transition:all 2s cubic-bezier(.165,.84,.44,1);white-space:nowrap;z-index:1}.header__intro{bottom:5rem;color:#ffffffe6;font-size:1.1rem;font-weight:700;letter-spacing:4px;max-width:90%;position:absolute;text-align:center;text-shadow:0 4px 10px #000c;text-transform:uppercase;z-index:5}@media screen and (max-width:992px){.title{font-size:6rem}}@media screen and (max-width:768px){.header{height:100svh;min-height:calc(100svh - 72px);padding-top:0}.header__hero{transform:translateY(-40px)}.title{font-size:clamp(5rem,24vw,9rem);line-height:.85}.header__image-container{height:auto;width:100%}.header__image{aspect-ratio:5/6;height:auto;max-width:340px;object-fit:cover;width:75vw}}@media screen and (max-width:576px){.title{font-size:clamp(4.8rem,26vw,8rem);line-height:.85}.header__image-container{margin-top:0}.header__intro{bottom:2rem;font-size:clamp(.7rem,3vw,.9rem);letter-spacing:2px;line-height:1.5;max-width:90%;padding:0 1rem}}.loader{background-color:#000;height:100vh;justify-content:center;position:fixed;width:100%;z-index:15}.loader,.loader__container{align-items:center;display:flex}.loader__container{color:var(--text-color);flex-direction:column;font-size:2rem;line-height:0}.nav__name,Link,a{color:var(--text-color);font-weight:900}.navbar{align-items:center;background-color:#181818;border-bottom:1px solid #ffffff0a;display:flex;height:76px;justify-content:space-between;left:0;padding:0 2.5rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.menu-open{background-color:initial}.nav__name{color:#fcfafa;font-size:1.5rem;font-weight:700}.hamburger-menu{align-items:center;cursor:pointer;display:flex}.hamburger{display:flex;flex-direction:column;height:22px;justify-content:space-around;width:32px}.hamburger .bar{background-color:#fcfafa;height:2px;transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .4s ease;width:100%}.hamburger.open .bar:first-child{transform:translateY(10px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0;transform:translateX(10px)}.hamburger.open .bar:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.nav__desktop-links{align-items:center;display:flex;gap:2.5rem}.nav__desktop-link{color:#ffffffb3;font-size:.85rem;font-weight:700;letter-spacing:.15em;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease,transform .3s ease}.nav__desktop-link.active,.nav__desktop-link:hover{color:var(--text-color)}.nav__desktop-link:hover{transform:translateY(-2px)}.nav__desktop-link:after{background-color:var(--text-color);bottom:-4px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav__desktop-link.active:after,.nav__desktop-link:hover:after{width:100%}.nav__overlay{background-color:#181818;height:100vh;justify-content:center;left:0;position:fixed;top:0;z-index:900}.nav__overlay,.nav__overlay-content{align-items:center;display:flex;width:100%}.nav__overlay-content{height:100%;justify-content:space-between;max-width:1200px;padding:0 4rem}.nav__overlay-left{align-items:center;display:flex;flex:1 1;height:100%;justify-content:flex-start;overflow:hidden;position:relative}.nav__bg-text{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#ffffff14;color:#ffffff05;font-size:15vw;font-weight:900;left:-20vw;pointer-events:none;position:absolute;transform:rotate(-90deg);-webkit-user-select:none;user-select:none;white-space:nowrap}.nav__overlay-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.nav__menu-items{display:flex;flex-direction:column;gap:2.5rem}.nav__menu-link{align-items:flex-start;cursor:pointer;display:flex;gap:1.5rem;text-decoration:none}.nav__menu-num{color:#ffffff4d;font-size:1.2rem;font-weight:300;margin-top:.5rem;transition:all .4s ease}.nav__menu-title{color:#fff;display:inline-block;font-size:4.5rem;font-weight:800;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.165,.84,.44,1)}.nav__menu-line{background-color:#fff;height:3px;left:-5%;mix-blend-mode:difference;pointer-events:none;position:absolute;top:50%;transition:width .4s cubic-bezier(.165,.84,.44,1);width:0;z-index:2}.nav__menu-link:hover .nav__menu-num{color:#fff;transform:translateX(-5px)}.nav__menu-link:hover .nav__menu-title{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;transform:translateX(20px)}.nav__menu-link:hover .nav__menu-line{width:110%}@media screen and (min-width:993px){.hamburger-menu{display:none!important}}@media screen and (max-width:992px){.nav__desktop-links{display:none}.nav__overlay-content{padding:0 2rem}.nav__menu-title{font-size:3.5rem}.nav__bg-text{font-size:18vw;left:-25vw}}@media screen and (max-width:768px){.nav__overlay-left{display:none}.nav__overlay-right{justify-content:flex-start}.nav__menu-title{font-size:clamp(2.5rem,8vw,3rem)}.nav__menu-items{gap:1.5rem}.nav__menu-link:hover .nav__menu-title{transform:translateX(10px)}}@media screen and (max-width:576px){.navbar{height:72px;padding:0 1.5rem}.nav__menu-title{font-size:clamp(2rem,10vw,2.5rem)}.nav__menu-num{font-size:1rem;margin-top:.3rem}.nav__menu-items{gap:1.5rem}}.about{box-sizing:border-box;min-height:calc(100vh - 76px);overflow:hidden;padding:60px 2rem;position:relative}.about__container{align-items:center;color:var(--text-color);display:flex;height:100%;justify-content:center;position:relative}.about__typography{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:2px;color:#ffffff0d;font-size:8rem;left:7rem;line-height:5rem;pointer-events:none;position:absolute;text-transform:uppercase;-webkit-user-select:none;user-select:none;z-index:2}.about__text,.about__typography{display:flex;flex-direction:column;font-weight:900}.about__text{font-size:2.5rem;gap:2rem;line-height:3.5rem;width:70%;z-index:3}.about__outline{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1px;color:#fff;transition:all .3s ease}.about__outline:hover{-webkit-text-fill-color:var(--text-color)}.about__button{margin-top:2rem}.about__btn-pill{align-items:center;background-color:initial;border:1px solid #fff3;border-radius:50px;color:var(--text-color);display:inline-flex;font-size:.85rem;font-weight:600;gap:.6rem;letter-spacing:1px;padding:.6rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1)}.about__btn-pill:hover{background-color:#ffffff1a;border-color:#fffc;box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}@media screen and (max-width:992px){.about__typography{font-size:6rem;left:4rem}.about__text{width:80%}}@media screen and (max-width:768px){.about{padding:40px 2rem}.about__container{height:auto;transform:translateY(-20px)}.about__typography{font-size:clamp(3rem,15vw,5rem);left:2rem;line-height:1.1}}.skills{background-color:var(--primary-color);color:var(--text-color);min-height:calc(100vh - 76px);padding:60px 0;width:100%}.skills,.skills__title{align-items:center;display:flex;flex-direction:column}.skills__title{margin-bottom:4rem}.skills__typography{font-size:3rem;font-style:var(--font-style-typography);font-weight:var(--font-size-typography);line-height:.9;text-align:center;text-transform:uppercase}.skills__typography h2{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1px;color:var(--text-color)}.skills__typography h2:nth-child(2){-webkit-text-fill-color:var(--text-color);-webkit-text-stroke-width:0}.skills__container{max-width:900px;padding:0 2rem;width:100%}.skills__list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.skills__item{background-color:initial;border:1px solid #fff3;border-radius:50px;cursor:default;padding:1rem 2.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.skills__item span{font-size:1.2rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.skills__item:hover{background-color:#ffffff1a;border-color:#fffc;box-shadow:0 10px 20px #00000080;transform:translateY(-8px)}@media screen and (max-width:768px){.skills{padding:40px 0}.skills__typography{font-size:clamp(1.8rem,8vw,3rem)}.skills__item{padding:.6rem 1.2rem}.skills__item span{font-size:clamp(.85rem,4vw,1rem)}.skills__list{gap:1rem}}.work{background-color:var(--primary-color);color:var(--text-color);min-height:calc(100vh - 76px);padding:60px 0;width:100%}.work,.work__title{align-items:center;display:flex;flex-direction:column}.work__title{margin-bottom:5rem}.work__typography{font-size:clamp(2rem,8vw,3rem);font-style:var(--font-style-typography);font-weight:var(--font-size-typography);line-height:.9;text-align:center;text-transform:uppercase}.work__typography h2{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1px;color:var(--text-color)}.work__typography h2:nth-child(2){-webkit-text-fill-color:var(--text-color);-webkit-text-stroke-width:0}.work__container{max-width:1000px;padding:0 2rem;width:100%}.work__list{display:flex;flex-direction:column;gap:2rem}.work__item-list{align-items:flex-start;border-radius:12px;border-top:1px solid #fff3;display:flex;flex-direction:row;padding:3rem 1rem;transition:all .4s ease}.work__item-list:hover{background-color:#ffffff0d;transform:scale(1.02)}.work__item-number{color:#fff6;font-size:1.5rem;font-weight:300;margin-right:3rem;padding-top:.5rem;transition:color .4s ease}.work__item-list:hover .work__item-number{color:#ffffffe6}.work__item-details{display:flex;flex:1 1;flex-direction:column;gap:1rem}.work__item-title{font-size:2.5rem;font-weight:800;line-height:1;text-transform:uppercase;transition:all .3s ease}.work__item-list:hover .work__item-title{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1px}.work__item-desc{color:#ddd;font-size:1.1rem;font-weight:300;max-width:600px}.work__item-tech{color:#fff9;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.work__item-action{margin-left:2rem;padding-top:1rem}.work__btn-preview{align-items:center;background:#0000;border:1px solid #fff6;border-radius:50px;color:#fffc;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:.5rem;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .4s ease}.work__item-list:hover .work__btn-preview{border-color:var(--text-color);color:var(--text-color)}.work__btn-preview:hover{background-color:var(--text-color)!important;color:var(--primary-color)!important}@media screen and (max-width:768px){.work{padding:40px 0}.work__title{margin-bottom:2rem}.work__item-list{flex-direction:column;padding:2rem 1rem}.work__item-number{font-size:1.2rem;margin-bottom:.5rem}.work__item-title{font-size:clamp(1.5rem,6vw,2rem)}.work__item-desc{font-size:1rem}.work__item-tech{font-size:.8rem}.work__item-action{margin-left:0;margin-top:1.5rem}.work__btn-preview{font-size:.85rem;padding:.6rem 1.2rem}}.contact{background-color:var(--primary-color);color:var(--text-color);justify-content:center;min-height:calc(100vh - 76px);padding-bottom:40px;padding-top:40px;scroll-margin-top:76px}.contact,.contact__container{align-items:center;display:flex;flex-direction:column;width:100%}.contact__container{max-width:600px;padding:0 2rem;transform:translateY(-20px)}.contact__title h2{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1.5px;color:var(--text-color);font-size:clamp(2rem,10vw,4rem);font-style:var(--font-style-typography);font-weight:var(--font-size-typography);margin-bottom:1rem;text-align:center;text-transform:uppercase}.contact__text p{color:#ddd;font-size:1.1rem;font-weight:300;margin-bottom:1.5rem;text-align:center}.contact__form{display:flex;flex-direction:column;gap:1rem;width:100%}.contact__form-group input,.contact__form-group textarea{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-color);font-family:inherit;font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.contact__form-group input:focus,.contact__form-group textarea:focus{background:#ffffff14;border-color:var(--text-color)}.contact__form-group textarea{height:130px;resize:vertical}.contact__btn{align-self:flex-start;background:var(--text-color);border:1px solid var(--text-color);border-radius:50px;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.contact__btn:hover{background-color:initial;color:var(--text-color)}footer{background-color:#181818;padding:0,5rem 1.5rem 2rem;width:100%}.footer__container{color:var(--text-color);display:flex;flex-direction:column;gap:1rem;width:100%}.footer__container a{color:var(--text-color);text-decoration:none}.footer__info{align-items:center;display:flex;flex-direction:column;gap:.3rem;justify-content:center;padding:10px;width:100%}.footer__subtitle{color:var(--text-color);font-size:1rem;font-weight:700;letter-spacing:.5px}.footer__section{display:flex;flex-direction:row;gap:1.5rem}.footer__section a{align-items:center;display:flex;font-weight:600;gap:.5rem;transition:color .3s}.footer__section a:hover{color:var(--primary-color)}.footer__main{align-items:center;display:flex;flex-direction:column;gap:1rem;height:15vh;justify-content:center;width:100%}.footer__title{display:flex;gap:.5rem}.footer__title img{border-radius:50%;height:40px;width:40px}.footer__button{position:absolute;right:5rem}.footer__button a{background-color:#3a3a3a;border-radius:50%;padding:1.5rem 1rem;transition:all .3s}.footer__button a:hover{background-color:var(--primary-color)}.footer__contact{display:flex;flex-direction:row;gap:1rem}.footer__contact a{background-color:var(--text-color);border:1px solid var(--text-color);border-radius:25px;color:var(--primary-color);padding:.5rem 1rem;transition:all .3s}.footer__contact a:hover{background-color:#181818;color:var(--text-color)}@media screen and (max-width:576px){.footer__main{align-items:center;display:flex;flex-direction:column;gap:1rem;height:max-content;justify-content:center;padding:0 0 1rem;width:100%}.footer__title{font-size:.75rem}.footer__contact,.footer__title{align-items:center;display:flex;gap:.5rem}.footer__contact{flex-direction:column}.footer__button{display:flex;justify-content:center;position:relative;right:0;width:100%}.footer__button a{background-color:#3a3a3a;border-radius:10px;padding:1rem .5rem;transition:all .3s}.footer__info{margin-bottom:1rem;padding:10px 20px}}.loader__me{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;position:fixed;width:100%;z-index:10}.loader__me-container{flex-direction:column;font-size:2rem;line-height:0}.info,.loader__me-container{align-items:center;color:var(--text-color);display:flex}.info{background-color:var(--primary-color);justify-content:center;min-height:100vh;width:100%}.info__container{max-width:800px;padding:8rem 2rem 4rem;width:100%}.info__content{display:flex;flex-direction:column;gap:1rem}.info__title{color:var(--text-color);font-size:clamp(2.5rem,10vw,4rem);font-style:var(--font-style-typography);font-weight:var(--font-size-typography);line-height:1.1;text-transform:uppercase}.info__role{color:#ddd;font-size:1.2rem;font-weight:300;letter-spacing:1px;margin-bottom:3rem}.info__details{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.info__group{border-left:2px solid #fff3;padding-left:1.5rem}.info__group h3{color:#fff9;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.info__group p{color:var(--text-color);font-size:1.1rem;font-weight:300;line-height:1.6}.info__btn-back{align-items:center;background:var(--text-color);border:1px solid var(--text-color);border-radius:50px;color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;margin-top:2rem;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.info__btn-back:hover{background-color:initial;color:var(--text-color)}@media screen and (max-width:768px){.info__container{padding:5rem 28px 4rem}.info__title{font-size:clamp(2rem,8vw,3rem)}}
/*# sourceMappingURL=main.03755b71.css.map*/