.navbar{position:fixed;display:flex;align-items:center;top:20px;left:16px;right:16px;height:72px;width:auto;padding:0 32px;box-shadow:inset 0 0 0 2px #444;border-radius:36px;background-color:#444444bf;transition:background-color .25s;transition:padding .25s;transition:height .25s;overflow:hidden;z-index:10}.navbar .content{position:absolute;display:flex;justify-content:space-between;align-items:center;top:26px;width:calc(100% - 64px)}.navbar .button-container{display:none}.navbar .logo{text-decoration:none}.navbar .logo img{width:95px;height:12px}.navbar .nav-links{display:none;gap:12px;margin:0;padding:0;list-style-type:none}.navbar .nav-links li{list-style:none}.navbar .nav-links .nav-link{display:flex;align-items:center;color:#fff;font-size:20px;line-height:24px;transition:.25s}.navbar .nav-links .nav-link.active{font-weight:700}.navbar .nav-links .nav-link:not(.active):hover{color:#f151ef}.navbar .nav-links .nav-link:not(:last-child):after{content:"";display:inline-block;width:6px;height:6px;background-color:#999;border-radius:50%;margin-left:12px}.navbar .nav-links .nav-link a{display:flex;align-items:center;gap:6px;color:currentColor;text-decoration:none}.navbar .nav-links .nav-link .icon{height:20px;width:20px}.navbar .menu-toggle{height:24px;width:24px;padding:0;margin:0;color:#fff;background:none;border:none;cursor:pointer}.navbar .menu-toggle img{width:20px;height:24px}.navbar.expanded{align-items:flex-start;height:calc(100dvh - 40px);background-color:#444444fa}.navbar.expanded .nav-links{display:flex;flex-direction:column;gap:18px;margin-top:102px}.navbar.expanded .nav-links .nav-link{font-size:40px;font-weight:700;line-height:48px}.navbar.expanded .nav-links .nav-link a{gap:8px}.navbar.expanded .nav-links .nav-link a .icon{width:28px;height:28px}.navbar.expanded .nav-links .nav-link:after{display:none}.navbar.expanded .nav-links .nav-link:hover{color:#fff}.navbar.expanded .button-container{position:absolute;display:flex;justify-content:center;align-items:center;width:calc(100% - 64px);margin-top:calc(100dvh - 154px)}@media screen and (min-width: 768px){.navbar{justify-content:flex-end;left:56px;right:56px;top:40px}.navbar .content{position:static}.navbar .nav-links{display:flex}.navbar .menu-toggle{display:none}}.button{padding:0;color:#555;font-family:Montserrat Alternates,sans-serif;font-weight:700;font-size:20px;line-height:24px;border-width:2px 2px 10px 2px;border-style:solid;border-radius:16px;border-color:#555;background-color:#555;transition:.25s;cursor:pointer}.button .button-content{padding:24px 32px;border-radius:14px;background-color:#fff}.button.button-alternative{color:#650167;border-color:#650167;background-color:#650167}.button:hover{color:#c78800;border-color:#c78800;background-color:#c78800}.card{display:flex;width:100%;max-width:656px;border:1px solid #444;border-radius:20px;background-color:#333}.card .card-content{display:flex;flex-direction:column;padding:12px}.card .card-content .card-info{display:flex;flex:1;flex-direction:column;justify-content:space-between}.card img{width:100%;aspect-ratio:311/216;object-fit:fill;border-radius:16px}.card h4{margin:32px 0 12px;color:#fff;font-size:24px;line-height:32px;font-weight:700;font-family:Montserrat Alternates,sans-serif}.card p{margin:0 0 32px;color:#fff;font-size:16px;line-height:20px;font-family:Montserrat Alternates,sans-serif}.card .button{width:100%}@media screen and (min-width: 768px){.card .content{padding:24px}.card h4{font-size:32px;line-height:40px}.card p{font-size:20px;line-height:24px}.card .button{width:auto}}@keyframes bg-scrolling-reverse{to{background-position:50px 50px}}@keyframes bg-scrolling{0%{background-position:50px 50px}}.home .hero{height:100dvh;background-color:#000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB4SURBVHgB7dqxDcAgDABBklFYgf1HYAVWITE9/dv6kyy3ftHyjDH2nLP13ltWa62zd8TEzjrn/v8lUh19m7cVYQiNITSG0BhCYwiNITSG0BhCYwiNITSG0BhCYwiNITSG0BhCYwiNITSG0BhCYwiNITRlQkKJ/1ofZj6fkeTUru4AAAAASUVORK5CYII=) repeat 0 0;animation:bg-scrolling-reverse 1.3s infinite;animation-timing-function:linear}.home .hero .content{display:flex;flex-direction:column;justify-content:center;height:calc(100% - 92px);max-width:335px;padding:92px 20px 0;gap:20px}.home .hero .content .title{max-width:276px;margin:0;color:#d9d9d9;font-size:40px;font-weight:700;line-height:48px}.home .hero .content .description{margin:0;color:#d9d9d9;font-size:16px;font-weight:500;line-height:20px}@media screen and (min-width: 768px){.home .hero .content{flex-direction:row;align-items:flex-end;justify-content:space-between;width:auto;max-width:100%;height:calc(100% - 96px);padding:0 56px 96px}.home .hero .content .title{max-width:442px;font-size:64px;line-height:72px}.home .hero .content .description{max-width:384px;font-size:24px;line-height:32px}}.home .about{position:relative;display:flex;flex-direction:column;gap:32px;padding:32px 0 64px;background-color:#fff;z-index:2}.home .about .image{display:flex;justify-content:flex-end;width:100%}.home .about .content{padding:0 20px;color:#222;font-size:24px;font-weight:500;line-height:32px;font-family:Montserrat Alternates,sans-serif}.home .about .content b{color:#c78800}.home .about .content .disabled{color:#555}@media screen and (min-width: 768px){.home .about{flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:64px 0}.home .about .content{padding:0 56px;max-width:656px;font-size:32px;line-height:48px}.home .about .image img{width:600px;max-width:45vw;height:551px;object-fit:contain}}.home .projects{position:relative;display:flex;flex-direction:column;padding:0 20px}.home .projects .working{margin-left:-16px;padding:132px 0;width:calc(100% + 32px);color:#d9d9d9;font-size:clamp(2rem,.2813rem + 5.5vw,3.375rem);font-family:Montserrat Alternates,sans-serif;font-weight:700;text-align:center;border-bottom:1px solid #555;z-index:1}.home .projects .background{position:absolute;height:334px;width:100%;left:0;top:0;background-color:#fff;z-index:1}.home .projects .container{z-index:2}.home .projects .title{color:#222;font-size:32px;line-height:40px;font-weight:700;font-family:Montserrat Alternates,sans-serif}.home .projects .content{display:flex;flex-direction:column;align-items:center;gap:24px}@media screen and (min-width: 768px){.home .projects .content{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px}.home .projects .content .item{display:flex;flex:1 1 calc(50% - 24px);max-width:calc(50% - 24px)}.home .projects .content .item:nth-child(odd){justify-content:flex-end}}.home .contact{position:relative;display:flex;justify-content:center;margin-top:96px;padding-bottom:96px;z-index:2}.home .contact .content{display:flex;flex-direction:column;align-items:center;max-width:575px}.home .contact .content h3{margin:0 0 56px;color:#d9d9d9;font-size:clamp(2rem,.2813rem + 5.5vw,3.375rem);font-weight:700;line-height:72px;text-align:center}.home .contact .content .button{width:fit-content}@media screen and (min-width: 768px){.home .contact{margin-top:120px;padding-bottom:120px}}.home .footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 0 80px;border-top:1px solid #555}.home .footer .links{display:flex;flex-direction:row;gap:12px}.home .footer .links .link{position:relative;display:flex;flex-direction:row;align-items:center}.home .footer .links .link:not(:last-child){padding-right:18px}.home .footer .links .link a{color:#fff;font-size:20px;line-height:24px;text-decoration:none}.home .footer .links .link:not(:last-child):after{position:absolute;content:"";width:6px;height:6px;right:0;border:1px solid #555;border-radius:100%}.home .footer .copyright{margin:24px 0 0;color:#d9d9d9;font-size:20px;line-height:24px}.home .effects{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:0;top:592px;width:100%;z-index:0}.home .effects .effect{width:90vw;height:90vw;max-height:100vh;max-width:100vh;background-color:#f151ef40;filter:blur(500px)}.home .effects .effect-1{border-radius:50%}.home .effects .effect-2{position:absolute;height:auto;max-height:none}.home{background-color:#222}.project{position:absolute;height:100vh;top:0;left:0;margin:0;padding:0;overflow:hidden}.project iframe{max-width:100%;max-height:100%;border:0!important}html,body{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat Alternates,sans-serif}