.skip-link{position:absolute;top:-100%;left:var(--spacing-md);z-index:var(--z-skip);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent);color:var(--color-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-md)}.menu-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.menu-toggle svg{pointer-events:none}.menu-toggle .menu-icon,.menu-toggle .close-icon{position:absolute;transition:opacity var(--transition-normal),transform var(--transition-normal)}.menu-toggle .close-icon{opacity:0;transform:rotate(-90deg) scale(0.8)}.menu-toggle[aria-expanded="true"] .menu-icon{opacity:0;transform:rotate(90deg) scale(0.8)}.menu-toggle[aria-expanded="true"] .close-icon{opacity:1;transform:rotate(0deg)}body.menu-open{overflow:hidden}@media (max-width:640px){body.menu-open::before{content:'';position:fixed;inset:0;top:var(--header-height);background:rgb(0 0 0 / 0.45);z-index:calc(var(--z-header) - 1);pointer-events:none}}.logo{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-0.02em;flex-shrink:0}.logo:hover{color:var(--color-accent)}.header-nav{display:flex;gap:var(--spacing-xs);align-items:center}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.nav-link:hover{color:var(--color-text);background:var(--color-border)}.lang-toggle{display:flex;align-items:center;justify-content:center;height:36px;min-width:36px;padding:0 var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:0.04em;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.lang-toggle:hover{color:var(--color-accent);border-color:var(--color-border-hover)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-bg-elevated);flex-shrink:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle svg{pointer-events:none}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-border-hover)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{position:absolute;transition:opacity var(--transition-normal),transform var(--transition-normal)}.theme-toggle .sun-icon{opacity:1;transform:rotate(0deg)}.theme-toggle .moon-icon{opacity:0;transform:rotate(-90deg) scale(0.8)}[data-theme="light"] .theme-toggle .sun-icon{opacity:0;transform:rotate(90deg) scale(0.8)}[data-theme="light"] .theme-toggle .moon-icon{opacity:1;transform:rotate(0deg)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.breadcrumb-link{color:var(--color-text-secondary);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-professional)}.breadcrumb-sep,.breadcrumb-current{color:var(--color-text-muted);user-select:none}.hero-name{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-0.03em;line-height:1.1;margin-bottom:var(--spacing-sm)}.hero-about{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:1.6;max-width:56ch;margin:0}.status-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:fit-content;max-width:100%}.status-item{display:inline-flex;align-items:center;gap:0.4em}.status-item--active .status-dot{background:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0}.status-sep{color:var(--color-text-muted);user-select:none}.hub-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;min-height:140px}.hub-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.hub-card--personal:hover{border-color:var(--color-accent)}.hub-card--professional:hover{border-color:var(--color-professional)}.hub-card-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.06em}.hub-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.hub-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;flex:1}.hub-card-arrow{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);color:var(--color-text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.hub-card:hover .hub-card-arrow{color:var(--color-accent);transform:translate(2px,-2px)}.hub-card--professional:hover .hub-card-arrow{color:var(--color-professional)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-0.02em;margin-bottom:var(--spacing-sm)}.section-lead{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:52ch}.featured-project{margin-bottom:var(--spacing-xl)}.featured-project-link{display:block;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.featured-project-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card)}.featured-project-image{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;background:var(--color-bg-elevated)}.featured-project-body{display:block;padding:var(--spacing-lg)}.featured-project-label{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--spacing-xs)}.featured-project-title{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.featured-project-desc{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm)}.featured-project-meta{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.project-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.project-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-normal)}.project-item:hover{border-color:var(--color-border-hover)}.project-link{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:background var(--transition-fast)}.project-link--with-media{align-items:stretch}.project-link:hover{background:var(--color-bg-elevated)}.project-media{flex-shrink:0;width:160px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-elevated);border:1px solid var(--color-border)}.project-media img{display:block;width:100%;height:100%;min-height:100px;object-fit:contain;object-position:center}.project-body{flex:1;min-width:0}.project-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.project-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.project-arrow{color:var(--color-text-muted);flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.project-link:hover .project-arrow{color:var(--color-accent);transform:translate(2px,-2px)}.project-desc{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:0.15em 0.5em;border-radius:var(--radius-sm)}.recent-posts{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.post-item{border-bottom:1px solid var(--color-border)}.post-item:last-child{border-bottom:none}.post-link{display:block;padding:var(--spacing-md) var(--spacing-lg);transition:background var(--transition-fast)}.post-link:hover{background:var(--color-bg-elevated)}.post-title{display:block;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.post-meta{display:flex;gap:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.post-desc{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.inline-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-accent);transition:gap var(--transition-fast)}.inline-link:hover{gap:var(--spacing-md)}.inline-link--professional{color:var(--color-professional)}.consultancy-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:center}[data-theme="light"] .hub-card:hover,[data-theme="light"] .featured-project-link:hover{box-shadow:var(--shadow-card-hover)}[data-theme="light"] .status-bar{background:var(--color-bg-card)}[data-theme="light"] .site-header{background:color-mix(in srgb,var(--color-bg) 92%,transparent)}.contact-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.contact-chip{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.contact-chip:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-dim)}.site-footer p{margin:0}@media (max-width:640px){.menu-toggle,.theme-toggle{width:44px;height:44px}.lang-toggle{height:44px;min-width:44px}.menu-toggle{display:flex}.header-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--spacing-sm);background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 12px 32px rgb(0 0 0 / 0.25);z-index:var(--z-header)}.header-nav--open{display:flex}.header-nav .nav-link{padding:var(--spacing-md);border-radius:var(--radius-sm)}.hero-about{font-size:var(--font-size-lg)}.project-link--with-media{flex-direction:column}.project-media{width:100%;height:140px}}@media (max-width:480px){.hub-card{min-height:auto}}