: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:#1f1f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.hero{position:relative;width:100%;min-height:100vh;background-color:#0e0e0e;display:flex;align-items:center;justify-content:center;overflow:hidden}.horizontal-line{position:absolute;left:2rem;right:2rem;height:2px;background-color:#cfcaa5}.top-line{top:2rem}.bottom-line{bottom:2rem}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;width:100%;max-width:1200px}.year-capsule{background-color:#cfcaa5;color:#f03e25;font-weight:700;font-size:1rem;padding:.5rem 1.5rem;border-radius:25px;margin-bottom:2rem;font-family:system-ui,sans-serif}.vertical-text{position:absolute;left:-10rem;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;color:#cfcaa5;font-size:1.2rem;font-weight:500;letter-spacing:.2em;white-space:nowrap;font-family:system-ui,sans-serif;z-index:10}.scroll-indicator{position:absolute;right:-10rem;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center;color:#cfcaa5;font-size:1rem;font-weight:400;letter-spacing:.2em;white-space:nowrap;font-family:system-ui,sans-serif;opacity:.8;animation:subtlePulse 3s ease-in-out infinite;z-index:10}.about{background-color:#0e0e0e;padding:3rem;margin-top:-50px}.about-title{font-size:2rem;font-weight:700;color:#f03e25;margin-bottom:1rem}.about-description{font-size:1rem;color:#cfcaa5}.contact-title{font-weight:700;color:#f03e25}.contact-content{color:#cfcaa5;margin-top:.5rem}@keyframes subtlePulse{0%,to{opacity:.6}50%{opacity:1}}.main-title{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.main-title h1{font-size:15rem;font-weight:700;color:#f03e25;margin:0;line-height:.8;letter-spacing:.1em;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}.portfolio{letter-spacing:.05em}.byline{display:flex;align-items:baseline;gap:.5rem}.by-text{color:#cfcaa5;font-size:1rem;font-weight:400;font-family:system-ui,sans-serif}.name-text{color:#cfcaa5;font-size:1.2rem;font-weight:700;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em}@media(max-width:1024px){.vertical-text{left:-8rem;font-size:1.1rem}.scroll-indicator{right:-8rem;font-size:1rem}.main-title h1{font-size:12rem}}@media(max-width:768px){.hero{padding:0 1rem}.main-title h1{font-size:6rem;letter-spacing:.05em}.vertical-text{left:-4rem;font-size:.9rem;letter-spacing:.1em}.scroll-indicator{right:-4rem;font-size:.8rem;letter-spacing:.1em}.year-capsule{font-size:.9rem;padding:.4rem 1.2rem;margin-bottom:1.5rem}.byline{flex-direction:column;gap:.2rem;align-items:center}.by-text{font-size:.9rem}.name-text{font-size:1rem;letter-spacing:.05em}.horizontal-line{left:1rem;right:1rem}}@media(max-width:480px){.main-title h1{font-size:4rem}.vertical-text{left:-2.5rem;font-size:.8rem;transform:translateY(-50%) rotate(-90deg) scale(.9)}.scroll-indicator{right:-2.5rem;font-size:.7rem;transform:translateY(-50%) rotate(90deg) scale(.9)}.hero-content{max-width:90%}.year-capsule{font-size:.8rem;padding:.3rem 1rem}.name-text{font-size:.9rem}}@media(prefers-color-scheme:light){a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;min-height:100vh}main{padding-top:80px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0e0e0e;box-shadow:0 1px 6px #0000004d}.navbar{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;height:64px}.navbar-logo img{height:80px;display:block}.navbar-menu{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navbar-menu a{text-decoration:none;color:#f03e25;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease;font-family:system-ui,sans-serif}.navbar-menu a:hover{color:#cfcaa5;background-color:#cfcaa5;color:#0e0e0e}