:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:#e6e6e6;background-color:#0b0b0b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #e6e6e6;--ink-muted: #bdbdbd;--paper: #0b0b0b;--paper-2: #111111;--paper-3: #151515;--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .22);--line-light: rgba(255, 255, 255, .08);--glow: rgba(255, 255, 255, .16);--glow-strong: rgba(255, 255, 255, .28)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at top,#1b1b1b,#0d0d0d 55%,#060606);color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:none;background:none;color:inherit;font-family:inherit}#root{min-height:100vh;width:100%}html{scroll-behavior:smooth}.page{color:var(--ink);position:relative;overflow-x:hidden}.smooth-cursor-root{position:fixed;inset:0;pointer-events:none;z-index:9999}.smooth-cursor{position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.8);border-radius:999px;display:grid;place-items:center;mix-blend-mode:screen}.smooth-cursor.is-glow{filter:drop-shadow(0 0 18px rgba(255,255,255,.35))}.smooth-cursor-trail{position:absolute;top:0;left:0;border-radius:999px;border:1px solid rgba(255,255,255,.4);mix-blend-mode:screen}body.smooth-cursor-enabled{cursor:none}.beams-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.85}.panel-with-rays{position:relative}.panel-with-rays .light-rays-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35}.light-rays-root{width:100%;height:100%;position:relative}.panel-with-particles{position:relative}.panel-with-particles .particles-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.35}.particles-root{width:100%;height:100%;position:relative}.particles-root canvas{width:100%;height:100%;display:block}.liquid-bg{position:fixed;left:0;right:0;top:100vh;height:300vh;z-index:2;pointer-events:none;opacity:.8}.beams-canvas{width:100%!important;height:100%!important}.topbar{--dock: 1;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:center;align-items:center;padding:1.5rem 5vw .5rem}.nav-island{display:flex;align-items:center;gap:calc(1.5rem - .5rem * var(--dock));padding:calc(.8rem - .25rem * var(--dock)) calc(1.6rem - .4rem * var(--dock));border-radius:999px;background:#0a0a0ad1;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 24px #ffffff1f,0 0 80px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:none;animation:island-breathe 8s ease-in-out infinite;transform:translateY(calc(-2px * var(--dock))) scale(calc(1 - .02 * var(--dock)));position:relative}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;justify-content:center}.brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:10px;background:var(--paper-2);color:var(--ink);font-size:.95rem}.brand-text{font-size:.85rem;transition:opacity .3s ease,max-width .3s ease;max-width:calc(160px * (1 - var(--dock)));opacity:calc(1 - var(--dock));overflow:hidden;white-space:nowrap}.nav{display:flex;gap:calc(1.5rem - .5rem * var(--dock));font-size:calc(.9rem - .08rem * var(--dock));text-transform:uppercase;letter-spacing:.06em;justify-content:center;flex-wrap:nowrap}.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#0c0c0cbf;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .45s ease,border-color .45s ease,transform .45s ease,box-shadow .45s ease}.menu-icon{width:24px;height:24px}.menu-icon line{stroke:#fff;stroke-width:2.4;stroke-linecap:round;transform-box:fill-box;transform-origin:center;transition:transform .45s ease,opacity .45s ease}.menu-toggle:hover{background:#121212e6;border-color:#ffffff59;box-shadow:0 0 18px #ffffff1f;transform:translateY(-1px)}.menu-toggle.is-open .menu-icon line:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open .menu-icon line:nth-child(2){opacity:0}.menu-toggle.is-open .menu-icon line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav a{position:relative;padding:.35rem .7rem;border-radius:999px;transform:translateY(0) scale(1);will-change:transform,box-shadow;transition:color .45s ease,background .45s ease,box-shadow .45s ease,transform .45s cubic-bezier(.22,.61,.36,1)}.nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--ink);transition:width .45s ease}.nav a:hover:after{width:100%}.nav a:hover{transform:translateY(-1px) scale(1.04);background:#ffffff14;box-shadow:0 0 18px #fff3,0 0 50px #ffffff1f}.nav a.is-active{background:#ffffff1f;transform:translateY(-1px) scale(1.06);box-shadow:0 0 20px #ffffff40,0 0 70px #ffffff2e}@keyframes island-breathe{0%,to{box-shadow:0 0 22px #ffffff1f,0 0 70px #ffffff14}50%{box-shadow:0 0 28px #ffffff2e,0 0 90px #ffffff1f}}.panel{position:relative;min-height:100vh;padding:7.5rem 7vw 4rem;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;scroll-margin-top:120px}.panel:before,.panel:after{content:"";position:absolute;left:0;right:0;height:190px;pointer-events:none;z-index:1}.panel:before{top:0;background:linear-gradient(to bottom,#060606f2,#06060600)}.panel:after{bottom:0;background:linear-gradient(to top,#060606f2,#06060600)}.electric-border{position:relative;width:100%;border-radius:22px}.electric-border-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.electric-border-canvas-el{display:block}.electric-border-frame{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.electric-border-glow{position:absolute;inset:0;border-radius:inherit;filter:blur(1px)}.electric-border-glow.strong{filter:blur(4px)}.electric-border-halo{position:absolute;inset:0;border-radius:inherit;transform:scale(1.1);opacity:.35;filter:blur(32px)}.electric-border-inner{position:relative;border-radius:inherit;z-index:1}.electric-card{border-radius:22px}.panel-content{position:relative;z-index:2;max-width:1100px;width:100%;display:grid;justify-items:center;text-shadow:0 0 40px rgba(255,255,255,.2)}.eyebrow{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}.hero-title{font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.02;font-weight:600;max-width:18ch}.hero-title span{display:block;font-weight:400;font-size:clamp(1.6rem,3vw,2.8rem);margin-top:1.25rem}.hero-subtitle{margin-top:2rem;max-width:62ch;font-size:1.05rem}.hero-actions{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;border:1px solid rgba(255,255,255,.7);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;transition:transform .45s ease,background .45s ease,color .45s ease,box-shadow .45s ease,border-color .45s ease;border-radius:999px}.button.primary{background:#fff;color:#060606;box-shadow:0 0 26px #ffffff59,0 0 70px #ffffff38,0 0 120px #ffffff1f}.button.ghost{background:transparent;color:#fff;box-shadow:0 0 22px #ffffff2e,0 0 60px #ffffff1f}.button:hover{transform:translateY(-3px)}.button.is-loading{position:relative;overflow:hidden}.button.is-loading:after{content:"";position:absolute;inset:-120% 40% 40% -120%;background:radial-gradient(circle,#fff9,#fff0);animation:button-pulse 1.4s ease-in-out infinite;opacity:.7}.scroll-indicator{position:absolute;right:50%;transform:translate(50%);bottom:2.5rem;display:grid;gap:.5rem;z-index:2}.scroll-indicator span{width:2px;height:24px;background:var(--ink);box-shadow:0 0 18px #ffffff4d,0 0 42px #ffffff2e;animation:pulse 1.5s infinite ease-in-out}.scroll-indicator span:last-child{animation-delay:.3s}.panel-hero .panel-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.1),transparent 65%);animation:drift 12s ease-in-out infinite;z-index:1}.panel-about{background:#0f0f0f;color:var(--ink)}.panel-about:before{border-color:var(--line-light)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2.5rem;width:100%}.about-card{padding:1.5rem;border:1px solid var(--line-light);background:#ffffff08;text-align:center;border-radius:20px;box-shadow:0 0 30px #ffffff2e,0 0 90px #ffffff1a,inset 0 0 26px #ffffff0f}.about-card h3{margin-bottom:.75rem}.panel-projects{background:#0b0b0b}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2.5rem;width:100%}.projects-note{margin-top:1.5rem;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted)}.projects-grid .electric-card{max-width:420px;width:100%;margin:0 auto}.project-card{border:1px solid var(--line);padding:1.75rem;background:#ffffff0a;display:grid;gap:1rem;min-height:280px;text-align:center;justify-items:center;border-radius:20px;max-width:420px;width:100%;margin:0 auto;box-shadow:0 0 34px #ffffff2e,0 0 90px #ffffff1f,inset 0 0 22px #ffffff0f}.project-meta{display:flex;justify-content:center;gap:1.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em}.project-tags{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.project-tags span{border:1px solid var(--line-strong);padding:.3rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;border-radius:999px;box-shadow:0 0 18px #fff3,0 0 50px #ffffff1f}.project-link{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;display:inline-flex;align-items:center;gap:.5rem}.project-link.muted{opacity:.6}.panel-contact{background:#0d0d0d}.contact-text{margin-top:1.5rem;max-width:50ch}.contact-form{margin-top:2rem;width:100%;max-width:520px;display:grid;gap:1.1rem}.contact-field{display:grid;gap:.4rem;text-align:left}.contact-field span{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.contact-field input,.contact-field textarea{width:100%;border-radius:14px;border:1px solid var(--line);padding:.85rem 1rem;background:#ffffff0a;color:var(--ink);font-family:inherit;transition:border .3s ease,box-shadow .3s ease,background .3s ease}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:var(--line-strong);box-shadow:0 0 18px #ffffff1f;background:#ffffff0f}.contact-field textarea{resize:vertical;min-height:140px}.contact-form .button{justify-self:center}.contact-form .button[disabled]{opacity:.7;cursor:not-allowed;transform:none}.contact-status{margin-top:1rem;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;animation:status-pop .5s ease}.contact-status.success{color:#c7f9cc}.contact-status.error{color:#ffb3b3}.contact-field input,.contact-field textarea{transition:border .45s ease,box-shadow .45s ease,background .45s ease,transform .45s ease}.contact-field input:hover,.contact-field textarea:hover{border-color:var(--line-strong)}.about-card,.project-card,.project-tags span{transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}.about-card:hover,.project-card:hover{transform:translateY(-4px);box-shadow:0 0 38px #ffffff38,0 0 100px #ffffff24,inset 0 0 24px #ffffff14}@keyframes status-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes button-pulse{0%{transform:translateZ(0) scale(.6);opacity:.2}50%{transform:translate3d(12%,12%,0) scale(1.1);opacity:.6}to{transform:translateZ(0) scale(.6);opacity:.2}}.contact-actions{margin-top:2.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-note{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}[data-reveal]{opacity:0;transform:translate3d(0,60px,0);transition:opacity .7s ease,transform .7s ease;filter:drop-shadow(0 0 28px rgba(255,255,255,.2)) drop-shadow(0 0 80px rgba(255,255,255,.1))}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-20px,15px,0) scale(1.05)}to{transform:translateZ(0) scale(1)}}@keyframes pulse{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}to{opacity:.4;transform:translateY(0)}}@keyframes nav-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.smooth-cursor-root{display:none}body.smooth-cursor-enabled{cursor:auto}.topbar{align-items:stretch;padding:1.2rem 5vw .5rem}.nav-island{width:100%;justify-content:space-between;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.brand-text{max-width:none;opacity:1}.menu-toggle{display:inline-flex}.menu-toggle:hover{background:#0c0c0cbf;border-color:#ffffff38;box-shadow:none;transform:none}.nav{position:absolute;top:calc(100% + .6rem);left:0;right:0;padding:.9rem;border-radius:20px;background:#0c0c0cf2;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 22px #ffffff1f,0 0 70px #ffffff14;display:grid;gap:.6rem;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px) scale(.98);transform-origin:top;pointer-events:none;transition:opacity .7s ease,transform .7s ease,max-height .8s ease}.nav.is-open{opacity:1;transform:translateY(0) scale(1);max-height:260px;pointer-events:auto;animation:nav-slide-in .8s cubic-bezier(.22,.61,.36,1)}.nav a{justify-content:center;padding:.55rem .9rem}.panel{padding-top:10rem}.scroll-indicator{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}