@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;700;900&display=swap";:root{--font-sans: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--bg-color: #030303;--text-primary: #f0f0f0;--text-secondary: #888888;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--rainbow-gradient: linear-gradient(90deg, #ff0066, #cc00ff, #00d2ff, #00ff66)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}.container{max-width:1200px;width:90%;margin:0 auto;padding:0}.background-beams{position:fixed;inset:0;z-index:-1;overflow:hidden;background-color:var(--bg-color)}.beam{position:absolute;width:40vw;height:40vw;border-radius:50%;filter:blur(120px);opacity:.4;animation:moveBeams 20s ease-in-out infinite alternate}.beam-1{background:#f06;top:-10%;left:-10%;animation-delay:0s}.beam-2{background:#00d2ff;bottom:-10%;right:-10%;animation-delay:-5s}.beam-3{background:#0f6;top:40%;left:50%;animation-delay:-10s}@keyframes moveBeams{0%{transform:translate(0) scale(1);filter:blur(120px) hue-rotate(0deg)}50%{transform:translate(20%,10%) scale(1.2);filter:blur(120px) hue-rotate(90deg)}to{transform:translate(-10%,20%) scale(.9);filter:blur(120px) hue-rotate(180deg)}}.hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;min-height:100vh;text-align:left;animation:fadeInDown 1s cubic-bezier(.16,1,.3,1) forwards}.hero-text-col{flex:1}.hero-image-col{flex:1;display:flex;justify-content:center}.hero-title{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;letter-spacing:-.05em;margin:0 0 .5rem;line-height:1.1}.hero-subtitle{font-size:1.4rem;color:var(--text-primary);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.hero-desc{margin-top:1.5rem;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;max-width:600px}.headshot{width:100%;max-width:350px;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 40px #0006}.projects-section{padding:4rem 0 8rem;min-height:100vh}.tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:.5rem 1rem;position:relative;transition:color .3s ease}.tab-btn:hover,.tab-btn.active{color:var(--text-primary)}.tab-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--text-primary);transform:scaleX(0);transition:transform .3s ease;transform-origin:center}.tab-btn.active:after{transform:scaleX(1)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s ease;cursor:pointer;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);background:var(--glass-hover)}.project-image-wrapper{width:100%;height:200px;overflow:hidden;border-bottom:1px solid var(--glass-border)}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:1.5rem;flex-grow:1}.project-title{font-size:1.4rem;margin-bottom:.5rem}.project-desc{color:var(--text-secondary);font-size:.95rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{flex-direction:column-reverse;text-align:center;gap:2rem;padding-top:4rem}.hero-title{font-size:3.5rem}.tabs{flex-direction:column;align-items:center}}