:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;box-sizing:border-box}html,body,#root{background-color:#fff;min-height:100vh}body{display:flex;flex-direction:column;margin:0%}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.header{display:flex;align-items:center;padding:0 2rem;background-color:#fff;border-bottom:1px solid #e0e0e0;position:fixed;top:0;max-width:1500px;width:100%;z-index:100;left:50%;transform:translate(-50%);justify-content:center;margin:0 auto}.navbar{display:flex;gap:2rem;align-items:center;padding:1rem 2rem}.navbar button{background:none;border:none;color:#000;font-weight:500;cursor:pointer;font-size:1rem;padding:0;transition:color .3s ease,transform .2s ease}.navbar button:hover{color:#000;transform:translateY(-2px);text-decoration:underline}.navbar button:active{transform:translateY(1px)}.short-text{display:none}.full-text{display:inline-block}.linkedin a{text-decoration:none}.linkedin-button{white-space:nowrap;padding:.5rem 1.2rem;border:none;border-radius:8px;color:#f5f5f5;background:#1a3b6d;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #0000001a}.linkedin-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003}.linkedin-button:active{transform:translateY(1px);box-shadow:0 3px 8px #00000026}.buttonstwo{display:flex;gap:5%}.cv a{text-decoration:none;margin-left:5%}.cv-button{white-space:nowrap;padding:.5rem 1.2rem;border:none;border-radius:8px;background:linear-gradient(90deg,#fff,#f7e8d5);color:#000;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #0000001a}.cv-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003}.cv-button:active{transform:translateY(1px);box-shadow:0 3px 8px #00000026}.burger,.tablet-menu,.mobile-menu{display:none}.logo{cursor:pointer;z-index:9999;position:relative}.logobig{margin-right:40px;height:100px;transition:filter .3s}.logosmall{display:none}.navbar{margin-right:15px}.navbar{text-decoration:none;color:#010101;font-weight:500;margin-left:1rem;transition:color .3s}h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:3rem;color:#222}main{flex-direction:column;flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;padding:2rem;margin-top:120px;max-width:1000px;margin-left:auto;margin-right:auto}.first-section{opacity:0;transform:translateY(30px);display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;margin-bottom:10%}.main-left img{height:500px;border-radius:10px}.main-right p{margin-bottom:10px}.first-section.show{opacity:1;transform:translateY(0)}.first-section{will-change:transform}.first-section.show{animation:parallaxEntrance 1.2s ease-out forwards}@keyframes parallaxEntrance{0%{transform:translateY(40px)}to{transform:translateY(0)}}.main-left img{opacity:0;transform:translate(-40px);transition:opacity 1.2s ease-out,transform 1.2s ease-out}.first-section.show .main-left img{opacity:1;transform:translate(0)}.first-section.show .main-right .bigp>*,.first-section.show .main-right .smallp>*{opacity:0;transform:translateY(15px)}.first-section.show .main-right .bigp>h1{animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.6s}.first-section.show .main-right .bigp>p:nth-of-type(1){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}.first-section.show .main-right .bigp>p:nth-of-type(2){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1s}.first-section.show .main-right .bigp>p:nth-of-type(3){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1.2s}.first-section.show .main-right .bigp>p:nth-of-type(4){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1.4s}.first-section.show .main-right .smallp>h2{animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.6s}.first-section.show .main-right .smallp>p:nth-of-type(1){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}.first-section.show .main-right .smallp>p:nth-of-type(2){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1.1s}.first-section.show .main-right .smallp>p:nth-of-type(3){animation:fadeStagger .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1.4s}.smallp{display:none}@keyframes fadeStagger{to{opacity:1;transform:translateY(0)}}.second-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;text-align:center;margin-bottom:10%;margin-top:10%}.third-section{display:flex;flex-direction:column;gap:2rem;padding:2rem}.thirdtitle{justify-content:center;align-items:center;text-align:center}.experienceItem{padding:1.5rem;border-bottom:1px solid #000000;justify-content:center;align-items:center;transition:opacity .6s ease,transform .6s ease}.experienceItem.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.experienceItem.visible{opacity:1;transform:translateY(0);pointer-events:auto}.experienceItem h3{margin-left:20px}.specifikyear{color:#deb887;margin-left:20px}.experienceItem ul{list-style:none;padding-left:0;margin-left:40px}.experienceItem ul li:before{content:"•";color:#deb887;display:inline-block;width:1em;margin-left:-1em}.colorcorrect{font-size:.85em;color:#555;font-weight:400}#fourth-section{padding:8rem 2rem;display:flex;justify-content:center;align-items:center}.coming-soon-title{font-family:JetBrains Mono,monospace;letter-spacing:.08em;font-weight:400;letter-spacing:.05em}.footerbox{margin:2px auto;width:100%;padding:1.75rem 2rem;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center}.footerbox p{text-align:center;margin:.4rem 0;font-size:.85rem;color:#2f2a24;letter-spacing:.03em;text-transform:uppercase;opacity:.85}.footerbox a{text-align:center;margin:.4rem 0;font-size:.85rem;color:#2f2a24;letter-spacing:.03em;opacity:.85;text-decoration:none}.footerbox a:hover{color:#deb887}@media (max-width: 1000px){.header{width:100%}main{padding:1rem}.linkedin a{margin-right:70px}.main-right{max-width:450px;font-size:.95rem;line-height:1.45;margin-right:40px}.first-section{gap:15px}.main-left img{margin-left:80px;height:400px}.short-text{display:inline-block}.full-text{display:none}.tablet-menu{display:flex;position:fixed;top:101px;left:0;right:0;background-color:#fff;border-bottom:1px solid #e3e3e3;padding:2rem 1rem;flex-direction:column;gap:1rem;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.3s ease;z-index:1000}.tablet-menu button:hover{color:#deb887;background-color:#f7f7f7}.tablet-menu.show{transform:translateY(0);opacity:1;pointer-events:auto}.cv{position:fixed;right:4rem}.linkedin{position:fixed;right:8rem}.tablet-menu button{width:100%;padding:.75rem;font-size:1rem;all:unset;cursor:pointer;font:inherit}.burger{position:fixed;right:1rem;display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:1001}.burger span{width:24px;height:2px;background:#000;transition:.3s}.navbar{display:none}}@media (max-width: 910px){.main-left img{margin-left:10px;height:500px}}@media (max-width: 850px){.logobig{display:none}.logosmall{display:block;height:100px}.first-section{flex-direction:column-reverse;text-align:center;gap:18px}.main-right{max-width:90%;margin:0 auto}.smallp{margin-top:10%;display:contents}.bigp,.navbar,.linkedin,.cv{display:none}.burger{position:fixed;right:1rem;display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;z-index:1001}.burger span{width:24px;height:2px;background:#000;transition:.3s}.mobile-menu{display:flex;position:fixed;top:101px;border-bottom:1px solid #e3e3e3;left:0;right:0;background-color:#fff;padding:2rem 1rem;flex-direction:column;gap:1rem;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.3s ease;z-index:1000}.mobile-menu button:hover{color:#deb887;background-color:#f7f7f7}.mobile-menu a{appearance:none;color:#000}.mobile-menu a:hover{color:#deb887;background-color:#f7f7f7}.mobile-menu.show{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu button{font-size:1rem;all:unset;cursor:pointer;font:inherit}.main-left img{margin-left:0;height:500px}}.project-bubble-container{opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.2s ease}.project-bubble-container.visible{opacity:1;transform:translateY(0)}.project-bubble-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.project-bubble{width:220px;height:220px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 8px 20px #00000026;transition:all .6s cubic-bezier(.68,-.55,.27,1.55);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.project-bubble.visible{opacity:1;transform:translateY(0)}.project-bubble.expanded{width:420px;height:420px;border-radius:30px;z-index:10;transform:scale(1.1);padding-bottom:3rem}.project-bubble.shrunk{transform:scale(.75);opacity:.6}.bubble-thumbnail{width:100%;height:65%;object-fit:cover;border-radius:20px;transition:all .55s cubic-bezier(.68,-.55,.27,1.55)}.bubble-video{width:100%;height:90%;object-fit:cover;border-radius:20px;transition:all .55s cubic-bezier(.68,-.55,.27,1.55)}.bubble-info h3{margin:.5rem 0 .2rem;font-size:1rem}.bubble-info p{margin:.4rem 0;font-size:.9rem;color:#444}.github-link{font-size:.85rem;color:#0070f3;text-decoration:none}.github-link:hover{color:#005bb5}@media (max-width: 900px){.project-bubble{width:180px;height:180px}.project-bubble.expanded{width:330px;height:330px}}.project-bubble{opacity:0;transform:translateY(0) scale(1);transition:all .8s cubic-bezier(.68,-.55,.27,1.55)}@keyframes bubbleFadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.fade-in-0{animation:bubbleFadeIn 1.2s ease forwards;animation-delay:.1s}.fade-in-1{animation:bubbleFadeIn 1.2s ease forwards;animation-delay:.3s}.fade-in-2{animation:bubbleFadeIn 1.2s ease forwards;animation-delay:.5s}.fade-in-3{animation:bubbleFadeIn 1.2s ease forwards;animation-delay:.7s}.fade-in-4{animation:bubbleFadeIn 1.2s ease forwards;animation-delay:.9s}.slide-left{transform:translate(-20px,25px) scale(.9)}.slide-right{transform:translate(20px,25px) scale(.9)}.project-bubble:hover{transform:translateY(-8px) scale(1.03)}.project-bubble.expanded:hover{transform:none}