@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--h: 345;--s: 65%;--bg: hsl(var(--h), 0%, 2%);--white: hsl(var(--h), 0%, 98%);--grey: hsl(var(--h), 5%, 10%);--red: hsl(var(--h), var(--s), 50%);--red-deep: hsl(var(--h), var(--s), 20%);--s-4: 4px;--s-8: 8px;--s-12: 12px;--s-16: 16px;--s-24: 24px;--s-32: 32px;--s-48: 48px;--s-64: 64px;--s-96: 96px;--sans: "Inter", system-ui, sans-serif;--heading: "Syne", sans-serif;--mouse-x: 50%;--mouse-y: 50%;--glow: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), hsla(var(--h), var(--s), 50%, .15) 0%, hsla(var(--h), var(--s), 40%, .05) 40%, transparent 100% );background-color:var(--bg);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden;background:var(--bg)}#root{width:100%;min-height:100vh}h1,h2,h3{font-family:var(--heading);line-height:1.1;letter-spacing:-.04em}p{line-height:1.6;color:#fff9}.container{width:100%;position:relative}.content-wrap{max-width:1200px;margin:0 auto;padding:0 var(--s-32)}.tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin-bottom:var(--s-16);display:block}.nav-link{position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:3px;height:3px;background:var(--red);border-radius:50%;box-shadow:0 0 5px var(--red)}.nav-pill{position:fixed;top:var(--s-32);left:50%;transform:translate(-50%);background:#0d0d0db3;-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);border:1px solid hsla(0,0%,100%,.05);padding:var(--s-12) var(--s-24);border-radius:100px;display:flex;gap:var(--s-32);z-index:1000;box-shadow:0 20px 40px #0006}.nav-link{color:#fff6;text-decoration:none;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.nav-link:hover,.nav-link.active{color:var(--white)}.hero-minimal{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--bg);position:relative;overflow:hidden}.hero-minimal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glow);pointer-events:none;z-index:1}.hero-content{position:relative;z-index:5;padding-top:var(--s-96)}.hero-minimal h1{font-size:clamp(6rem,18vw,14rem);font-weight:800;color:var(--white);margin:var(--s-16) 0;letter-spacing:-.06em}.hero-minimal .tilted{display:inline-block;transform:rotate(-8deg)}.hero-minimal .tag{color:var(--red);opacity:.8;font-size:14px}.hero-minimal .subtitle{max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);color:#ffffff80;font-weight:400}.grit-section{padding:var(--s-96) 0;background:var(--bg)}section{margin-bottom:var(--s-96)}.coming-soon-placeholder{margin-top:var(--s-48);padding:var(--s-64) 0;text-align:center;background:#ffffff03;border:1px dashed hsla(0,0%,100%,.1);border-radius:var(--s-24)}.placeholder-text{font-size:clamp(2rem,5vw,4rem);font-weight:800;color:var(--white);margin-bottom:var(--s-16);letter-spacing:-.02em}.coming-soon-placeholder p{color:#fff6;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--s-48);margin-top:var(--s-48)}.card{background:var(--grey);border:1px solid hsla(0,0%,100%,.05);border-radius:var(--s-16);overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;position:relative}.card:hover{transform:translateY(-12px) scale(1.02);border-color:hsla(var(--h),var(--s),50%,.4);box-shadow:0 0 30px hsla(var(--h),var(--s),50%,.1)}.card-image-placeholder{width:100%;height:200px;background:#080808;display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.02)}.card-image-placeholder span{font-family:var(--heading);font-size:2.5rem;font-weight:800;color:#ffffff08}.card-content{padding:var(--s-32)}.card-tag{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--red);letter-spacing:.1em;display:block;margin-bottom:var(--s-8)}.card h3{font-size:1.75rem;margin-bottom:var(--s-12);color:var(--white)}.card p{font-size:15px;color:#fff6;line-height:1.6}.skills-list{display:flex;flex-wrap:wrap;gap:var(--s-16);list-style:none}.skill-tag{background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);padding:var(--s-12) var(--s-24);border-radius:var(--s-8);font-weight:600;font-size:14px;color:#ffffff80;transition:all .3s ease}.skill-tag:hover{background:hsla(var(--h),var(--s),50%,.05);border-color:hsla(var(--h),var(--s),50%,.2);color:var(--white);transform:translateY(-2px)}@media(max-width:768px){.hero-minimal h1{font-size:4rem}.content-wrap{padding:0 var(--s-24)}}footer{padding:var(--s-64) 0;border-top:1px solid hsla(0,0%,100%,.03);text-align:center;margin-top:var(--s-96)}footer p{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;font-weight:600}footer .signature{color:hsla(var(--h),var(--s),50%,.6);font-weight:800;margin-left:4px}