*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg-2:#0f0f0f;--surface:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff12;--border-bright:#ffffff2e;--white:#f5f5f5;--white-60:#f5f5f599;--white-30:#f5f5f54d;--white-12:#f5f5f51f;--accent:#ffd500;--accent-dim:#ffd50026;--accent-glow:#ffd5008c;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--r-sm:6px;--r-md:12px;--r-lg:20px;--halo-size:3px;--halo-speed:4s}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;cursor:none;min-height:100vh;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:128px 128px;animation:.4s step-end infinite grain-move;position:fixed;inset:0}@keyframes grain-move{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(2%,-4%)}70%{transform:translate(-4%,1%)}80%{transform:translate(1%,-2%)}90%{transform:translate(3%,-3%)}to{transform:translate(-2%,2%)}}body:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(#0000 50%,#0000008c 100%);position:fixed;inset:0}.cursor{background:var(--accent);pointer-events:none;z-index:99999;mix-blend-mode:difference;will-change:transform;border-radius:50%;width:10px;height:10px;transition:transform .15s,width .2s,height .2s;position:fixed;top:0;left:0}.cursor.hovering{background:var(--white);width:40px;height:40px}.hub{z-index:1;max-width:1100px;margin:0 auto;padding:0 40px 60px;position:relative}.top-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:0;padding:20px 0 14px;display:flex}.top-logo{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--white-60);font-size:.875rem;font-weight:600}.top-status{color:var(--white-30);letter-spacing:.06em;align-items:center;gap:8px;font-size:.75rem;display:flex}.status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:end;gap:24px;padding:56px 0 48px;display:grid}.hero-left{flex-direction:column;gap:16px;display:flex}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--white-30);align-items:center;gap:14px;font-size:.75rem;font-weight:500;display:flex}.eyebrow-line{background:var(--accent);width:32px;height:1px;display:block}.hero-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--white);font-size:clamp(3.5rem,9vw,7.5rem);font-weight:700;line-height:.92;overflow:hidden}.hero-name .word{display:block;overflow:hidden}.hero-name .word span{display:block}.hero-role-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-role-pill{border:1px solid var(--border-bright);color:var(--white-60);letter-spacing:.04em;background:var(--surface);border-radius:100px;align-items:center;gap:8px;padding:7px 16px;font-size:.8125rem;font-weight:500;display:inline-flex}.hero-role-pill:last-child{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.hero-bio{color:var(--white-60);max-width:480px;font-size:1rem;line-height:1.75}.hero-right{flex-direction:column;align-items:flex-end;gap:12px;padding-bottom:8px;display:flex}.hero-index{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--border-bright);-webkit-user-select:none;user-select:none;font-size:clamp(5rem,10vw,8rem);font-weight:700;line-height:1}.scroll-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--white-30);flex-direction:column;align-items:center;gap:6px;font-size:.6875rem;animation:2.5s ease-in-out infinite bounce-y;display:flex}.scroll-hint:after{content:"↓";color:var(--accent);font-size:14px}@keyframes bounce-y{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{border-bottom:1px solid var(--border);padding:48px 0}.section-label{align-items:center;gap:16px;margin-bottom:28px;display:flex}.label-num{letter-spacing:.14em;color:var(--accent);font-size:.6875rem;font-weight:500;font-family:var(--font-display)}.label-text{letter-spacing:.18em;text-transform:uppercase;color:var(--white-30);font-size:.6875rem;font-weight:500}.label-rule{background:var(--border);transform-origin:0;flex:1;height:1px}.socials-list{flex-direction:column;gap:0;display:flex}.social-row{border-bottom:1px solid var(--border);color:var(--white);cursor:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-row-bg{z-index:0;pointer-events:none;background:#ffffff0a;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.social-row:hover .social-row-bg{width:100%}.social-row-left{z-index:1;align-items:center;gap:24px;display:flex;position:relative}.social-num{color:var(--white-30);font-size:.6875rem;font-family:var(--font-display);flex-shrink:0;width:24px;font-weight:500}.social-row-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.125rem,2.5vw,1.625rem);font-weight:600;transition:color .2s}.social-row:hover .social-row-name{color:var(--accent)}.social-row-handle{color:var(--white-30);z-index:1;margin-left:auto;padding-right:16px;font-size:.8125rem;position:relative}.social-row-icon{z-index:1;color:var(--white-30);flex-shrink:0;font-size:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s;position:relative}.social-row:hover .social-row-icon{color:var(--accent);transform:translate(4px,-4px)scale(1.15)}.projects-bento{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@property --halo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --halo-angle-fast{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes halo-spin{to{--halo-angle:360deg}}@keyframes halo-spin-fast{to{--halo-angle-fast:360deg}}.project-card{background:var(--surface);border-radius:var(--r-lg);color:var(--white);cursor:none;isolation:isolate;flex-direction:column;min-height:200px;text-decoration:none;display:flex;position:relative}.project-card:before{content:"";inset:calc(var(--halo-size) * -1);border-radius:calc(var(--r-lg) + var(--halo-size));background:conic-gradient(from var(--halo-angle), transparent 0%, var(--accent) 15%, #00d4ff 35%, #b44fff 55%, transparent 65%);opacity:.3;z-index:-2;filter:blur(2px);transition:opacity .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1);animation:5s linear infinite halo-spin;position:absolute}.project-card-halo-fast{content:"";inset:calc(var(--halo-size) * -1);border-radius:calc(var(--r-lg) + var(--halo-size));background:conic-gradient(from var(--halo-angle-fast), transparent 0%, var(--accent) 15%, #00d4ff 35%, #b44fff 55%, transparent 65%);opacity:0;z-index:-2;filter:blur(4px);pointer-events:none;transition:opacity .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1);animation:1.8s linear infinite halo-spin-fast;position:absolute}.project-card:hover .project-card-halo-fast{opacity:1}.project-card:after{content:"";border-radius:calc(var(--r-lg) - 1px);background:var(--bg);z-index:-1;pointer-events:none;position:absolute;inset:1px}.project-card:first-child{grid-column:span 2;min-height:240px}.project-card:hover:before{opacity:.6;filter:blur(3px)}.project-card-thumb{background:linear-gradient(135deg, var(--thumb-from,#1a1a2e), var(--thumb-to,#16213e));border-radius:calc(var(--r-lg) - 2px) calc(var(--r-lg) - 2px) 0 0;flex:1;justify-content:center;align-items:center;font-size:52px;display:flex;position:relative;overflow:hidden}.project-card-thumb:after{content:"";z-index:0;background:linear-gradient(#0000 40%,#080808b3);position:absolute;inset:0}.card-shine{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff0f 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.project-card:hover .card-shine{opacity:1}.project-card-body{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.project-card-meta{justify-content:space-between;align-items:center;display:flex}.project-card-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.project-card-arrow{color:var(--white-30);font-size:16px;transition:transform .25s,color .25s}.project-card:hover .project-card-arrow{color:var(--accent);transform:translate(3px,-3px)}.project-card-desc{color:var(--white-30);font-size:.8125rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.project-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-bright);color:var(--white-30);border-radius:100px;padding:3px 10px;font-size:.625rem;font-weight:600}.hub-footer{justify-content:space-between;align-items:center;padding:28px 0 0;display:flex}.footer-copy{color:var(--white-30);letter-spacing:.06em;font-size:.75rem}.footer-accent{color:var(--accent);letter-spacing:.06em;font-size:.75rem;font-family:var(--font-display)}@media (width<=768px){.hub{padding:0 20px 40px}.hero{grid-template-columns:1fr;padding:36px 0}.hero-right{display:none}.projects-bento{grid-template-columns:1fr}.project-card:first-child{grid-column:span 1}.social-row-handle{display:none}}@media (width<=480px){.hero-name{font-size:clamp(2.8rem,14vw,3.5rem)}}.particle-field{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{background:var(--accent);will-change:transform, opacity;border-radius:50%;display:block;position:absolute}.no-projects{flex-direction:column;align-items:center;gap:36px;padding:64px 24px;display:flex}.no-projects-orbit{flex-shrink:0;width:160px;height:160px;position:relative}.orbit-ring{border:1px solid #0000;border-top-color:var(--accent);border-radius:50%;position:absolute;inset:0}.orbit-ring-1{border-color:#c8ff3e2e;border-top-color:var(--accent);animation:3s linear infinite orbit-spin}.orbit-ring-2{border-color:#ffd5001f;border-top-color:var(--accent);border-right-color:var(--accent);animation:5s linear infinite reverse orbit-spin;inset:16px}.orbit-ring-3{border-color:#ffd5001a;border-top-color:var(--accent);animation:7.5s linear infinite orbit-spin;inset:32px}@keyframes orbit-spin{to{transform:rotate(360deg)}}.orbit-core{background:radial-gradient(circle,#c8ff3e26,#0000);border-radius:50%;justify-content:center;align-items:center;animation:2.5s ease-in-out infinite orbit-core-pulse;display:flex;position:absolute;inset:48px}@keyframes orbit-core-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.orbit-favicon{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(0 0 10px var(--accent-glow))}.orbit-dot{border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}.orbit-dot-1{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform-origin:0 0;animation:3s linear infinite orbit-dot-1}.orbit-dot-2{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform-origin:0 0;animation:5s linear infinite reverse orbit-dot-2}.orbit-dot-3{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform-origin:0 0;animation:7.5s linear infinite orbit-dot-3}@keyframes orbit-dot-1{0%{transform:rotate(0)translate(80px)}to{transform:rotate(360deg)translate(80px)}}@keyframes orbit-dot-2{0%{transform:rotate(0)translate(64px)}to{transform:rotate(360deg)translate(64px)}}@keyframes orbit-dot-3{0%{transform:rotate(90deg)translate(48px)}to{transform:rotate(450deg)translate(48px)}}.no-projects-text{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.no-projects-msg{font-family:var(--font-display);color:var(--white);letter-spacing:-.01em;min-height:2em;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600}.no-projects-sub{color:var(--white-30);letter-spacing:.04em;font-size:.8125rem}.no-projects-sub .accent{color:var(--accent);font-family:var(--font-display)}.no-projects-bar{background:var(--border);border-radius:2px;width:min(320px,80vw);height:2px;overflow:hidden}.no-projects-bar-fill{background:var(--accent);border-radius:2px;width:40%;height:100%;animation:2.4s ease-in-out infinite bar-slide}@keyframes bar-slide{0%{opacity:.4;transform:translate(-100%)}40%{opacity:1}to{opacity:.4;transform:translate(350%)}}