.work-page{min-height:100vh}.work-hero{padding:var(--spacing-32)0 var(--spacing-16);position:relative;overflow:hidden}.work-hero-bg{display:none}.work-hero-content{text-align:center;max-width:800px;margin:0 auto}.work-hero-badge{padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-brand-primary);margin-bottom:var(--spacing-6);background:#d4af371a;border:1px solid #d4af3733;display:inline-block}.work-hero-title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--spacing-6);color:var(--color-foreground)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.work-hero-description{font-size:var(--text-xl);color:var(--color-muted);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.work-stats{padding:var(--spacing-8)0 var(--spacing-16)}.stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr);max-width:900px;margin:0 auto;display:grid}.stat-item{text-align:center;padding:var(--spacing-6);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-xl)}.stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);background:var(--gradient-brand);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-1);-webkit-background-clip:text;background-clip:text;display:block}.stat-label{font-size:var(--text-sm);color:var(--color-muted)}.work-section{padding:var(--spacing-20)0}.work-section-alt{background:var(--color-background-alt)}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-badge{padding:var(--spacing-1-5)var(--spacing-4);background:var(--gradient-brand);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4);display:inline-block}.section-badge-alt{background:linear-gradient(135deg,#0ea5e9,#14b8a6)}.section-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);color:var(--color-foreground)}.section-description{font-size:var(--text-lg);color:var(--color-muted);max-width:600px;margin:0 auto}.work-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.work-filters{justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-12);flex-wrap:wrap;display:flex}.filter-tab{padding:var(--spacing-2)var(--spacing-5);border:1px solid var(--color-card-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-muted);cursor:pointer;background:0 0;transition:all .2s}.filter-tab:hover{color:var(--color-foreground);border-color:#d4af374d}.filter-tab.active{background:var(--gradient-brand);color:#fff;border-color:#0000}.work-empty{text-align:center;padding:var(--spacing-16)var(--spacing-8);background:var(--color-card);border:1px dashed var(--color-card-border);border-radius:var(--radius-xl)}.work-empty p{color:var(--color-muted);margin-bottom:var(--spacing-6)}.work-cta{padding:var(--spacing-20)0;background:radial-gradient(80% 50% at 50% 100%,#d4af371a,#0000)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);color:var(--color-foreground)}.cta-description{font-size:var(--text-lg);color:var(--color-muted);margin-bottom:var(--spacing-8)}.cta-buttons{gap:var(--spacing-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:1024px){.work-hero-title{font-size:var(--text-4xl)}.section-title{font-size:var(--text-3xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.work-hero{padding:var(--spacing-24)0 var(--spacing-12)}.work-hero-title{font-size:var(--text-3xl)}.work-hero-description{font-size:var(--text-lg)}.work-section{padding:var(--spacing-16)0}.work-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--spacing-4)}.stat-number{font-size:var(--text-2xl)}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px}}@media (max-width:480px){.work-hero-title,.section-title{font-size:var(--text-2xl)}.stats-grid{grid-template-columns:1fr 1fr}}