:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#2a2a2a;background-color:#f7f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,#root{margin:0;padding:0}html,body{box-sizing:border-box;font-family:Jost,sans-serif;font-weight:300;padding:0;scroll-behavior:smooth;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;overflow-x:hidden}a{text-decoration:none;font-family:Jost,sans-serif}button,a{transition:.3s}button:hover,a:hover{cursor:pointer;transform:scale(1.05)}@media (min-width: 350px){nav{padding:10px;display:flex;flex-direction:column;margin-top:-5px;z-index:1010;position:absolute;color:#f7f6f3}.nameTitle{margin-top:20px;font-size:2rem;text-align:center}.nameDescription{margin-top:20px;text-align:center;font-size:1.1rem}.nameContainer{margin:0;padding:0}h1{font-size:1.4rem;height:27px;font-weight:700}.firstName{margin-left:3px}h2{font-size:1rem;font-weight:400}.btnContainer{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:50px}.btnContact{box-shadow:0 1px 3px #0000001a;text-align:center;display:flex;align-items:center;justify-content:center;height:45px;width:90px;font-family:Jost,sans-serif;border-radius:8px;padding:0;font-size:1.1rem;font-weight:400;margin-top:20px;border:1px solid #2a2a2a;background:transparent;color:#333}.aboutText{text-align:left;justify-self:flex-start;align-self:flex-start;margin-left:15px}.techSection{display:flex;align-self:flex-start;margin-top:20px;font-size:1.1rem;margin-bottom:20px;margin-left:15px}.btnReadMoreRight{margin-left:15px;box-shadow:0 1px 3px #0000001a;border:1px solid #2a2a2a;background:transparent;color:#333;align-self:flex-start;justify-self:flex-start;height:50px;width:90px;font-weight:100;border-radius:8px;padding:0;font-size:1rem;font-weight:400;font-family:Jost,sans-serif;margin-top:auto}.btnReadMoreShort,.btnReadMoreMekoja{margin-left:15px;align-self:flex-start;justify-self:flex-start;height:50px;width:90px;font-weight:100;box-shadow:0 1px 3px #0000001a;border:1px solid #2a2a2a;background:transparent;color:#333;border-radius:8px;padding:0;font-size:1rem;font-weight:400;font-family:Jost,sans-serif;margin-top:0}.contactContainer{display:flex;justify-content:center;align-items:center;gap:120px}.bio{margin-top:30px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;font-size:1.2rem;margin-left:15px;padding-right:15px;margin-bottom:0}.popColorBio{color:#2d2d2c;-webkit-user-select:none;user-select:none;font-weight:500}.popColor{color:#2a2a2a;-webkit-user-select:none;user-select:none;font-weight:500;cursor:pointer}.bioCuriosity,.bioGrounded,.bioHuman{padding-top:10px}.projectsTitle{font-weight:700;font-size:1.9rem;padding:60px;text-align:center}a{margin:0;padding:0;font-weight:400}.cartlagPoster,.puppeteerPoster,.mekojaPoster,.returnCascadePoster,.reklamPoster{padding:0;margin:60px 0 20px;width:100%;filter:grayscale(20%) contrast(90%);object-fit:cover;transition:filter .3s ease,opacity .3s ease;box-shadow:0 4px 10px #0003;transition:.3s}.projectP{transition:all .3s ease;line-height:1.5;font-size:1.3rem;margin-left:15px;margin-right:15px;margin-bottom:20px}.profileImgContainer{padding:0;margin:80px 0 0;max-width:100%;width:100vw;display:flex;justify-content:center;align-self:center;justify-self:center;overflow:hidden}.profileImg{padding:0;margin:0;width:100%;filter:grayscale(20%) contrast(90%);object-fit:cover;transition:filter .3s ease,opacity .3s ease}.extendedDiv{margin:0;padding:0}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background:#f7f6f3;color:#2a2a2a;padding:2rem;border-radius:8px;max-width:90%;max-height:80vh;overflow-y:auto;position:relative}.closeBtn{position:absolute;top:0;right:16px;background:none;border:none;font-size:3.5rem;cursor:pointer;color:#d5561c}.closeBtn:hover{background:none;transform:scale(1.2)}.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b}.background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.foreground{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}footer{display:flex;justify-content:center;margin-top:100px;margin-bottom:50px;font-size:2rem;color:#2a2a2a}.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:100vw;height:130px}.background{width:100%;height:100%}.foreground{height:100%;width:100%;top:2px}.backTop{cursor:pointer;font-size:1.5rem;color:#2a2a2a;transition:.3s}.backTop:hover{transform:scale(1.02)}}@media (min-width: 470px){.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:100vw;height:180px}}@media (min-width: 670px){.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:100vw;height:240px}}@media (min-width: 900px){.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:100vw;height:280px}}@media (max-width: 420px){h1{font-size:1.2rem;height:27px;font-weight:700}.firstName{margin-left:3px}h2{font-size:1rem;font-weight:400}strong{margin-right:5px}}@media (min-width: 850px){nav{padding:10px;display:flex;justify-content:space-between;margin-top:70px;margin-left:10px;z-index:1010;position:absolute}.titleText{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;text-align:center}.nameTitle{margin-top:20px;font-size:3rem;text-align:center}.nameDescription{margin-top:30px;text-align:center;font-size:1.5rem}h1{font-size:2.7rem;height:45px;font-weight:700}.firstName{margin-left:9px}h2{font-size:1rem;font-weight:400}.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:800px;height:400px;left:50%;transform:translate(-50%);border-radius:8px;margin-top:50px}.background{width:100%;height:100%}.foreground{height:90%;width:100%;top:50px}.modalContent{max-width:50%}.btnContainer{margin-top:50px;margin-bottom:0;gap:100px}.btnContact{box-shadow:0 1px 3px #0000001a;text-align:center;display:flex;align-items:center;justify-content:center;height:60px;width:110px;font-weight:100;border-radius:8px;padding:0;font-size:1.4rem;font-weight:400}.aboutText{text-align:left;justify-self:flex-start;align-self:flex-start}.btnReadMoreRight{margin-top:6cqb;height:50px;width:90px;font-weight:100;padding:0;font-size:1rem;font-weight:400;font-family:Jost,sans-serif;margin-top:auto}.btnReadMoreShort{height:50px;width:90px;font-weight:100;border-radius:8px;padding:0;font-size:1rem;font-weight:400;font-family:Jost,sans-serif;margin-top:0}.btnReadMoreMekoja{height:50px;width:90px;font-weight:100;padding:0;font-size:1rem;font-weight:400;font-family:Jost,sans-serif;margin-top:0}.navBtn{display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;padding:0}.bio{row-gap:20px;display:flex;flex-direction:column;justify-self:center;align-self:center;font-size:1.6rem;width:100vw;margin-bottom:0}.bioCuriosity,.bioGrounded,.bioHuman,.bioMovement{max-width:800px;align-self:center;justify-self:center;align-items:center;margin:15px 0 0}.projectsContainer{display:grid;grid-template-columns:1fr 1fr}.cartlagPoster,.puppeteerPoster,.mekojaPoster,.returnCascadePoster,.reklamPoster{display:block;padding:0;margin:50px 0 20px;height:230px;width:400px;object-fit:fill;filter:grayscale(20%) contrast(90%);transition:filter .3s ease,opacity .3s ease;box-shadow:0 4px 10px #0003;transition:transform .3s ease,box-shadow .3s ease;border-radius:8px}.techSection{display:flex;align-self:flex-start;margin-top:20px;font-size:1.1rem}.projectWrap,.projectWrapCartlag,.projectWrapPuppeteer,.projectWrapMekoja,.projectWrapCascade,.projectWrapDriftus,.projectWrapPiano{display:flex;flex-direction:column;align-items:flex-start;justify-items:center;width:400px;height:600px;padding:20px 20px 0;row-gap:0px;margin-bottom:0}.projectWrapCartlag,.projectWrapMekoja,.projectWrapDriftus{align-items:flex-end;justify-self:flex-end}.projectP{transition:all .3s ease;line-height:1.5;font-size:1.4rem;padding-left:0;padding-right:0;min-height:120px}strong{margin-right:5px}.backTop{font-size:2rem}}@media (min-width: 1280px){nav{padding:10px;display:flex;justify-content:space-between;margin-top:70px;margin-left:10px;z-index:1010;position:absolute}h1{font-size:2.7rem;height:45px;font-weight:700}.firstName{margin-left:9px}h2{font-size:1rem;font-weight:400}.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:900px;height:400px;left:50%;transform:translate(-50%);border-radius:8px;margin-top:50px}.background{width:100%;height:100%}.foreground{height:90%;width:100%;top:50px}.modalContent{max-width:50%}.btnContainer{margin-top:50px;margin-bottom:0;gap:150px}.btnContact{box-shadow:0 1px 3px #0000001a;text-align:center;display:flex;align-items:center;justify-content:center;height:60px;width:120px;font-weight:100;border-radius:8px;padding:0;font-size:1.5rem;font-weight:400}.aboutText{text-align:left;justify-self:flex-start;align-self:flex-start}.btnReadMoreRight{height:50px;width:120px;font-weight:100;border-radius:8px;padding:0;font-size:1.3rem;font-weight:400;font-family:Jost,sans-serif;margin-top:auto}.btnReadMoreShort{font-weight:400;height:50px;width:120px;border-radius:8px;padding:0;font-size:1.3rem;font-family:Jost,sans-serif}.btnReadMoreMekoja{height:50px;width:120px;font-weight:100;border-radius:8px;padding:0;font-size:1.3rem;font-weight:400;font-family:Jost,sans-serif;margin-top:30px}.navBtn{display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;padding:0}.bio{margin-top:30px;row-gap:20px;display:flex;flex-direction:column;justify-self:center;align-self:center;font-size:1.7rem;width:100vw;margin-bottom:100px}.bioCuriosity,.bioGrounded,.bioHuman,.bioMovement{max-width:900px;align-self:center;justify-self:center;align-items:center;margin:15px 0 0}.projectsContainer{margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.cartlagPoster,.puppeteerPoster,.mekojaPoster,.returnCascadePoster,.reklamPoster{display:block;padding:0;margin:50px 0 20px;height:250px;width:500px;object-fit:fill;filter:grayscale(20%) contrast(90%);transition:filter .3s ease,opacity .3s ease;box-shadow:0 4px 10px #0003;transition:transform .3s ease,box-shadow .3s ease;border-radius:8px}.techSection{display:flex;margin-top:10px;font-size:1.3rem}.projectWrap,.projectWrapCartlag,.projectWrapPuppeteer,.projectWrapMekoja,.projectWrapCascade,.projectWrapReklam,.projectWrapPiano{display:flex;flex-direction:column;align-items:flex-start;justify-items:center;width:500px;height:650px;padding:20px 20px 0;row-gap:0px;margin-bottom:0}.projectWrapCartlag,.projectWrapMekoja,.projectWrapReklam{align-items:flex-end;justify-self:flex-end}.projectP{transition:all .3s ease;line-height:1.5;font-size:1.6rem;padding-left:0;padding-right:0;min-height:120px}strong{margin-right:5px}.backTop{font-size:2rem}}@media (min-width: 1480px){nav{padding:10px;display:flex;justify-content:space-between;margin-top:70px;margin-left:10px;z-index:1010;position:absolute}.cartlagIcon{width:80px}h1{font-size:2.7rem;height:45px;font-weight:700}.firstName{margin-left:9px}h2{font-size:1rem;font-weight:400}.cinematicHeroContainer{box-shadow:0 4px 10px #0000002b;width:900px;height:400px;left:50%;transform:translate(-50%);border-radius:8px;margin-top:50px}.background{width:100%;height:100%}.foreground{height:90%;width:100%;top:50px}.modalContent{max-width:50%}.btnContainer{margin-top:50px;margin-bottom:0;gap:150px}.btnContact{margin-top:80px;box-shadow:0 1px 3px #0000001a;height:60px;width:120px;font-weight:100;border-radius:8px;padding:0;font-size:1.6rem;font-weight:400}.aboutText{text-align:left;justify-self:flex-start;align-self:flex-start;font-size:1.5rem}.btnReadMoreRight{height:60px;width:130px;font-weight:100;border:none;border-radius:8px;padding:0;font-size:1.4rem;font-weight:400;font-family:Jost,sans-serif;margin-top:auto;box-shadow:0 1px 3px #0000001a;border:1px solid #2a2a2a;background:transparent;color:#333}.btnReadMoreShort{height:60px;width:130px;font-weight:100;border:none;border-radius:8px;padding:0;font-size:1.4rem;font-weight:400;font-family:Jost,sans-serif;box-shadow:0 1px 3px #0000001a;border:1px solid #2a2a2a;background:transparent;color:#333}.btnReadMoreMekoja{height:60px;width:130px;font-weight:100;border:none;border-radius:8px;padding:0;font-size:1.4rem;font-weight:400;font-family:Jost,sans-serif;margin-top:30px;box-shadow:0 1px 3px #0000001a;border:1px solid #2a2a2a;background:transparent;color:#333}.navBtn{display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;padding:0}.bio{margin-top:50px;row-gap:20px;display:flex;flex-direction:column;justify-self:flex-start;align-self:flex-start;font-size:1.9rem;width:100vw;margin-bottom:0;line-height:1.6}.bioGrounded,.bioCuriosity{max-width:1300px;align-self:center;justify-self:center;align-items:center;margin:15px 0 0}.projectsContainer{margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.cartlagPoster,.puppeteerPoster,.mekojaPoster,.returnCascadePoster,.reklamPoster{display:block;padding:0;margin:50px 0 20px;height:300px;width:600px;object-fit:fill;filter:grayscale(20%) contrast(90%);transition:filter .3s ease,opacity .3s ease;box-shadow:0 4px 10px #0003;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px}.techSection{display:flex;margin-top:30px;font-size:1.6rem}.bioGrounded{font-size:2.1rem}.bioCuriosity{margin-top:50px;font-size:2.3rem}strong{margin-right:5px}.projectWrap,.projectWrapCartlag,.projectWrapPuppeteer,.projectWrapMekoja,.projectWrapCascade,.projectWrapReklam,.projectWrapPiano{display:flex;flex-direction:column;align-items:flex-start;justify-items:center;width:600px;height:750px;padding:20px 20px 0;row-gap:0px;margin-bottom:0}.projectWrapCartlag,.projectWrapMekoja,.projectWrapReklam{align-items:flex-end;justify-self:flex-end}.projectP{transition:all .3s ease;line-height:1.5;font-size:1.8rem;padding-left:0;padding-right:0;min-height:120px}footer{margin-top:100px}.backTop{font-size:2.5rem}}