*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}:root{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:56px;line-height:68px;letter-spacing:-2px;font-weight:500;color-scheme:dark;color:#ffffffe6;background-color:#3d3d3d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#3d3d3d}#root{height:auto;min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:visible}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.portfolio-container{background-color:#3d3d3d;height:100vh;width:100vw;padding:28px;position:relative;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;overflow:hidden}.container{background-color:#1c1c1c;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:absolute;will-change:transform,opacity}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.section-title{width:100%;text-align:center;margin-bottom:28px;color:#ffffffe6}.fill-div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.container-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.name-tag-section{top:28px;left:28px;width:500px;height:150px}.animate-ready .name-tag-section{animation:slideFromLeft .72s cubic-bezier(.22,1,.36,1) 60ms both}.name-tag-section .container-image{width:239px;height:98px;object-fit:cover;border-radius:28px}.watch-section{top:28px;left:556px;right:556px;height:550px;padding:25px 20px 20px;justify-content:flex-start;align-items:stretch}.animate-ready .watch-section{animation:slideFromTop .76s cubic-bezier(.22,1,.36,1) .12s both}.watch-videos{position:relative;width:768px;height:432px;overflow:hidden;border-radius:20px}.watch-iframe{position:absolute;left:50%;transform:translate(-50%);width:100%;height:106%;border:none;pointer-events:none}.image-section{top:28px;right:28px;width:500px;height:350px;overflow:hidden}.animate-ready .image-section{animation:slideFromRight .8s cubic-bezier(.22,1,.36,1) .18s both}.image-section .container-image{width:100%;height:100%;object-fit:cover;border-radius:28px}.connect-section{top:206px;left:28px;width:500px;height:525px}.animate-ready .connect-section{animation:slideFromLeft .78s cubic-bezier(.22,1,.36,1) .24s both}.social-section{top:759px;left:28px;width:500px;height:133px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.animate-ready .social-section{animation:slideFromBottom .76s cubic-bezier(.22,1,.36,1) .36s both}.social-section .container-image{width:100px;height:100px;object-fit:cover;border-radius:28px}.projects-section{left:556px;right:556px;padding:25px 20px 20px;width:808px;height:286px;top:606px;justify-content:flex-start;align-items:stretch}.animate-ready .projects-section{animation:slideFromBottom .78s cubic-bezier(.22,1,.36,1) .3s both}.projects-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;gap:20px}.project-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:20px}.clickable{cursor:pointer}.follow-section{top:406px;right:28px;width:500px;height:486px}.animate-ready .follow-section{animation:slideFromRight .78s cubic-bezier(.22,1,.36,1) .42s both}@media (prefers-reduced-motion: reduce){.container{animation:none!important;opacity:1!important;transform:none!important}}@media (max-width: 1600px){.name-tag-section,.image-section,.connect-section,.social-section,.follow-section{width:400px}.watch-section,.projects-section{left:456px;right:456px}.image-section,.follow-section{right:28px}}@media (max-width: 1200px){.name-tag-section,.image-section,.connect-section,.social-section,.follow-section{width:300px}.watch-section,.projects-section{left:356px;right:356px}.image-section,.follow-section{right:28px}}@media (max-width: 1024px){.name-tag-section,.image-section,.connect-section,.social-section,.follow-section{width:250px}.watch-section,.projects-section{left:306px;right:306px}.projects-container{grid-template-columns:repeat(2,minmax(0,1fr))}.image-section,.follow-section{right:28px}}@media (max-width: 768px){.portfolio-container{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.container{position:relative!important;width:100%!important;height:auto!important;min-height:120px;top:auto!important;left:auto!important;right:auto!important;margin-bottom:28px}.name-tag-section .fill-div{font-size:48px}.connect-section,.follow-section{padding:16px;gap:16px;align-items:center;justify-content:flex-start}.projects-container{grid-template-columns:repeat(2,minmax(0,1fr))}.social-section{gap:16px}.social-section .container-image{width:72px;height:72px;border-radius:16px}.watch-videos{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;overflow:hidden;border-radius:20px}.watch-iframe{position:absolute;left:50%;transform:translate(-50%);width:100%;height:106%;border:none;pointer-events:none}}@media (max-width: 480px){.projects-container{grid-template-columns:1fr}.social-section .container-image{width:64px;height:64px}}