.hero{margin-bottom:80px;padding-bottom:40px;border-bottom:1px solid var(--color-border)}.hero-content{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.hero-text h1{font-size:3rem;margin-bottom:12px;color:var(--color-text-primary);font-weight:700;letter-spacing:-.02em}.hero-text .subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:8px}.hero-text .tagline{font-size:1rem;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:.875rem}.theme-toggle{flex-shrink:0;width:44px;height:44px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);color:var(--color-text-secondary)}.theme-toggle:hover{border-color:var(--color-brand);background:var(--color-brand-light);color:var(--color-brand);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.projects-header{margin-bottom:32px}.projects-header h2{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:8px}.projects-count{font-size:.875rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.projects-grid{display:grid;grid-gap:24px;gap:24px}.project-card{display:block;padding:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;text-decoration:none;color:inherit;transition:all var(--transition);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-brand);transform:scaleY(0);transition:transform var(--transition)}.project-card:hover{border-color:var(--color-brand);box-shadow:0 8px 24px rgba(0,0,0,.06);transform:translateY(-2px)}[data-theme=dark] .project-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}.project-card:hover:before{transform:scaleY(1)}.project-card:active{transform:translateY(0)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.project-card h2{font-size:1.5rem;margin:0;color:var(--color-text-primary);font-weight:600}.project-tag{flex-shrink:0;padding:6px 12px;background:var(--color-brand-light);color:var(--color-brand);border-radius:6px;font-size:.75rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .project-tag{background:var(--accent-100);color:var(--accent-400)}.project-card p{color:var(--color-text-secondary);margin:0;line-height:1.6;font-size:1rem}.project-meta{display:flex;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.meta-icon{width:16px;height:16px;color:var(--color-brand)}.coming-soon-card{padding:32px;background:var(--color-bg-tertiary);border:2px dashed var(--color-border);border-radius:16px;text-align:center;color:var(--color-text-tertiary)}.coming-soon-card h3{font-size:1.25rem;margin-bottom:8px;color:var(--color-text-secondary)}@media (max-width:640px){.hero-text h1{font-size:2rem}.hero-text .subtitle{font-size:1.125rem}.hero-content{flex-direction:column;gap:24px}.project-card{padding:24px}.project-header{flex-direction:column;gap:12px}.project-tag{align-self:flex-start}}.container{max-width:900px;margin:0 auto;padding:60px 24px}@media (max-width:640px){.container{padding:40px 20px}}