.c-gallery-hero{text-align:center;padding:var(--space-xl) 0 var(--space-lg)}.c-gallery-hero h1{font-size:var(--text-3xl);font-weight:700;margin:0 0 var(--space-sm)}.c-gallery-hero__sub{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin:0 auto;line-height:1.6}.c-gallery-filters{display:flex;gap:var(--space-xs);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.c-gallery-filter{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-full, 9999px);text-decoration:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text);transition:background .15s,border-color .15s,color .15s}.c-gallery-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.c-gallery-filter.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.c-gallery-grid{margin-bottom:var(--space-xl)}.c-gallery-pair{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, .75rem);overflow:hidden;margin:0;transition:box-shadow .2s}.c-gallery-pair:hover{box-shadow:var(--shadow-sm)}.c-gallery-pair__images{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--color-border, #e5e7eb)}.c-gallery-pair__side{position:relative;overflow:hidden}.c-gallery-pair__side img{display:block;width:100%;height:14rem;object-fit:cover}.c-gallery-pair__badge{position:absolute;top:var(--space-xs);left:var(--space-xs);padding:.15rem .5rem;border-radius:var(--radius-sm, .25rem);font-size:var(--text-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.c-gallery-pair__badge--before{background:#0009;color:var(--color-on-primary)}.c-gallery-pair__badge--after{background:var(--color-success, #16a34a);color:var(--color-on-primary)}.c-gallery-pair__caption{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.c-gallery-pair__tags{display:flex;gap:var(--space-2xs);flex-wrap:wrap;margin-top:var(--space-2xs)}.c-gallery-pair__tag{font-size:var(--text-xs, .75rem);padding:.1rem .4rem;background:var(--color-surface-alt, #f3f4f6);border-radius:var(--radius-sm, .25rem);color:var(--color-text-muted)}.c-gallery-empty{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted);font-size:var(--text-lg)}.c-gallery-cta{text-align:center;padding:var(--space-xl) var(--space-md);margin:var(--space-lg) 0;background:var(--color-primary-bg, #eff6ff);border-radius:var(--radius-lg, .75rem)}.c-gallery-cta h2{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-xs)}.c-gallery-cta p{color:var(--color-text-muted);margin:0 0 var(--space-md)}.c-gallery-cta__actions{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.c-gallery-cta__primary{display:inline-block;padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-md, .5rem);font-weight:600;text-decoration:none;transition:opacity .2s}.c-gallery-cta__primary:hover{opacity:.9;color:var(--color-on-primary)}.c-gallery-cta__secondary{display:inline-block;padding:var(--space-sm) var(--space-lg);border:2px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-md, .5rem);font-weight:600;text-decoration:none;transition:background .2s,color .2s}.c-gallery-cta__secondary:hover{background:var(--color-primary);color:var(--color-on-primary)}@media(max-width:640px){.c-gallery-hero h1{font-size:var(--text-2xl)}.c-gallery-pair__side img{height:10rem}}