@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;700&family=Montserrat:wght@300;400;600;700&display=swap";
@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{-webkit-overflow-scrolling:touch;font-size:62.5%;overflow-x:hidden;--scroll-behavior:smooth!important;scroll-behavior:smooth!important}body{color:#fff;background:#121212;font-family:Manrope,sans-serif;font-size:1.6rem}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}.logo{color:#f3f3f3;letter-spacing:-.055em;font-size:2.2rem;font-weight:600;line-height:3.2rem;position:relative}@media screen and (max-width:768px){.logo{font-size:1.8rem;line-height:2.4rem}}.logo:after{content:"<";background:linear-gradient(69.44deg,#6b47ea 8.45%,#6517ee 29.63%,#9571dd 91.41%);-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;-webkit-background-clip:text;-moz-background-clip:text;font-size:2.4rem;position:absolute;top:0;left:-1.8rem}@media screen and (max-width:768px){.logo:after{font-size:2rem}}.logo:before{content:"/>";letter-spacing:-.055em;background:linear-gradient(69.44deg,#6b47ea 8.45%,#6517ee 29.63%,#9571dd 91.41%);-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;-webkit-background-clip:text;-moz-background-clip:text;font-size:2.4rem;position:absolute;top:0;right:-2.8rem}@media screen and (max-width:768px){.logo:before{font-size:2rem}}.navbar__link{color:#e8e8e8;letter-spacing:-.01em;cursor:pointer;background-image:linear-gradient(#c4b5f7,#c4b5f7);background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;font-size:1.6rem;font-weight:400;line-height:2.4rem;transition:font-weight .3s,color .3s ease-in-out,background-size .5s cubic-bezier(.65,0,.35,1);display:inline-flex}.navbar__link:hover{color:#c4b5f7;background-position:0 100%;background-size:100% 2px;transition:color .3s cubic-bezier(.65,0,.35,1),background-size .5s cubic-bezier(.65,0,.35,1)}.navbar__link.-active{color:#6b47ea;font-weight:600;transition:font-weight .3s,color .3s cubic-bezier(.65,0,.35,1)}.subtitle{text-transform:uppercase;background:linear-gradient(69.44deg,#6b47ea 8.45%,#6517ee 29.63%,#9571dd 91.41%);-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;-webkit-background-clip:text;-moz-background-clip:text;width:max-content;margin-bottom:-.6rem;font-size:1.8rem;font-weight:600;line-height:150%}@media screen and (max-width:1280px){.subtitle{font-size:1.6rem}}.navbar{justify-content:center;align-items:center;display:flex}.navbar__container{justify-content:center;align-items:center;gap:6rem;width:100%;display:flex}@media screen and (max-width:768px){.navbar__container{gap:3rem;margin-top:1.4rem}}.navbar.-active{display:flex!important}.contactsFooter{justify-content:space-around;align-items:center;width:15rem;transition:all .3s ease-in-out;display:flex}@media screen and (max-width:768px){.contactsFooter{margin-top:1.6rem}}.contactsFooter__item{width:2.4rem;height:2.4rem}.contactsFooter__item:hover{opacity:.5;transition:all .3s ease-in-out}.hero-content{justify-content:center;align-items:center;width:100%;max-width:1540px;margin:0 auto;display:flex}@media screen and (max-width:1598px){.hero-content{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.hero-content{max-width:calc(100% - 30px)}}.hero-content{border-bottom:.1rem solid #181818;gap:16rem;padding:0 2.4rem 15.3rem}@media screen and (max-width:1440px){.hero-content{gap:14rem}}@media screen and (max-width:1280px){.hero-content{gap:6rem;padding:0 .8rem 13rem}}@media screen and (max-width:960px){.hero-content{flex-direction:column;padding-top:2.6rem;padding-bottom:4.6rem}}.hero-content__container{width:100%;max-width:86rem}@media screen and (max-width:1440px){.hero-content__container{max-width:66rem}}.hero-content__container .name{background:linear-gradient(69.44deg,#6b47ea 8.45%,#6517ee 29.63%,#9571dd 91.41%);-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;-webkit-background-clip:text;-moz-background-clip:text;margin-bottom:1.6rem;font-size:5.2rem;font-weight:600;line-height:6.3rem}@media screen and (max-width:1440px){.hero-content__container .name{font-size:3.8rem;line-height:5.3rem}}@media screen and (max-width:1280px){.hero-content__container .name{margin-bottom:1.2rem;font-size:3.2rem;line-height:4.8rem}}.hero-content__container .view-works{color:#c4b5f7;background-image:linear-gradient(#c4b5f7,#c4b5f7);background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;justify-content:flex-start;align-items:center;font-size:1.8rem;font-weight:400;line-height:2.8rem;transition:background-size .5s cubic-bezier(.65,0,.35,1);display:inline-flex;position:relative}@media screen and (max-width:1440px){.hero-content__container .view-works{font-size:1.6rem}}.hero-content__container .view-works:before{content:"";background:#c4b5f7;border-radius:.8rem;width:3rem;height:.2rem;margin-right:1.2rem;display:flex;position:relative;left:0}@media screen and (max-width:1440px){.hero-content__container .view-works:before{width:2rem}}.hero-content__container .view-works:hover{background-position:0 100%;background-size:100% 2px}.hero-content__description p{color:#e8e8e8;margin-bottom:3.4rem;font-size:2.4rem;font-weight:400;line-height:150%}@media screen and (max-width:1440px){.hero-content__description p{font-size:2rem}}@media screen and (max-width:1280px){.hero-content__description p{margin-bottom:1.8rem;font-size:1.8rem}}.hero-content__image img{border-radius:1.8rem;width:100%;min-width:444px;height:auto}@media screen and (max-width:1440px){.hero-content__image img{max-width:444px}}@media screen and (max-width:1280px){.hero-content__image img{min-width:344px}}@media screen and (max-width:768px){.hero-content__image img{border-radius:1rem}}.hero-content .current-work p{color:#e8e8e8;margin-bottom:5rem;font-size:1.8rem;font-weight:400;line-height:2.8rem}@media screen and (max-width:1440px){.hero-content .current-work p{font-size:1.6rem}}@media screen and (max-width:1280px){.hero-content .current-work p{margin-bottom:2rem}}.hero-content .current-work a{color:#c4b5f7;margin-left:.4rem;text-decoration:underline;transition:opacity .3s ease-in-out}.hero-content .current-work a:hover{opacity:.8;transition:opacity .3s ease-in-out}.section-header{width:100%;max-width:1540px;margin:0 auto}@media screen and (max-width:1598px){.section-header{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.section-header{max-width:calc(100% - 30px)}}.section-header{margin-bottom:5rem}@media screen and (max-width:1280px){.section-header{margin-bottom:3rem}}.section-header__title{font-size:3.2rem;font-weight:600;line-height:150%}@media screen and (max-width:1280px){.section-header__title{font-size:2.8rem}}@media screen and (max-width:768px){.section-header__title{font-size:2.2rem}}.project-list{flex-wrap:nowrap;gap:5.5rem 2rem;width:200vw;display:flex}@media screen and (max-width:1081px){.project-list{flex-wrap:wrap;grid-template-columns:repeat(1,1fr);row-gap:4.5rem;width:100%;margin-bottom:8rem;padding:0 .8rem;display:grid}}.project-card{background-color:#181818;border-radius:1.8rem;width:100%;max-width:1152px;position:relative}@media screen and (max-width:960px){.project-card{margin:0 auto}}@media screen and (max-width:768px){.project-card{border-radius:1rem}}@media screen and (min-width:1081px){.project-card:hover .project-card__image img{transition:transform .5s cubic-bezier(.65,0,.35,1);transform:scale(1.03)}.project-card:hover .project-name .underline{background-position:0 100%;background-size:100% 2px}}.project-card .withoutLink{pointer-events:none}.project-card__container{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.3rem;display:flex}@media screen and (max-width:768px){.project-card__container{gap:.8rem}}.project-card__image{border-radius:1.8rem 1.8rem 0 0;width:100%;max-width:1152px;max-height:530px;position:relative;overflow:hidden}@media screen and (max-width:768px){.project-card__image{border-radius:1rem 1rem 0 0}}.project-card__image img{object-fit:cover;border-radius:1.8rem 1.8rem 0 0;width:100%;min-width:820px;height:auto;max-height:1152px;transition:transform .5s cubic-bezier(.65,0,.35,1);transform:scale(1)}@media screen and (max-width:1440px){.project-card__image img{max-width:100%}}@media screen and (max-width:768px){.project-card__image img{border-radius:1rem 1rem 0 0;min-width:280px}}.project-card__content{justify-content:space-between;align-items:center;gap:3rem;width:calc(100% - 3rem);margin:.8rem auto .6rem;display:flex;position:relative}@media screen and (max-width:1081px){.project-card__content{flex-direction:column;gap:1rem;margin-bottom:2.6rem}}.project-card__content .wrapper{width:100%}.project-card__content .subtitle{text-transform:uppercase;color:#6040d3;margin-bottom:.8rem;font-size:1.6rem;font-weight:600}@media screen and (max-width:960px){.project-card__content .subtitle{font-size:1.4rem}}.project-card__content .project-name{color:#fff;margin-bottom:.5rem;font-size:2.25rem;font-weight:400;line-height:130%}.project-card__content .project-name .underline{background-image:linear-gradient(#c4b5f7,#c4b5f7);background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .5s cubic-bezier(.65,0,.35,1)}@media screen and (max-width:960px){.project-card__content .project-name{font-size:2rem}}.project-card__content .project-name b{font-weight:700}.project-card__content .description{color:#c5c5c5;max-width:720px;padding-bottom:1.3rem;font-size:1.6rem}@media screen and (max-width:960px){.project-card__content .description{font-size:1.4rem}}.project-card__link{flex-direction:column;align-items:center;gap:.3rem;min-width:70px;margin-right:1.6rem;display:flex}.project-card__link .text{color:#f3f3f3;font-size:1.3rem}.contact-list{justify-content:flex-start;align-items:center;gap:2rem;display:flex}@media screen and (max-width:768px){.contact-list{flex-wrap:wrap}}.contact-list__link{color:#f3f3f3;justify-content:flex-end;align-items:flex-end;gap:.4rem;transition:all .5s ease-in-out;display:flex}@media screen and (max-width:960px){.contact-list__link{font-size:1.4rem}}.contact-list__link:hover{color:#a3a3a3;transition:all .5s ease-in-out}@media screen and (max-width:960px){.contact-list__link img{width:2.2rem}}.main-button{opacity:1;background:linear-gradient(#121212,#121212) padding-box padding-box,linear-gradient(69.44deg,#6b47ea 8.45%,#6517ee 29.63%,#9571dd 91.41%) border-box;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:8px 15px;transition:opacity .3s ease-in-out;display:inline-flex;position:relative}.main-button:after{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0ibWF0ZXJpYWwtc3ltYm9sczphcnJvdy1mb3J3YXJkLWlvcy1yb3VuZGVkIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjk3XzMxMikiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMC4yMTcxODQgMS4xOTY2OEMwLjMyODUxMiAxLjA3NzkzIDAuNDYwMzI1IDEuMDE4NTUgMC42MTI2MjIgMS4wMTg1NUMwLjc2NDkxOSAxLjAxODU1IDAuODk2NTgyIDEuMDc3OTMgMS4wMDc2MSAxLjE5NjY4TDQuMjY5NTMgNC42NzYwNkw3LjU0MjU4IDEuMTg0OEM3LjY0NjQ4IDEuMDczOTcgNy43NzYzNyAxLjAxODU1IDcuOTMyMjMgMS4wMTg1NUM4LjA4ODA5IDEuMDE4NTUgOC4yMjE2OCAxLjA3NzkzIDguMzMzMDEgMS4xOTY2OEM4LjQ0NDM0IDEuMzE1NDMgOC41IDEuNDU2MDMgOC41IDEuNjE4NDhDOC41IDEuNzgwOTMgOC40NDQzNCAxLjkyMTM3IDguMzMzMDEgMi4wMzk4MUw0LjU4MTI1IDYuMDI5ODFDNC41MzY3MiA2LjA3NzMxIDQuNDg4NDcgNi4xMTEwMyA0LjQzNjUyIDYuMTMwOThDNC4zODQ1NyA2LjE1MDkzIDQuMzI4OSA2LjE2MDc1IDQuMjY5NTMgNi4xNjA0M0M0LjIxMDE1IDYuMTYwNDMgNC4xNTQ0OSA2LjE1MDQ2IDQuMTAyNTQgNi4xMzA1MUM0LjA1MDU4IDYuMTEwNTYgNC4wMDIzNCA2LjA3Njk5IDMuOTU3ODEgNi4wMjk4MUwwLjIwNjA1MSAyLjAyNzkzQzAuMTAyMTQ1IDEuOTE3MSAwLjA1MDE5MTYgMS43ODA0NSAwLjA1MDE5MTYgMS42MThDMC4wNTAxOTE2IDEuNDU1NTUgMC4xMDU4NTYgMS4zMTUxMSAwLjIxNzE4NCAxLjE5NjY4WiIgZmlsbD0iI0Y4RjZGRSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzI5N18zMTIiPgo8cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSI5IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgOSAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);background-repeat:no-repeat;width:9px;height:7px;display:block}.main-button:hover{opacity:.8;transition:opacity .3s ease-in-out}.list-other-projects{grid-template-columns:repeat(2,1fr);gap:3.8rem;animation:.7s ease-in-out fade-out;display:grid}@media screen and (max-width:1081px){.list-other-projects{grid-template-columns:1fr}}.list-other-projects.--active{margin:9rem 0 7rem;animation:.7s ease-in-out fade-in}@media screen and (max-width:768px){.list-other-projects.--active{margin:6rem 0 2rem}}.list-other-projects.--active .project-card__image img{width:100%!important;min-width:100%!important}.header{z-index:9;background:#121212;justify-content:center;align-items:center;width:100%;height:7rem;animation:.7s ease-in-out fade-in;display:flex;position:sticky;top:0}@media screen and (max-width:768px){.header{height:auto;margin-top:1.6rem}}.header__container{width:100%;max-width:1540px;margin:0 auto}@media screen and (max-width:1598px){.header__container{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.header__container{max-width:calc(100% - 30px)}}.header__container{justify-content:space-between;align-items:center;display:flex;position:relative}@media screen and (max-width:768px){.header__container{flex-direction:column;align-items:flex-start;max-width:calc(100% - 5rem);margin:2rem 0 1.5rem}}.hero{justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;max-height:100%;margin:10rem 0;scroll-margin-top:30rem;animation:.7s ease-in-out fade-in;display:flex;position:relative}@media screen and (max-width:960px){.hero{flex-direction:column;justify-content:space-evenly;height:100%;margin:0}}.portfolio{margin:6rem 0 12rem;scroll-margin-top:10rem;animation:.7s ease-in-out fade-in}@media screen and (max-width:1081px){.portfolio{width:auto;max-width:none;height:100%;max-height:none}}@media screen and (max-width:768px){.portfolio{margin-bottom:0}}.portfolio__container{width:100%;max-width:1540px;margin:0 auto}@media screen and (max-width:1598px){.portfolio__container{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.portfolio__container{max-width:calc(100% - 30px)}}.more-projects{margin:3rem 0 0;animation:.7s ease-in-out fade-in}.more-projects__container{width:100%;max-width:1540px;margin:0 auto}@media screen and (max-width:1598px){.more-projects__container{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.more-projects__container{max-width:calc(100% - 30px)}}.more-projects__container{flex-direction:column;justify-content:center;align-items:center;display:flex}.footer{background-color:#161616;justify-content:center;align-items:center;height:100%;min-height:275px;margin-top:7rem;animation:.7s ease-in-out fade-in;display:flex}.footer__container{width:100%;max-width:1540px;margin:0 auto}@media screen and (max-width:1598px){.footer__container{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.footer__container{max-width:calc(100% - 30px)}}.footer__container{justify-content:space-between;align-items:flex-end;display:flex}@media screen and (max-width:960px){.footer__container{flex-direction:column;align-items:center;gap:3rem;padding:0 1rem}}.footer__content{max-width:60rem}.footer__content .text{color:#fff;margin-bottom:2.5rem;font-size:3rem;font-weight:500;line-height:150%}@media screen and (max-width:960px){.footer__content .text{margin-bottom:1.6rem;font-size:2.2rem}}
