@import"https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-margin: 30px;background-image:url(../icons/noise.png);background-attachment:fixed}body{font-family:Montserrat,sans-serif;margin:0}button{all:unset}button:focus{outline:revert}a{color:inherit;text-decoration:none}.hidden{display:none!important}nav{position:fixed;top:0;left:0;width:calc(100% - var(--main-margin) * 2);margin:30px var(--main-margin);color:#fff;mix-blend-mode:exclusion;display:flex;align-items:center;justify-content:space-between;z-index:2}.socials{display:flex;gap:10px}.socials a svg{border-radius:20px;padding:8px 16px;display:flex;height:20px;fill:#fff;align-items:center;justify-content:center;background-color:#111c}.socials a:hover svg{fill:#000;background-color:#fff}.socials a{text-decoration:none}#menu{position:fixed;top:0;left:0;z-index:1;height:100vh;animation:backgroundFade .8s ease-in-out forwards;overflow:scroll}.border-btn{font-family:Montserrat,sans-serif;font-size:12pt;border-radius:20px;padding:6px 18px;cursor:pointer;z-index:2;background-color:#111c}.border-btn:hover,.border-btn.active{background-color:#fff;color:#000;border-color:#000}@keyframes backgroundFade{0%{background-color:transparent}to{background-color:#000}}.grid-container{width:100vw;height:100%;margin:0;padding:0;position:relative;display:flex;flex-wrap:wrap}.grid-item{display:flex;align-items:center;justify-content:center;flex-grow:1;width:33.3333333333%;height:33.3333333333%;margin:0;padding:0;cursor:pointer;background-size:cover;background-position:center;position:relative;opacity:0}.grid-item .item-wrapper{width:100%;height:100%;transition:all .3s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-item .item-wrapper .logo-icon{opacity:1;max-width:50%;max-height:30%;height:auto}.grid-item .item-wrapper .tags-wrapper{position:absolute;display:flex;gap:5px;bottom:0;flex-wrap:wrap-reverse;margin:10px;width:calc(100% - 20px)}.grid-item .item-wrapper .tags-wrapper h4{font-family:Montserrat,sans-serif;font-size:12pt;font-weight:400;border-radius:20px;margin:0;background-color:#1111111a;color:#fff;padding:4px 14px;bottom:0;opacity:0;transform:translateY(10px);transition:.2s ease-in-out}.grid-item:hover .item-wrapper{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.grid-item:hover .item-wrapper .logo-icon{transition:all .3s ease-in-out;opacity:0}.grid-item:hover .item-wrapper h4{transition:all .3s ease-in-out;opacity:1;transform:translateY(0)}.grid-container li:nth-of-type(1){animation-delay:0ms}.grid-container li:nth-of-type(2){animation-delay:75ms}.grid-container li:nth-of-type(3){animation-delay:.15s}.grid-container li:nth-of-type(4){animation-delay:225ms}.grid-container li:nth-of-type(5){animation-delay:.3s}.grid-container li:nth-of-type(6){animation-delay:375ms}.grid-container li:nth-of-type(7){animation-delay:.45s}.grid-container li:nth-of-type(8){animation-delay:525ms}.grid-container li:nth-of-type(9){animation-delay:.6s}.grid-container li:nth-of-type(10){animation-delay:675ms}.grid-container li:nth-of-type(11){animation-delay:.75s}.grid-container li:nth-of-type(12){animation-delay:825ms}.grid-container li:nth-of-type(13){animation-delay:.9s}@keyframes cascadeInSimple{10%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.grid-container li{animation:cascadeInSimple .3s ease-in-out forwards}#projects{display:flex;justify-content:space-between;flex-direction:column;width:100vw;min-height:100vh;background-color:#00f;z-index:0}#projects .section img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}#projects .section.hero .link{display:inline-flex;margin-top:30px;position:absolute;z-index:0;mix-blend-mode:exclusion;text-decoration:none;transition:all .3s .1s cubic-bezier(.075,.82,.165,1);height:25px;width:25px}#projects .section.hero .link .link-content{pointer-events:none;display:inline-flex;position:absolute}#projects .section.hero .link .link-content svg{padding:2px;height:20px;fill:#fff}#projects .section.hero .link .link-content span{width:0px;opacity:0;line-height:1.4rem;display:inline}#projects .section.hero .link:hover{width:166px;transition:width .3s cubic-bezier(.075,.82,.165,1)}#projects .section.hero .link:hover span{opacity:1;padding-right:8px;width:auto;transition:opacity .1s .1s ease-in-out}#projects .section.hero .link:hover svg{fill:#000}#projects .section.hero .box{margin:0 var(--main-margin);padding:100px 0;display:flex;justify-content:space-between}#projects .section.hero .box .titles{width:60vw;max-width:650px;bottom:0;right:0}#projects .section .center-content{display:flex;align-items:center;justify-content:center;text-align:center;height:100%}#projects .section .section-text{padding:10vw;max-width:800px}#projects iframe{margin:0 auto;padding:40px;display:block;width:calc(100% - 80px);min-height:500px}#projects video{margin:0 auto;display:block;width:100%}#projects.no-scroll{position:fixed}h1{font-weight:400;font-size:30pt;line-height:34pt;margin:0;padding-top:10px}h3{font-size:15pt;font-weight:400;line-height:27pt;opacity:.8}h3 b{font-weight:700}h2{display:inline-block;font-weight:200;font-size:12pt;margin:0}h2#title{padding:2px 8px;border-radius:20px;font-weight:500}p{font-size:12pt;font-weight:500;opacity:.8}a{color:inherit;text-decoration:underline}#about{margin:150px var(--main-margin);display:flex;flex-direction:column;gap:40px;max-width:1275px}#contact a:hover{color:#87cefa}h6{font-weight:400;font-size:16pt;line-height:30pt;margin:0;padding-top:10px}h6 span{cursor:pointer}h6 span:after{content:attr(data-initialText);color:#a7a7a7;background-color:#d7d7d71a;padding:4px 12px;border-radius:20px;width:max-content}h6 span:hover:after{content:attr(data-toggletext);color:#dcdcdc;background-color:#1e1e1e}footer{display:flex;flex-direction:column;width:100%}footer .info{padding:10px 0;margin:0 var(--main-margin);display:flex;justify-content:space-between;gap:30px}footer p{margin:40px 0;min-width:50%}footer .logo{max-height:70px;max-width:200px;align-self:center}h10{display:block;width:100%;padding:10px 0;text-align:center;font-size:10pt;font-weight:300;bottom:0;position:fixed}@media screen and (min-width:1024px){:root{--main-margin: 60px}.hero{padding-top:50px}}@media screen and (max-width:600px)and (orientation:portrait){.grid-item{width:100%}.grid-item h4{opacity:1}#page-content .section .text{width:70vw}.titles{width:100vw!important}footer .info{flex-direction:column;align-items:center;text-align:center;margin-bottom:60px}}