@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap);.nav__inner,.nav__logo{align-items:center;display:flex}.btn,button{cursor:pointer}.btn,.nav__logo,a{text-decoration:none}.btn,.nav__cta{white-space:nowrap}.contact-section,.section-header--center,.text-center{text-align:center}.article-section ul,ol,ul{list-style:none}:root{--color-blue:#1565ff;--color-blue-light:#3d83ff;--color-blue-dim:rgba(21, 101, 255, 0.12);--color-green:#1fd983;--color-green-light:#4de8a0;--color-green-dim:rgba(31, 217, 131, 0.1);--bg-base:#0d0d10;--bg-surface:#131317;--bg-elevated:#1a1a1f;--bg-overlay:#202026;--bg-hover:#252529;--border-subtle:rgba(255, 255, 255, 0.06);--border-default:rgba(255, 255, 255, 0.1);--border-strong:rgba(255, 255, 255, 0.18);--border-blue:rgba(21, 101, 255, 0.35);--border-green:rgba(31, 217, 131, 0.3);--text-heading:#f0f0f4;--text-body:#a8a8b3;--text-muted:#5c5c6b;--text-faint:#3a3a45;--text-blue:#5a9bff;--text-green:#1fd983;--text-white:#ffffff;--font-heading:"Plus Jakarta Sans",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-6xl:4.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--space-13:120px;--space-14:160px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.6);--shadow-blue:0 0 24px rgba(21, 101, 255, 0.25);--shadow-green:0 0 24px rgba(31, 217, 131, 0.18);--ease-default:cubic-bezier(0.16, 1, 0.3, 1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--duration-fast:150ms;--duration-default:250ms;--duration-slow:400ms;--container-max:1100px;--container-wide:1300px;--nav-height:68px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.container,.nav__inner{width:100%;margin:0 auto}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}.nav__logo-text,body{font-size:var(--text-base)}body{font-family:var(--font-body);line-height:1.7;color:var(--text-body);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,textarea{font-family:inherit}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}img{display:block;max-width:100%}a{color:inherit}ol,ul{padding-left:0}button{border:none;background:0 0}.nav__logo-text,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-heading)}h1,h2,h3,h4,h5,h6{line-height:1.15;letter-spacing:-.02em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:1.75}.font-mono{letter-spacing:-.01em}.text-gradient{background:linear-gradient(135deg,var(--color-blue-light) 0,var(--color-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:var(--container-max);padding:0 var(--space-7)}.container--wide{max-width:var(--container-wide)}.section{padding:var(--space-14) 0;position:relative;z-index:1}.section--sm{padding:var(--space-12) 0}.section--lg{padding:calc(var(--space-14) * 1.2) 0}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;transition:background var(--duration-default) var(--ease-default),border-color var(--duration-default) var(--ease-default)}.nav::before{content:"";position:absolute;inset:0;background:rgba(13,13,16,0);backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:all var(--duration-default) var(--ease-default);z-index:-1}.nav.scrolled::before{background:rgba(13,13,16,.85);backdrop-filter:blur(20px) saturate(1.5);border-bottom-color:var(--border-subtle)}.nav__inner{height:100%;justify-content:space-between;padding:0 var(--space-7);max-width:var(--container-max)}.nav__logo{gap:var(--space-3);flex-shrink:0;margin-right:auto}.nav__logo-img{width:32px;height:32px;border-radius:5px}.nav__logo-text{letter-spacing:-.02em}.nav__cta,.nav__link{font-family:var(--font-body);font-size:var(--text-sm)}.nav__links{display:flex;align-items:center;gap:var(--space-1)}#other-need-wrap,.nav__mobile,.section-header--center .section-header__eyebrow::before{display:none}.nav__link{font-weight:500;color:var(--text-muted);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:color var(--duration-fast),background var(--duration-fast);position:relative}.nav__cta,.nav__link.active,.nav__link:hover{color:var(--text-heading)}.nav__link:hover{background:var(--bg-hover)}.nav__link.active::after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:16px;height:2px;background:var(--color-blue);border-radius:2px}.nav__cta{font-weight:600;background:var(--bg-elevated);border:1px solid var(--border-default);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);transition:all var(--duration-fast)}.btn,.nav__mobile-link{font-family:var(--font-body);border-radius:var(--radius-md)}.nav__hamburger span,.nav__mobile{transition:all var(--duration-default) var(--ease-default)}.nav__cta:hover{border-color:var(--border-blue);background:var(--color-blue-dim);color:var(--text-blue)}.nav__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}.btn,.nav__mobile{gap:var(--space-2)}.nav__hamburger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px}.nav__hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.nav__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__mobile{position:fixed;top:var(--nav-height);left:0;right:0;background:rgba(13,13,16,.97);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);padding:var(--space-6) var(--space-7);flex-direction:column;z-index:99;transform:translateY(-8px);opacity:0}.btn,.tag{display:inline-flex}.hero,.project-card{position:relative;overflow:hidden}.nav__mobile.open{display:flex;transform:translateY(0);opacity:1}.nav__mobile-link{font-size:var(--text-md);font-weight:500;color:var(--text-muted);padding:var(--space-3) var(--space-4);transition:all var(--duration-fast)}.nav__mobile-link.active,.nav__mobile-link:hover{color:var(--text-heading);background:var(--bg-hover)}.btn{align-items:center;font-weight:600;font-size:var(--text-sm);padding:10px 20px;transition:all var(--duration-fast) var(--ease-default);border:1px solid transparent;line-height:1}.btn--primary{background:var(--color-blue);color:#fff;border-color:var(--color-blue);box-shadow:0 0 0 0 rgba(21,101,255,0)}.btn--primary:hover{background:var(--color-blue-light);border-color:var(--color-blue-light);box-shadow:var(--shadow-blue);transform:translateY(-1px)}.btn--secondary{background:var(--bg-elevated);color:var(--text-heading);border-color:var(--border-default)}.btn--secondary:hover{border-color:var(--border-strong);background:var(--bg-overlay);transform:translateY(-1px)}.btn--ghost{background:0 0;color:var(--text-muted);border-color:transparent;padding:10px 14px}.btn--ghost:hover{color:var(--text-heading);background:var(--bg-elevated)}.btn--green{background:var(--color-green);color:#0a1f15;border-color:var(--color-green);font-weight:700}.btn--green:hover{background:var(--color-green-light);box-shadow:var(--shadow-green);transform:translateY(-1px)}.btn--lg{font-size:var(--text-base);padding:14px 28px;border-radius:var(--radius-lg)}.btn--sm,.meta,.tag{font-size:var(--text-xs)}.btn--sm{padding:7px 14px}.btn svg{width:16px;height:16px;flex-shrink:0}.tag{align-items:center;gap:var(--space-1);font-weight:500;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:3px 10px;border-radius:var(--radius-full);line-height:1.5;letter-spacing:0;transition:all var(--duration-fast)}.tag:hover{border-color:var(--border-default);color:var(--text-body)}.filter-btn.active,.tag--blue{color:var(--text-blue);background:var(--color-blue-dim);border-color:var(--border-blue)}.tag--green{color:var(--text-green);background:var(--color-green-dim);border-color:var(--border-green)}.tag--active{color:var(--text-heading);background:var(--bg-overlay);border-color:var(--border-strong)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.experiment-card,.project-card{border:1px solid var(--border-subtle);text-decoration:none;cursor:pointer}.status-dot--live{background:var(--color-green);box-shadow:0 0 6px var(--color-green);animation:2s ease-in-out infinite pulse-dot}.status-dot--wip{background:#f59e0b}.status-dot--archived{background:var(--text-faint)}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}.meta{color:var(--text-muted);letter-spacing:.02em}.meta--label,.project-meta-item__label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.project-card__title,.story-card__title{letter-spacing:-.02em;font-weight:700;font-family:var(--font-heading)}.project-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-5);transition:all var(--duration-default) var(--ease-default)}.project-card__arrow,.story-card{transition:all var(--duration-fast)}.project-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-blue),transparent);opacity:0;transition:opacity var(--duration-default)}.insight-featured:hover,.project-card:hover{border-color:var(--border-default);background:var(--bg-elevated);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.project-card:hover::before{opacity:1}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.project-card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-overlay);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.project-card__footer,.story-card:first-child{border-top:1px solid var(--border-subtle)}.project-card__arrow{color:var(--text-faint);flex-shrink:0;margin-top:2px}.project-card:hover .project-card__arrow{color:var(--text-blue);transform:translate(3px,-3px)}.project-card__title{font-size:var(--text-lg);color:var(--text-heading);line-height:1.2;margin-bottom:var(--space-2)}.project-card__desc{font-size:var(--text-sm);color:var(--text-body);line-height:1.65}.project-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:auto;padding-top:var(--space-5)}.project-card__tags,.skill-item__tags,.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.story-card{padding:var(--space-7) 0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:start;text-decoration:none;cursor:pointer}.story-card:hover .story-card__title{color:var(--text-blue)}.story-card__meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.story-card__title{font-size:var(--text-xl);color:var(--text-heading);line-height:1.25;margin-bottom:var(--space-3);transition:color var(--duration-fast)}.story-card__excerpt,.timeline-item__body{font-size:var(--text-sm);color:var(--text-body);line-height:1.7}.experiment-card__label,.project-card__label,.skill-item__title,.story-card__label{font-size:10px;letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.story-card__arrow{color:var(--text-faint);margin-top:var(--space-2);transition:all var(--duration-fast)}.story-card:hover .story-card__arrow{color:var(--text-blue);transform:translateX(4px)}.experiment-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-default) var(--ease-default)}.filter-bar,.hero__badge{border:1px solid var(--border-subtle)}.experiment-card:hover{border-color:var(--border-green);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:0 4px 20px rgba(31,217,131,.08)}.experiment-card__label,.project-card__label,.skill-item__title{color:var(--text-green)}.story-card__label{color:var(--text-blue)}.experiment-card__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;color:var(--text-heading);letter-spacing:-.02em;margin-bottom:var(--space-3);line-height:1.3}.experiment-card__desc{font-size:var(--text-sm);color:var(--text-body);line-height:1.65;margin-bottom:var(--space-5)}.note-card{padding:var(--space-6) 0;border-bottom:1px solid var(--border-subtle);text-decoration:none;display:block;transition:all var(--duration-fast)}.note-card__category{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-2)}.note-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-heading);letter-spacing:-.02em;line-height:1.3;margin-bottom:var(--space-2);transition:color var(--duration-fast)}.note-card:hover .note-card__title,.text-blue{color:var(--text-blue)}.section-header{margin-bottom:var(--space-10)}.about-split__label,.section-header__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.section-header__eyebrow::before{content:"";width:24px;height:1px;background:var(--text-muted);flex-shrink:0}.section-header__title{font-size:var(--text-3xl);letter-spacing:-.03em}.section-header__subtitle{font-size:var(--text-md);color:var(--text-body);max-width:540px;margin-top:var(--space-4);line-height:1.7}.hero__badge,.hero__badge h1{font-size:var(--text-xs);color:var(--text-muted)}.section-header--center .section-header__eyebrow{justify-content:center}.section-header--center .section-header__subtitle{margin-left:auto;margin-right:auto}.hero{min-height:70vh;display:flex;align-items:start;padding-top:var(--nav-height)}.hero__glow-1,.hero__glow-2{position:absolute;pointer-events:none}.hero__glow-1{top:20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(21,101,255,.12) 0,transparent 65%);animation:8s ease-in-out infinite float-glow}.hero__glow-2{bottom:10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(31,217,131,.08) 0,transparent 65%);animation:10s ease-in-out infinite reverse float-glow}@keyframes float-glow{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}.hero__inner{position:relative;z-index:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-10) var(--space-7) var(--space-10)}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border-radius:var(--radius-full);padding:6px 14px;margin-bottom:var(--space-6)}.filter-bar,.hero__actions{display:flex;align-items:center}.hero__badge h1{margin-bottom:0}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-green);box-shadow:0 0 8px var(--color-green);animation:2s ease-in-out infinite pulse-dot}.hero__headline{font-size:clamp(var(--text-3xl), 6vw, var(--text-6xl));font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--text-heading);max-width:860px;margin-bottom:var(--space-7)}.hero__headline em,.section-header__title em{font-style:normal;background:linear-gradient(135deg,var(--color-blue-light) 0,var(--color-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__sub{font-size:var(--text-lg);color:var(--text-body);max-width:800px;line-height:1.7;margin-bottom:var(--space-9)}.hero__actions{gap:var(--space-4);flex-wrap:wrap}.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);animation:2s ease-in-out infinite bounce-down}@keyframes bounce-down{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-faint),transparent)}.filter-bar,.search-bar{background:var(--bg-surface)}.stats-row{display:flex;gap:var(--space-10);flex-wrap:wrap;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.grid-2,.grid-3,.projects-grid{gap:var(--space-6);display:grid}.stat-item__number{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:var(--text-heading);letter-spacing:-.04em;line-height:1;margin-bottom:var(--space-2)}.filter-bar__label,.filter-btn,.search-bar__count,.stat-item__label{font-size:var(--text-xs)}.filter-bar__label,.form-label,.project-detail-header__back,.stat-item__label{letter-spacing:.08em;text-transform:uppercase}.stat-item__label{color:var(--text-muted)}.grid-2,.projects-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.portfolio-toolbar{position:sticky;top:95px;z-index:20;margin:20px 0;border-radius:var(--radius-lg);box-shadow:0 10px 20px rgba(0,0,0,.5)}.about-avatar,.about-split__visual,.contact-section,.project-detail-hero{position:relative}.scroll-top{box-shadow:var(--shadow-blue)}.filter-bar{gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-9);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg)}.search-bar,.search-bar__meta{align-items:center;display:flex}.search-bar{gap:var(--space-3);min-height:58px;margin-bottom:var(--space-5);padding:var(--space-1) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.search-bar ion-icon{font-size:1.2rem;opacity:.7}.search-bar input{flex:1;border:0;outline:0;background:0 0;color:var(--text-color)}.filter-bar__label,.filter-btn,.search-bar__count,.search-bar__hint,.search-bar__hint kbd{color:var(--text-muted)}.search-bar__meta{gap:var(--space-2)}.search-bar__hint{display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border-color);flex-shrink:0}.search-bar__hint kbd{padding:4px 12px;border-radius:5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:12px;font-family:inherit;font-weight:600}.filter-bar__label{margin-right:var(--space-2);flex-shrink:0}.filter-btn{font-weight:500;background:0 0;border:1px solid transparent;padding:5px 12px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)}.about-avatar,.build-item{background:var(--bg-surface)}.filter-btn:hover{color:var(--text-heading);background:var(--bg-elevated);border-color:var(--border-subtle)}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.build-item{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration-default)}.build-item:hover{border-color:var(--border-default);background:var(--bg-elevated)}.build-item__icon{font-size:28px;margin-bottom:var(--space-4);display:block}.build-item__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--text-heading);margin-bottom:var(--space-2)}.build-item__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.about-split{display:grid;grid-template-columns:1fr 8fr;gap:var(--space-10);align-items:start}.about-avatar{width:100%;max-width:160px;aspect-ratio:1;border-radius:100%;border:1px solid var(--border-subtle);overflow:hidden}.about-avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:80px;font-weight:800;background:linear-gradient(135deg,var(--color-blue-dim),var(--color-green-dim));color:var(--text-faint)}.about-split__title{font-size:var(--text-3xl);margin-bottom:var(--space-6)}.about-split__body{font-size:var(--text-md);color:var(--text-body);line-height:1.8;margin-bottom:var(--space-7)}.interest-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.contact-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-13) var(--space-12);overflow:hidden}.contact-section::before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--color-blue),var(--color-green),transparent)}.page-header::after,.timeline::before{position:absolute;top:0;bottom:0;content:""}.contact-section__title{font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));margin-bottom:var(--space-5)}.contact-section__sub{font-size:var(--text-md);color:var(--text-body);max-width:480px;margin:0 auto var(--space-9);line-height:1.7}.contact-links{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}#other-need-wrap.show,.form-label{display:block}.contact-form{max-width:560px;margin:0 auto;text-align:left}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.form-input,.form-textarea{width:100%;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-heading);transition:all var(--duration-fast);outline:0}.sidebar-block,.skill-item{border:1px solid var(--border-subtle)}.footer__link,.project-detail-header__back{transition:color var(--duration-fast);text-decoration:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-dim)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-textarea{resize:vertical;min-height:140px;line-height:1.7}.project-detail-hero{padding-top:calc(var(--nav-height) + var(--space-8));padding-bottom:var(--space-8);z-index:1}.project-detail-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(21,101,255,.08) 0,transparent 70%);z-index:-1}.project-detail-header{max-width:860px}.project-detail-header__back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-8)}.project-detail-header__back:hover{color:var(--text-heading)}.project-detail-header__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.project-detail-header__title{font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));margin-bottom:var(--space-6)}.project-meta-bar,.project-meta-bar-top{gap:var(--space-8);border-top:1px solid var(--border-subtle);margin:var(--space-9) 0;display:flex}.project-detail-header__desc{font-size:var(--text-lg);color:var(--text-body);line-height:1.7;max-width:820px}.project-meta-bar{align-items:center;flex-wrap:wrap;padding:var(--space-6) 0;border-bottom:1px solid var(--border-subtle)}.project-meta-bar-top{align-items:center;flex-wrap:wrap}.project-meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.project-meta-item__value{font-size:var(--text-sm);color:var(--text-body);font-weight:500}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:var(--space-12);align-items:start}.article-content,.row>*{min-width:0}.about-content__section,.article-section{margin-bottom:var(--space-12)}.article-section__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-blue);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.page-header__eyebrow,.sidebar-block__title{color:var(--text-muted);text-transform:uppercase}.article-section h2,.article-section p,.article-section ul,.sidebar-block{margin-bottom:var(--space-5)}.article-section__label::before{content:"";width:16px;height:1px;background:var(--color-blue)}.article-section h2{font-size:var(--text-2xl)}.article-section p,.article-section ul li,.callout p{font-size:var(--text-base)}.article-section p{color:var(--text-body);line-height:1.8}.article-section ul li{color:var(--text-body);line-height:1.7;padding-left:var(--space-6);position:relative;margin-bottom:var(--space-3)}.article-section ul li::before{content:"→";position:absolute;left:0;color:var(--color-blue);font-size:var(--text-sm)}.article-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-6))}.footer,.page-header,.timeline,.timeline-item{position:relative}.sidebar-block{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6)}.callout,.detail-list li::before{background:var(--color-blue-dim)}.sidebar-block__title{font-size:10px;letter-spacing:.1em;margin-bottom:var(--space-4)}.callout{border:1px solid var(--border-blue);border-left:3px solid var(--color-blue);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin:var(--space-7) 0}.callout--green{background:var(--color-green-dim);border-color:var(--border-green);border-left-color:var(--color-green)}.footer,.footer__bottom{border-top:1px solid var(--border-subtle)}.callout p{color:var(--text-heading);margin:0!important}.page-header{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-10);z-index:1}.page-header::after{left:0;right:0;background:radial-gradient(ellipse 50% 80% at 20% 50%,rgba(21,101,255,.06) 0,transparent 70%);z-index:-1;pointer-events:none}.page-header__eyebrow{font-size:var(--text-xs);letter-spacing:.12em;margin-bottom:var(--space-4)}.page-header__title{font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));margin-bottom:var(--space-5);max-width:840px}.page-header__subtitle{font-size:var(--text-lg);color:var(--text-body);max-width:840px;line-height:1.7}.footer__link:hover,.footer__logo-text{color:var(--text-heading)}.footer{padding:var(--space-12) 0 var(--space-8);z-index:1}.footer__inner{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-10)}.footer__links,.footer__logo{gap:var(--space-3);display:flex}.about-content__section h2,.about-content__section p,.footer__col-title,.footer__logo{margin-bottom:var(--space-5)}.footer__brand{max-width:280px}.footer__logo{align-items:center;text-decoration:none}.footer__logo-img{width:32px;height:32px;border-radius:5px}.footer__logo-text{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;letter-spacing:-.02em}.detail-note,.footer__tagline{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.footer__col-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.footer__links{flex-direction:column}.footer__link{font-size:var(--text-sm);color:var(--text-muted)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.footer__copy{font-size:var(--text-xs);color:var(--text-faint)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;transition:all var(--duration-fast);font-size:14px}.footer__social-link:hover{border-color:var(--border-default);color:var(--text-heading);background:var(--bg-elevated)}.timeline{padding-left:var(--space-7)}.timeline::before{left:6px;width:1px;background:var(--border-subtle)}.timeline-item{padding-bottom:var(--space-9)}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:"";position:absolute;left:calc(-1 * var(--space-7) + 2px);top:6px;width:8px;height:8px;border-radius:50%;background:var(--bg-surface);border:1.5px solid var(--border-default)}.timeline-item:first-child::before{background:var(--color-blue);border-color:var(--color-blue);box-shadow:0 0 8px var(--color-blue)}.timeline-item__date{font-size:var(--text-xs);color:var(--text-faint);margin-bottom:var(--space-2)}.about-sidebar__name,.timeline-item__title{font-family:var(--font-heading);color:var(--text-heading)}.timeline-item__title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-2)}.about-hero{padding-top:calc(var(--nav-height) + var(--space-12));padding-bottom:var(--space-12)}.about-grid{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8);align-items:start}.about-sidebar__avatar{width:100%;aspect-ratio:1;border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:88px;background:linear-gradient(135deg,rgba(21,101,255,.1),rgba(31,217,131,.08));margin-bottom:var(--space-6);overflow:hidden}.about-sidebar__name{font-size:var(--text-xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-1)}.about-sidebar__link,.about-sidebar__role{font-size:var(--text-sm);color:var(--text-muted)}.about-sidebar__role{margin-bottom:var(--space-6)}.about-sidebar__links{display:flex;flex-direction:column;gap:var(--space-2)}.about-sidebar__link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:color var(--duration-fast)}.about-sidebar__link:hover,.text-heading{color:var(--text-heading)}.about-content__section h2{font-size:var(--text-2xl)}.about-content__section p{font-size:var(--text-md);color:var(--text-body);line-height:1.8}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.skill-item{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-5)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-default),transform var(--duration-slow) var(--ease-default)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.text-muted{color:var(--text-muted)}.text-green{color:var(--text-green)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.divider{height:1px;background:var(--border-subtle);margin:var(--space-10) 0}.theme-toggle,code{background:var(--bg-elevated)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}code{font-size:.88em;border:1px solid var(--border-subtle);padding:2px 8px;border-radius:var(--radius-sm);color:var(--text-blue)}@media (max-width:1024px){:root{--space-14:120px;--space-13:96px}.build-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-grid .project-card:first-child{grid-column:span 2}.footer__inner{grid-template-columns:1fr 1fr;gap:var(--space-8)}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.about-grid{grid-template-columns:280px 1fr;gap:var(--space-8)}}@media (max-width:480px){.hero__actions{flex-direction:column;align-items:flex-start}.hero__actions .btn{width:100%;justify-content:center}.contact-links{flex-direction:column;align-items:center}}.nav__actions,.theme-toggle{align-items:center;display:flex}:root[data-theme=light]{--bg-base:#f6f7fb;--bg-surface:#ffffff;--bg-elevated:#f0f3f8;--bg-overlay:#e8edf5;--bg-hover:#e9eef7;--border-subtle:rgba(13, 13, 16, 0.08);--border-default:rgba(13, 13, 16, 0.14);--border-strong:rgba(13, 13, 16, 0.22);--text-heading:#111827;--text-body:#374151;--text-muted:#667085;--text-faint:#98a2b3;--shadow-lg:0 8px 32px rgba(16, 24, 40, 0.12);--shadow-md:0 4px 16px rgba(16, 24, 40, 0.1);--bg-base:#f7f8fb;--bg-surface:#ffffff;--bg-elevated:#f0f3f8;--bg-overlay:#e8ecf4;--bg-hover:#eef2f8;--border-subtle:rgba(15, 23, 42, 0.08);--border-default:rgba(15, 23, 42, 0.14);--border-strong:rgba(15, 23, 42, 0.22);--text-heading:#10131a;--text-body:#3f4654;--text-muted:#687084;--text-faint:#98a1b3;--text-white:#0d0d10;--shadow-lg:0 8px 32px rgba(15, 23, 42, 0.12);--shadow-md:0 4px 16px rgba(15, 23, 42, 0.1)}:root[data-theme=light] .nav.scrolled::before,:root[data-theme=light] .nav__mobile{background:rgba(246,247,251,.9)}.theme-toggle{border-radius:var(--radius-md);border:1px solid var(--border-default);color:var(--text-heading);justify-content:center;font-size:16px;transition:all var(--duration-fast)}.nav__actions{gap:var(--space-3);margin-left:auto}.scroll-top{border-radius:var(--radius-full);background:var(--color-blue);display:flex;align-items:center;justify-content:center;visibility:hidden;transition:all var(--duration-default);border:0}.form-select{width:100%;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-heading);outline:0}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-6) 0}.detail-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5)}.detail-box__title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.detail-box__value{color:var(--text-heading);font-weight:700}@media (max-width:768px){.about-split,.build-grid,.detail-list,.grid-2,.grid-3,.grid-4,.projects-grid,.skills-grid,.story-card{grid-template-columns:1fr}:root{--space-14:80px;--space-13:64px;--space-12:64px;--nav-height:60px}.container{padding:0 var(--space-5)}.nav__actions .nav__cta,.nav__cta,.nav__links,.story-card__arrow{display:none}.nav__hamburger{display:flex}.hero__headline,.page-header__title{font-size:var(--text-3xl)}.hero__sub{font-size:var(--text-base)}.stats-row{gap:var(--space-7)}.projects-grid .project-card:first-child{grid-column:span 1}.about-split{gap:var(--space-10)}.about-grid,.footer__inner{grid-template-columns:1fr;gap:var(--space-8)}.about-sidebar__avatar{max-width:200px;font-size:64px}.contact-section{padding:var(--space-10) var(--space-7)}.footer__bottom{flex-direction:column;text-align:center}.section-header__title{font-size:var(--text-2xl)}.filter-bar{padding:var(--space-3) var(--space-4)}.scroll-top{right:16px;bottom:16px}}:root[data-theme=light] body::before{background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px)}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-heading);display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.theme-toggle:hover{border-color:var(--border-blue);color:var(--text-blue);transform:translateY(-1px)}.theme-toggle--mobile{width:auto;gap:var(--space-2);padding:var(--space-3) var(--space-4);justify-content:flex-start}.scroll-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;background:var(--color-blue);color:#fff;border:1px solid var(--border-blue);z-index:120;opacity:0;pointer-events:none;transform:translateY(10px);transition:all var(--duration-default)}.insight-card,.insight-featured{text-decoration:none;transition:all var(--duration-default) var(--ease-default)}.scroll-top.visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.showcase-card{margin:var(--space-9) 0 var(--space-12)}.showcase-card__screen{background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.showcase-card__top{height:42px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;padding:0 var(--space-5)}.showcase-card__top span{width:10px;height:10px;border-radius:50%;background:var(--text-faint);opacity:.6}.showcase-card__content{min-height:300px;display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-10);background:radial-gradient(circle at 25% 40%,var(--color-blue-dim),transparent 45%),radial-gradient(circle at 75% 60%,var(--color-green-dim),transparent 45%)}.showcase-card__icon{width:112px;height:112px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);border:1px solid var(--border-default);font-size:54px;flex-shrink:0}.showcase-card__content h3{font-size:var(--text-2xl);margin:var(--space-2) 0 var(--space-3)}.showcase-card__content p{max-width:520px;color:var(--text-body);margin-bottom:0}.detail-list{counter-reset:item;display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-5) 0;list-style:none!important}.detail-list li{position:relative!important;padding-left:var(--space-8)!important;color:var(--text-body);line-height:1.75}.detail-list li::before{counter-increment:item;content:counter(item)!important;position:absolute!important;left:0!important;top:2px!important;width:22px!important;height:22px!important;border-radius:50%;border:1px solid var(--border-blue);color:var(--text-blue)!important;font-size:10px;display:flex;align-items:center;justify-content:center}.detail-list--bullet li::before{content:"•"!important;background:var(--color-green-dim);border-color:var(--border-green);color:var(--text-green)!important}.build-grid--expanded{grid-template-columns:repeat(3,1fr)}.skills-grid--wide{grid-template-columns:repeat(2,1fr)}.form-input select,select.form-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}@media (max-width:1024px){.build-grid--expanded{grid-template-columns:repeat(2,1fr)}.showcase-card__content{flex-direction:column;text-align:center}.skills-grid--wide{grid-template-columns:1fr}}.footer__tagline{max-width:340px}.service-note{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.project-card .meta{display:inline-flex;align-items:center}.build-item__icon ion-icon,.footer ion-icon,.insight-card ion-icon,.insight-featured ion-icon,.nav ion-icon,.project-card__icon ion-icon,.showcase-card__icon ion-icon,.theme-toggle ion-icon{display:inline-block;vertical-align:middle}.build-item__icon ion-icon,.project-card__icon ion-icon,.showcase-card__icon ion-icon{font-size:1.45em}.theme-toggle ion-icon{font-size:18px}a.btn,button.btn{text-decoration:none}.insight-featured{display:grid;grid-template-columns:0.8fr 1.2fr;gap:var(--space-8);align-items:stretch;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-7);overflow:hidden;position:relative}.insight-featured::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,var(--color-blue-dim),transparent 45%),radial-gradient(circle at 80% 80%,var(--color-green-dim),transparent 45%);opacity:.75;pointer-events:none}.insight-featured__body,.insight-featured__visual{position:relative;z-index:1}.insight-featured__visual{min-height:260px;border-radius:var(--radius-lg);background:var(--bg-overlay);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.insight-featured__visual ion-icon{font-size:72px;color:var(--text-blue)}.insight-featured__body{display:flex;flex-direction:column;justify-content:center}.insight-featured__body h2{font-size:var(--text-3xl);margin:var(--space-5) 0 var(--space-4)}.insight-featured__body p{color:var(--text-body);line-height:1.8;margin-bottom:var(--space-6)}.insight-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.insight-card:hover{border-color:var(--border-default);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-card__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.insight-card__title{font-size:var(--text-lg);line-height:1.3;margin-bottom:var(--space-3)}.insight-card__excerpt{font-size:var(--text-sm);color:var(--text-body);line-height:1.75;margin-bottom:var(--space-6)}.insight-card__footer{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;font-size:var(--text-xs);color:var(--text-blue)}.insight-card__footer ion-icon{transition:transform var(--duration-fast)}.insight-card:hover .insight-card__footer ion-icon,.insight-featured:hover .insight-card__footer ion-icon{transform:translateX(4px)}.article-prose .article-section p{font-size:var(--text-md)}.article-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}@media (max-width:768px){.nav__actions{display:none}.build-grid--expanded,.insight-featured{grid-template-columns:1fr}.showcase-card__content{padding:var(--space-7);min-height:240px}.showcase-card__icon{width:86px;height:86px;font-size:40px}.insight-featured__visual{min-height:180px}.insight-featured__body h2{font-size:var(--text-2xl)}}