.showcase{max-width:960px;margin:0 auto}.showcase__section{margin-bottom:var(--space-12)}.showcase__section-header{margin-bottom:var(--space-6);padding:0 var(--space-6)}.showcase__section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-3)}.showcase__section-title i{color:var(--color-text-muted);font-size:var(--font-size-lg)}.showcase__section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.showcase__featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-6);padding:0 var(--space-6)}.featured-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);transition:all var(--transition-normal);display:flex;flex-direction:column}.featured-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.featured-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.featured-card__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-xl);font-size:var(--font-size-xl);flex-shrink:0}.featured-card__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.featured-card__description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-5) 0;flex:1}.featured-card__stack{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.featured-card__links{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.featured-card__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.featured-card__link:hover{background:var(--color-primary-light);color:var(--color-primary-hover)}.featured-card__link--primary{background:var(--color-primary);color:var(--color-text-inverse)}.featured-card__link--primary:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.autowebsite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-4);padding:0 var(--space-6)}.autowebsite-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:all var(--transition-normal);position:relative}.autowebsite-card:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.autowebsite-card--soon{opacity:.7}.autowebsite-card__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.autowebsite-card__name a{color:var(--color-primary);text-decoration:none}.autowebsite-card__name a:hover{text-decoration:underline}.autowebsite-card__name span{color:var(--color-text-primary)}.autowebsite-card__description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:var(--line-height-normal)}.badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge--soon{background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:var(--space-6);padding:0 var(--space-6)}@media(max-width:767px){.projects-grid{grid-template-columns:1fr;gap:var(--space-4)}}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal);display:flex;flex-direction:column;max-width:100%;overflow:hidden;box-sizing:border-box}.project-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.project-card__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.project-card__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0}.project-card__title-row{flex:1;min-width:0}.project-card__badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.project-card__name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.project-card__status{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.project-card__status--active{background:var(--color-primary-light);color:var(--color-primary-dark)}[data-theme=dark] .project-card__status--active{background:#16a34a26;color:var(--color-primary)}.project-card__status--maintained{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.project-card__status--archived{background:var(--color-bg-tertiary);color:var(--color-text-muted);opacity:.7}.project-card__status--on_hold{background:#f59e0b26;color:#f59e0b}.project-card__status--completed{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.project-card__visibility{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:transparent;border:1px solid currentColor;opacity:.7;cursor:pointer;transition:opacity var(--transition-fast)}.project-card__visibility:hover{opacity:1}.project-card__category-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border-primary)}.project-card__description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0;flex:1}.project-card__stack{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.project-card__badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.project-card__links{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary)}.project-card__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.project-card__link:hover{color:var(--color-primary-hover)}.project-detail{max-width:800px}.project-detail__header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.project-detail__icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);font-size:var(--font-size-2xl);flex-shrink:0}.project-detail__name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.project-detail__status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--space-2)}.project-detail__description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0}.project-detail__timeline{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.project-detail__section{margin-bottom:var(--space-6)}.project-detail__section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.project-detail__links{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.project-detail__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.project-detail__link:hover{background:var(--color-primary);color:#fff}.project-detail__notes{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.project-detail__events{list-style:none;padding:0;margin:0}.project-detail__event{border-bottom:1px solid var(--color-border-primary)}.project-detail__event:last-child{border-bottom:none}.project-detail__event a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;text-decoration:none;color:inherit;transition:color var(--transition-fast)}.project-detail__event a:hover{color:var(--color-primary)}.project-detail__event-date{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:5.5rem}.project-detail__event-title{font-size:var(--font-size-sm)}@media(max-width:767px){.showcase__section-header,.showcase__featured-grid,.autowebsite-grid,.projects-grid{padding:0 var(--space-4)}.showcase__featured-grid{grid-template-columns:1fr}.autowebsite-grid{grid-template-columns:1fr;gap:var(--space-3)}.featured-card{padding:var(--space-6) var(--space-5)}}