.home-page .hero{text-align:center;color:var(--text-primary);padding:var(--space-2xl) 0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin:var(--space-xl) 0}.home-page .hero h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);font-weight:700;color:var(--accent-primary);font-family:var(--font-header)}.home-page .hero p{font-size:var(--font-size-lg);margin-bottom:var(--space-xl);color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.home-page .sketches-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-xl);margin:var(--space-xl) 0;font-display:swap}.home-page .sketches-section h3{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-xl);text-align:center;font-family:var(--font-header)}.home-page .sketch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);min-height:0;align-items:start;contain:layout}.home-page .sketch-card{background:var(--bg-tertiary)}.home-page .sketch-preview{height:240px;background:var(--bg-primary)}.home-page .sketch-preview img{height:240px}.home-page .placeholder-preview{font-size:var(--font-size-3xl);color:var(--text-muted)}.home-page .sketch-info{padding:var(--space-lg)}.home-page .sketch-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.home-page .sketch-author{margin-bottom:var(--space-sm)}.home-page .sketch-author,.home-page .sketch-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.home-page .sketch-description{margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-page .sketch-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.home-page .stat{font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-xs)}.home-page .sketch-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.home-page .tag{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.home-page .empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.home-page .empty-state h4{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--text-secondary)}.home-page .empty-state p{margin-bottom:var(--space-xl)}.home-page .loading-sketches{width:100%}.home-page .loading-sketches .sketch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);min-height:0;align-items:start}.home-page .loading-sketch{height:200px;background:var(--bg-tertiary);animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.home-page .loading-text.short{width:60%}.home-page .loading-text.medium{width:80%}@media(max-width:768px){.home-page .hero h2{font-size:var(--font-size-2xl)}.home-page .hero p{font-size:var(--font-size-base);padding:0 var(--space-md)}.home-page .sketch-grid{grid-template-columns:1fr;gap:var(--space-md)}.home-page .sketches-section{padding:var(--space-md);margin:var(--space-md) 0}}