t{--radius-premium:24px;--radius-inner:16px;--font-sans:"Plus Jakarta Sans", sans-serif;--font-display:"Syne", sans-serif;--transition-smooth:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--bg-pure:#050505;--bg-surface:#0c0c0e;--bg-surface-elevated:#141417;--border-color:#ffffff0f;--border-hover:#ffffff2e;--text-primary:#f5f5f7;--text-secondary:#86868b;--text-muted:#424245;--accent-glow:#ffffff14;--name-border:#ffffff80;--grain-opacity:.025}:root[data-theme=light]{--bg-pure:#f5f5f7;--bg-surface:#fff;--bg-surface-elevated:#e8e8ed;--border-color:#00000014;--border-hover:#00000038;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--accent-glow:#0000000a;--name-border:#000000e6;--grain-opacity:.04}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-pure);color:var(--text-primary);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;height:100%;overflow-x:hidden}.scroll-container-track{z-index:1;pointer-events:none;width:100%;height:700vh;position:absolute;top:0;left:0}.viewport-canvas{z-index:2;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}@media (width<=900px){.scroll-container-track{display:none}.viewport-canvas{height:auto;position:relative;overflow:visible}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:rgba(var(--bg-pure), .7);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;padding:26px 40px;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-display);letter-spacing:-1px;color:var(--text-primary);opacity:0;transition:opacity .2s linear, transform .3s var(--transition-smooth);font-size:1.4rem;font-weight:800;transform:scale(.85)}.nav-right-group{align-items:center;gap:40px;display:flex}.nav-links{gap:30px;display:flex}.nav-item{color:var(--text-secondary);align-items:center;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.nav-item:hover{color:var(--text-primary)}.theme-btn{border:1px solid var(--border-color);color:var(--text-primary);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative;overflow:hidden}.theme-icon-icon{transition:transform .5s var(--transition-smooth);font-size:1rem;position:absolute}[data-theme=dark] .moon-icon{transform:translateY(0)}[data-theme=dark] .sun-icon{transform:translateY(30px)}[data-theme=light] .moon-icon{transform:translateY(-30px)}[data-theme=light] .sun-icon{transform:translateY(0)}@media (width<=900px){.nav-links{display:none}.nav-logo{opacity:1!important;transform:none!important}}.kinetic-section{opacity:0;pointer-events:none;will-change:transform, opacity, filter;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 8%;display:flex;position:absolute;top:0;left:0;transform:translate(0,0)}.kinetic-section.active{pointer-events:auto}.name-highlight{color:var(--text-primary);border:1px solid var(--name-border);background:var(--accent-glow);letter-spacing:.5px;border-radius:6px;margin:0 4px;padding:2px 10px;font-weight:600;display:inline-block;position:relative;box-shadow:0 2px 12px #0000000d}@media (width<=900px){.kinetic-section{pointer-events:auto;height:auto;padding:100px 24px;position:relative;opacity:1!important;filter:none!important;transform:none!important}}.hero-center-wrapper{text-align:left;max-width:900px}.hero-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-2px;margin-bottom:28px;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:700;line-height:1.15}.text-gradient{color:#0000;-webkit-text-stroke:1px var(--text-primary);opacity:.75}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:300;line-height:1.65}.hero-cta{gap:20px;display:flex}.btn{border-radius:var(--radius-inner);transition:all .3s var(--transition-smooth);align-items:center;gap:10px;padding:15px 30px;font-size:.95rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-pure)}.btn-primary:hover{transform:translateY(-3px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-elevated)}.about-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}.about-left h2{font-family:var(--font-display);margin:12px 0 20px;font-size:2.8rem;line-height:1.2}.about-left p{color:var(--text-secondary);font-size:1.1rem;font-weight:300;line-height:1.65}.about-right{flex-wrap:wrap;gap:12px;display:flex}.skill-pill{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:100px;align-items:center;padding:12px 22px;font-size:.92rem;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.skill-pill.pill-highlighted{background:var(--bg-surface-elevated);box-shadow:0 0 15px var(--accent-glow);border-color:var(--text-primary)!important}.heart-icon{background-color:var(--text-muted);vertical-align:middle;width:8px;height:8px;margin-left:8px;transition:background-color .3s;display:inline-block;position:relative;transform:rotate(-45deg)}.heart-icon:before,.heart-icon:after{content:"";background-color:var(--text-muted);border-radius:50%;width:8px;height:8px;transition:background-color .3s;position:absolute}.heart-icon:before{top:-4px;left:0}.heart-icon:after{top:0;left:4px}.skill-pill.pill-highlighted .heart-icon,.skill-pill.pill-highlighted .heart-icon:before,.skill-pill.pill-highlighted .heart-icon:after{background-color:var(--text-primary)}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}}.contact-card{background:radial-gradient(ellipse at top right, var(--bg-surface-elevated) 0%, var(--bg-surface) 75%);border:1px solid var(--border-color);border-radius:var(--radius-premium);text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:60px 40px}.contact-card h2{font-family:var(--font-display);margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.8rem)}.contact-card p{color:var(--text-secondary);margin-bottom:30px;font-size:1.05rem}.email-container{width:100%;margin-bottom:45px;overflow:hidden}.email-link{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.1rem,3.5vw,2.6rem);font-weight:700;text-decoration:none}.footer-socials{justify-content:center;gap:20px;display:flex}.footer-socials .social-item{background:var(--bg-surface);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-secondary);transition:all .3s var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.footer-socials .social-item:hover{color:var(--text-primary);border-color:var(--border-hover)}.x-icon-svg{fill:currentColor;display:inline-block;width:16px!important;height:16px!important}.icon-sm{margin-right:4px;font-size:.8rem}.footer{text-align:center;color:var(--text-muted);margin-top:60px;font-size:.85rem}.coming-soon-wrapper{width:100%;padding:20px 0}.coming-soon-card{background:linear-gradient(135deg, var(--bg-surface-elevated) 0%, var(--bg-surface) 100%);border:1px solid var(--border-color);border-radius:var(--radius-premium);padding:60px 50px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.coming-soon-card .glow-point{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;width:250px;height:250px;position:absolute;top:0;right:0}.card-meta{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.status-pill{background:var(--bg-pure);border:1px solid var(--border-color);color:var(--text-primary);border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.pulse-dot{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite placeholderPulse;display:inline-block}.date-tag{color:var(--text-muted);font-family:monospace;font-size:.85rem}.coming-soon-card h3{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2}.coming-soon-card>p{color:var(--text-secondary);max-width:650px;margin-bottom:45px;font-size:1.1rem;line-height:1.6}.incubation-sub-grid{border-top:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);gap:20px;padding-top:35px;display:grid}.sub-item .sub-tag{color:var(--text-muted);margin-bottom:6px;font-family:monospace;font-size:.75rem;display:block}.sub-item h4{font-family:var(--font-sans);color:var(--text-primary);font-size:1.2rem;font-weight:600}@keyframes placeholderPulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (width<=900px){.coming-soon-card{padding:40px 24px}.incubation-sub-grid{grid-template-columns:1fr;gap:24px}}body{cursor:none}.grain-overlay{width:100vw;height:100vh;opacity:var(--grain-opacity);pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;top:0;left:0}.custom-cursor{border:1px solid var(--text-primary);pointer-events:none;z-index:10000;will-change:transform;border-radius:50%;width:34px;height:34px;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0}.custom-cursor-dot{background-color:var(--text-primary);pointer-events:none;z-index:10001;will-change:transform;border-radius:50%;width:5px;height:5px;position:fixed;top:0;left:0}.cursor-hover{background-color:var(--accent-glow);width:54px;height:54px}@media (width<=900px){.custom-cursor,.custom-cursor-dot{display:none!important}body,.nav-item,.btn,.bento-item,.skill-pill,.email-link{cursor:auto!important}}.layout-panel{padding:0}.panel-inner-scroll{width:100%;height:100%;padding:120px 8% 60px;overflow-y:hidden}.grid-container-block{width:100%;max-width:1200px;margin:0 auto}.section-header{margin-bottom:45px}.section-tag{color:var(--text-muted);margin-top:16px;margin-bottom:8px;font-family:monospace;font-size:.85rem;display:block}.section-header h2{font-family:var(--font-display);letter-spacing:-1px;font-size:2.6rem;font-weight:700}.bento-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.bento-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-premium);flex-direction:column;justify-content:space-between;min-height:380px;padding:28px;transition:border-color .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.bento-item.featured{grid-column:span 2;min-height:420px}.project-img-wrapper{border-radius:var(--radius-inner);background:var(--bg-surface);justify-content:center;align-items:center;width:100%;height:68%;display:flex;overflow:hidden}.project-placeholder-img{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-letters{font-family:var(--font-display);color:var(--text-primary);opacity:.03;font-size:3.5rem;font-weight:800}.project-image{object-fit:contain;width:100%;height:100%;transition:transform .4s;display:block}.bento-item:hover .project-image{transform:scale(1.04)}.project-img-wrapper{position:relative}.project-img-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000040);position:absolute;inset:0}.project-info{justify-content:space-between;align-items:flex-end;margin-top:20px;display:flex}.project-info h3{margin-bottom:4px;font-size:1.3rem}.project-info p{color:var(--text-secondary);max-width:90%;font-size:.95rem;line-height:1.45}.project-tag-icon{color:var(--text-muted);font-size:1.1rem}@media (width<=900px){.panel-inner-scroll{height:auto;padding:0;overflow:visible}.bento-grid{grid-template-columns:1fr}.bento-item.featured{grid-column:span 1}}