.page-hero{padding:calc(60px + var(--s7)) 0 var(--s6);border-bottom:1px solid var(--border)}.page-hero__headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:var(--s3);text-wrap:balance;max-width:20ch;font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:700;line-height:1.1}.page-hero__sub{color:var(--text-2);max-width:58ch;font-size:clamp(1rem,1.75vw,1.125rem);line-height:1.7}.filter-bar{padding:var(--s4) 0;border-bottom:1px solid var(--border);background:var(--canvas);z-index:10;position:sticky;top:60px}.filter-bar__inner{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-btn{letter-spacing:.02em;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:border-color var(--t-fast), color var(--t-fast), background var(--t-fast);font-size:.75rem;font-weight:500;font-family:var(--font-ui);background:0 0;align-items:center;gap:.375rem;padding:.375rem .875rem;display:inline-flex}.filter-btn:hover{border-color:var(--border-2);color:var(--text-2)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.filter-btn.active .filter-btn__count{color:#ffffffbf}.filter-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (pointer:coarse){.filter-btn{min-height:44px;padding:.5rem 1rem}}.filter-btn__count{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:600}.factory-section{padding:var(--s6) 0}.factory-grid{gap:var(--s3);grid-template-columns:repeat(3,1fr);display:grid}.factory-grid .product-card{flex-direction:column;display:flex}.empty-state{text-align:center;padding:var(--s7) 0;color:var(--muted);grid-column:1/-1;font-size:.9375rem}.pipeline-section{padding:var(--s6) 0;border-top:1px solid var(--border)}.pipeline-headline{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:var(--s2);text-wrap:balance;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700}.pipeline-sub{color:var(--muted);margin-bottom:var(--s5);max-width:52ch;font-size:.875rem;line-height:1.65}.pipeline-track{background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:repeat(6,1fr);gap:1px;display:grid;overflow:hidden}.pipeline-stage{background:var(--surface);padding:var(--s3) var(--s2);min-height:5rem}.pipeline-stage__label{letter-spacing:.04em;margin-bottom:var(--s2);font-size:.6875rem;font-weight:600}.pipeline-stage--design .pipeline-stage__label{color:var(--status-design)}.pipeline-stage--dev .pipeline-stage__label{color:var(--status-dev)}.pipeline-stage--qa .pipeline-stage__label{color:var(--status-qa)}.pipeline-stage--submitted .pipeline-stage__label{color:var(--status-submitted)}.pipeline-stage--review .pipeline-stage__label{color:var(--status-review)}.pipeline-stage--released .pipeline-stage__label{color:var(--status-released)}.pipeline-items{flex-direction:column;gap:.375rem;display:flex}.pipeline-item{color:var(--text-2);background:var(--surface-2);white-space:nowrap;text-overflow:ellipsis;transition:color var(--t-fast), background var(--t-fast);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;text-decoration:none;display:block;overflow:hidden}.pipeline-item:hover{color:var(--text);background:var(--surface-3)}.pipeline-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.close-cta{padding:var(--s7) 0;border-top:1px solid var(--border)}@media (max-width:900px){.factory-grid{grid-template-columns:repeat(2,1fr)}.pipeline-track{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.factory-grid{grid-template-columns:1fr}.pipeline-track{grid-template-columns:repeat(2,1fr)}.page-hero__headline{max-width:none}}