@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: rgba(255, 255, 255, .03);--bg-glass: rgba(255, 255, 255, .03);--clr-primary: #e8e4dd;--clr-primary-light: #f5f2ed;--clr-accent: #d4cfc6;--clr-glow: rgba(255, 255, 255, .08);--clr-text: #ede9e3;--clr-text-muted: #8a8580;--clr-text-dim: #5a5550;--clr-border: rgba(255, 255, 255, .06);--clr-border-hover: rgba(255, 255, 255, .14);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--clr-text);overflow-x:hidden;line-height:1.6;cursor:none}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.25;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1;color:var(--clr-text)}p{color:var(--clr-text-muted)}a{color:var(--clr-text-muted);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--clr-text)}.section{position:relative;z-index:1;padding:140px 24px;max-width:1100px;margin:0 auto}.section-label{font-family:var(--font-heading);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:4px;color:var(--clr-text-dim);margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}.section-label:before{content:"";display:inline-block;width:24px;height:1px;background:var(--clr-text-dim);border-radius:1px}.section-title{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:56px;color:var(--clr-text);letter-spacing:-1px}.section-title em{font-style:italic;font-weight:300;color:var(--clr-text-muted)}.section-number{font-family:var(--font-heading);font-size:clamp(5rem,12vw,10rem);font-weight:800;color:#ffffff04;position:absolute;top:80px;right:0;line-height:1;letter-spacing:-4px;pointer-events:none;-webkit-user-select:none;user-select:none}.section-divider{width:100%;max-width:1100px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 20%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 80%,transparent 100%)}.page-content{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}.page-content.page-visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--clr-text-dim);border-radius:2px}::selection{background:#ffffff26;color:var(--clr-text)}@media(pointer:coarse){body{cursor:auto}}@media(max-width:768px){.section{padding:80px 20px}}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--clr-text);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,background .25s ease;mix-blend-mode:difference}.cursor-dot.hovered{width:40px;height:40px;background:var(--clr-text)}@media(pointer:coarse){.cursor-dot{display:none}}.loader-wrapper{position:fixed;inset:0;z-index:10000;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.loader-wrapper.fade-out{opacity:0;visibility:hidden}.loader-mark{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--clr-text);letter-spacing:4px;animation:loader-pulse 1s ease-in-out infinite alternate}@keyframes loader-pulse{0%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0a80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,padding .4s ease}.navbar.scrolled{background:#0a0a0abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--clr-border);padding:16px 40px}.nav-logo{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--clr-text);letter-spacing:2px;transition:color .2s ease}.nav-logo:hover{color:var(--clr-primary)}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-family:var(--font-heading);font-size:.82rem;font-weight:500;color:var(--clr-text-dim);letter-spacing:.5px;transition:color .2s ease}.nav-links a:hover,.nav-links a.active{color:var(--clr-text)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--clr-text);border-radius:1px;transition:transform .3s ease,opacity .3s ease}.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(4.5px) translate(4.5px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-4.5px) translate(4.5px)}.nav-mobile-overlay{display:none;position:fixed;inset:0;z-index:99;background:#0a0a12f7;flex-direction:column;align-items:center;justify-content:center;gap:40px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.nav-mobile-overlay.open{opacity:1;visibility:visible}.nav-mobile-overlay a{font-family:var(--font-heading);font-size:1.8rem;font-weight:600;color:var(--clr-text-muted);letter-spacing:1px;transition:color .2s ease}.nav-mobile-overlay a:hover{color:var(--clr-text)}@media(max-width:768px){.nav-links{display:none}.nav-hamburger,.nav-mobile-overlay{display:flex}.navbar{padding:16px 20px}}.hero{position:relative;width:100%;height:100vh;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;--spot-x: 50%;--spot-y: 40%}.hero-spotlight{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-spotlight:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:140%;height:80%;background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(255,255,255,.07) 0%,rgba(255,255,255,.03) 30%,transparent 70%)}.hero-spotlight:after{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.02),transparent 60%);transition:background .4s ease}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;padding:0 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;font-family:var(--font-heading);font-size:.72rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--clr-text-muted);border:1px solid var(--clr-border);border-radius:50px;margin-bottom:40px;background:var(--bg-primary)}.badge-dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px #fff6;animation:badge-pulse 2.5s ease-in-out infinite;flex-shrink:0}.badge-divider{width:1px;height:14px;background:var(--clr-border-hover);flex-shrink:0}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px #fff6}50%{transform:scale(1.15);box-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #fffc,0 0 60px #fff6}}.hero-name{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.hero-name-words{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.hero-word{display:inline-block;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:700;letter-spacing:-3px;line-height:1;background:linear-gradient(90deg,var(--clr-text) 0%,var(--clr-text) 30%,var(--clr-primary-light) 50%,var(--clr-text) 70%,var(--clr-text) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shimmer 6s ease-in-out infinite}@keyframes gradient-shimmer{0%{background-position:100% 50%}50%{background-position:0% 50%}to{background-position:100% 50%}}.hero-tagline{font-size:clamp(.92rem,1.8vw,1.05rem);color:var(--clr-text-dim);max-width:460px;margin:0 auto 44px;line-height:1.85}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:16px}.hero-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;position:relative;border:none;border-radius:50px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.hero-cta .cta-text{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:14px 32px;pointer-events:none}.hero-cta:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;transform:translate(-50%,-50%) rotate(0);animation:shimmer-rotate 3s linear infinite}.hero-cta:after{content:"";position:absolute;inset:2px;border-radius:inherit;z-index:1;transition:background .3s ease}.hero-cta-primary{color:var(--clr-text-muted);background:var(--bg-primary)}.hero-cta-primary:before{background:conic-gradient(transparent 0%,transparent 30%,rgba(255,255,255,.3) 44%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.3) 56%,transparent 70%,transparent 100%)}.hero-cta-primary:after{background:var(--bg-primary)}.hero-cta-primary:hover{color:var(--clr-text);transform:translateY(-3px)}.hero-cta-primary:hover:after{background:#0f0f0f}.cta-arrow{display:inline-block;transition:transform .3s ease}.hero-cta-primary:hover .cta-arrow{transform:translate(4px)}.hero-cta-secondary{color:var(--clr-text-muted);background:var(--bg-primary)}.hero-cta-secondary:before{background:conic-gradient(transparent 0%,transparent 30%,rgba(255,255,255,.3) 44%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.3) 56%,transparent 70%,transparent 100%)}.hero-cta-secondary:after{background:var(--bg-primary)}.hero-cta-secondary:hover{color:var(--clr-text);transform:translateY(-3px)}.hero-cta-secondary:hover:after{background:#0f0f0f}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.hero-scroll span{font-size:.6rem;letter-spacing:3px;text-transform:uppercase;color:var(--clr-text-dim)}.scroll-line{width:1px;height:40px;background:var(--clr-border);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:linear-gradient(to bottom,transparent,var(--clr-text-dim));animation:scroll-pulse 1.8s ease-in-out infinite}@keyframes scroll-pulse{0%{top:-50%}to{top:100%}}@media(max-width:768px){.hero-word{letter-spacing:-1px;font-size:clamp(2.4rem,12vw,3.5rem)}.hero-scroll{bottom:24px}.hero-cta-group{flex-direction:column;gap:12px;width:100%}.hero-cta{width:100%;justify-content:center}.hero-cta .cta-text{padding:14px 24px;justify-content:center}.hero-name-words{gap:10px}.hero-tagline{font-size:.88rem;max-width:320px}}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}.about-text p{font-size:1.08rem;line-height:1.9;color:var(--clr-text-muted);margin-bottom:20px}.about-text p:last-child{margin-bottom:0}.about-text strong{color:var(--clr-text);font-weight:600}.about-focus{display:flex;flex-direction:column;gap:0;border-left:1px solid var(--clr-border);padding-left:32px}.about-focus-item{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid var(--clr-border)}.about-focus-item:last-child{border-bottom:none}.focus-marker{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#fff;margin-top:8px;box-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px #fff6;animation:focus-pulse 2.5s ease-in-out infinite}@keyframes focus-pulse{0%,to{transform:scale(1);box-shadow:0 0 2px #fff,0 0 4px #fff6}50%{transform:scale(1.1);box-shadow:0 0 4px #fff,0 0 10px #fff,0 0 20px #ffffff80}}.about-focus-item h4{font-size:.95rem;font-weight:600;color:var(--clr-text);margin-bottom:4px}.about-focus-item p{font-size:.82rem;color:var(--clr-text-dim);line-height:1.6}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:40px}.about-focus{border-left:none;padding-left:0}}.skills-section{position:relative;overflow:hidden}.marquee-wrapper{width:100%;overflow:hidden;padding:18px 0;border-top:1px solid var(--clr-border);position:relative}.marquee-wrapper:last-child{border-bottom:1px solid var(--clr-border)}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent)}.marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent)}.marquee-track{display:flex;gap:48px;white-space:nowrap;animation:marquee-scroll 40s linear infinite;width:max-content}.marquee-wrapper.reverse .marquee-track{animation-direction:reverse}.marquee-item{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:clamp(.82rem,1.3vw,.95rem);font-weight:400;color:var(--clr-text-dim);letter-spacing:.5px;padding:6px 0;transition:color .3s ease}.marquee-item:hover{color:var(--clr-text)}.marquee-icon{font-size:1.15rem;color:var(--clr-text-dim);transition:color .3s ease;flex-shrink:0}.marquee-item:hover .marquee-icon{color:var(--clr-text)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.marquee-track{gap:28px}.marquee-wrapper:before,.marquee-wrapper:after{width:60px}}.marquee-viewport{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%)}.marquee-track{display:flex;gap:24px;width:max-content;will-change:transform}.project-card{position:relative;border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);transition:border-color .4s ease,transform .4s ease;width:480px;min-width:480px;flex-shrink:0}.project-card:hover{border-color:var(--clr-border-hover);transform:translateY(-4px)}.project-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-bottom:1px solid var(--clr-border);background:#000}.project-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .6s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a99;opacity:0;transition:opacity .4s ease}.project-card:hover .project-overlay{opacity:1}.project-overlay-links{display:flex;gap:12px}.project-overlay-links a{padding:10px 24px;font-family:var(--font-heading);font-size:.78rem;font-weight:600;color:var(--clr-text);border:1px solid rgba(255,255,255,.3);border-radius:50px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0d;transition:background-color .2s ease,border-color .2s ease;transform:translateZ(0)}.project-overlay-links a:hover{background-color:#ffffff26;border-color:#fff9}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),rgba(255,255,255,.03))}.project-placeholder span{font-family:var(--font-heading);font-size:4rem;font-weight:800;color:#ffffff14}.project-info{padding:28px}.project-title{font-size:1.25rem;font-weight:700;color:var(--clr-text);margin-bottom:10px}.project-desc{font-size:.9rem;color:var(--clr-text-muted);line-height:1.7;margin-bottom:20px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{font-size:.72rem;font-weight:500;color:var(--clr-text-dim);letter-spacing:.5px;padding:4px 12px;border:1px solid var(--clr-border);border-radius:50px;transition:color .2s ease,border-color .2s ease}.project-card:hover .project-tag{color:var(--clr-text-muted);border-color:var(--clr-border-hover)}@media(max-width:1024px){.project-card{width:400px;min-width:400px}}@media(max-width:768px){.project-card{width:320px;min-width:320px}}@media(max-width:480px){.project-card{width:280px;min-width:280px}.project-info{padding:20px}.project-title{font-size:1.1rem}.project-desc{font-size:.82rem}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact-desc{font-size:1.05rem;line-height:1.8;color:var(--clr-text-muted);margin-bottom:32px}.contact-socials{display:flex;flex-wrap:wrap;gap:10px}.social-pill{display:inline-flex;align-items:center;padding:10px 20px;font-family:var(--font-heading);font-size:.82rem;font-weight:500;color:var(--clr-text-dim);border:1px solid var(--clr-border);border-radius:50px;transition:color .3s ease,border-color .3s ease,background .3s ease}.social-pill:hover{color:var(--clr-text);border-color:var(--clr-border-hover);background:#ffffff08}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{width:100%;padding:16px 20px;font-family:var(--font-body);font-size:.9rem;color:var(--clr-text);background:var(--bg-secondary);border:1px solid var(--clr-border);border-radius:var(--radius-md);outline:none;transition:border-color .3s ease;resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--clr-text-dim)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--clr-text-muted)}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill,.contact-form textarea:-webkit-autofill:hover,.contact-form textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--clr-text)!important;transition:background-color 5000s ease-in-out 0s}.form-submit{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--clr-text-muted);background:var(--bg-primary);border:none;border-radius:50px;cursor:pointer;position:relative;overflow:hidden;align-self:flex-start;transition:transform .3s ease,box-shadow .3s ease;padding:0}.form-submit .btn-text{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:16px 32px;pointer-events:none}.form-submit:before{content:"";position:absolute;top:50%;left:50%;width:500%;height:500%;transform:translate(-50%,-50%) rotate(0);animation:shimmer-rotate 3s linear infinite;background:conic-gradient(transparent 0%,transparent 30%,rgba(255,255,255,.3) 44%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.3) 56%,transparent 70%,transparent 100%)}.form-submit:after{content:"";position:absolute;inset:2px;border-radius:inherit;z-index:1;background:var(--bg-primary);transition:background .3s ease}@keyframes shimmer-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.form-submit:hover{color:var(--clr-text);transform:translateY(-2px)}.form-submit:hover:after{background:#0f0f0f}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:40px}.form-input,.form-textarea{font-size:16px}.form-submit{width:100%;text-align:center}}.footer{padding:40px 24px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;border-top:1px solid var(--clr-border)}.footer-copy{font-family:var(--font-heading);font-size:.76rem;color:var(--clr-text-dim);letter-spacing:.5px}.footer-links{display:flex;gap:20px}.footer-links a{font-family:var(--font-heading);font-size:.76rem;font-weight:500;color:var(--clr-text-dim);letter-spacing:.5px;transition:color .2s ease}.footer-links a:hover{color:var(--clr-text)}@media(max-width:768px){.footer{flex-direction:column;gap:16px;text-align:center}}.back-to-top{position:fixed;bottom:32px;right:32px;z-index:90;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--clr-border);border-radius:50%;background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--clr-text-dim);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s ease,visibility .4s ease,transform .4s ease,border-color .2s ease,color .2s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{border-color:var(--clr-border-hover);color:var(--clr-text)}@media(max-width:768px){.back-to-top{bottom:20px;right:20px;width:38px;height:38px}}