@keyframes typewriter{to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:Satoshi,sans-serif;font-size:44px}p{font-family:Figtree,sans-serif;font-size:16px}a{letter-spacing:-.02rem;font-size:14px;font-family:Red Hat Mono,monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.page-container{margin:0 auto;padding:2rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:3.5rem;color:#2c2523;margin-bottom:.5rem}@media (max-width: 768px){.page-header h1{font-size:2.5rem;padding:0;margin-left:0}}.page-header .page-subtitle{font-family:Red Hat Mono,monospace;font-weight:500;margin-bottom:1rem;color:#2c2523}@media (max-width: 768px){.page-header .page-subtitle{font-size:1rem}}.content-section{margin-top:-10px}.content-section p{margin-top:1rem;line-height:1.6;margin-bottom:2rem;color:#2c2523}.section{margin:3rem 0}.section h2{color:#2c2523;margin-bottom:2rem;text-align:left}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.card{background:#2c252308;padding:2rem 3rem;border:1px solid rgba(44,37,35,.2)}.card h3{color:#2c2523;margin-bottom:1rem;font-size:1.2rem}.card p{margin:0}.hero-section{min-height:100vh;display:flex;flex-direction:column;min-width:90vw;justify-content:center;padding:2rem;max-width:1200px;margin:0 auto}.hero-intro{text-align:left;margin-bottom:4rem}.hero-title{font-size:4rem;color:#2c2523;margin-bottom:1rem;font-family:Satoshi;font-weight:700}.hero-roles{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.role{font-family:Red Hat Mono,monospace;font-size:.9rem;padding:.5rem 1rem;border:1px solid rgba(44,37,35,.2);background:#2c25230d;color:#655550;transition:all .3s ease;cursor:pointer;background-image:radial-gradient(circle at 20% 50%,rgba(44,37,35,.02) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(44,37,35,.01) 1px,transparent 1px);background-size:30px 30px,50px 50px;text-align:left}.role.active{background:#2c25231a;color:#2c2523;font-weight:600;box-shadow:0 4px 8px -1px #00000014,1px 2px 4px -.5px #0000001f;transform:translateY(-2px)}.role:hover{box-shadow:0 2px 4px -.5px #00000014,.5px 1px 2px -.25px #0000001f;transform:translateY(-1px);background:#2c252314}.hero-tagline{font-size:1.5rem}.hero-grid{margin-top:-50px;display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;margin-bottom:3rem}.hero-card{background:#2c252308;padding:2.5rem 2rem;text-decoration:none;color:#2c2523;text-align:center;position:relative;overflow:hidden}.hero-card:hover{text-decoration:none;transform:translateY(-1px) rotate(1deg)}.hero-card:hover .card-hover{opacity:1;transform:translateY(0)}.hero-card:hover .card-icon{transform:scale(1.2) rotate(5deg)}.card-icon{font-size:3.5rem;display:block;margin-bottom:1rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hero-card h3{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:#2c2523}.hero-card p{color:#655550;margin-bottom:1rem;font-size:.95rem}.card-hover{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(44,37,35,.9),transparent);color:#fff;padding:1rem;font-family:Red Hat Mono,monospace;font-size:.9rem;font-weight:600;opacity:0;transform:translateY(100%);transition:all .3s ease}.resume-card{order:-1}.hero-footer{text-align:center}.footer-text{font-style:italic;color:#9a8681;font-size:.9rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-card{padding:2rem 1.5rem}.role{font-size:.9rem;padding:.4rem .8rem}}@media (max-width: 480px){.hero-roles{flex-direction:column;align-items:center;gap:.5rem}.hero-title{font-size:2rem}}
