.work-arch-note{background:var(--c-bg-2);border-bottom:1px solid var(--c-border);padding-block:var(--sp-8)}.work-arch-note__inner{display:flex;flex-direction:column;gap:var(--sp-6)}@media (min-width:52em){.work-arch-note__inner{flex-direction:row;align-items:center;gap:var(--sp-1)}}.work-arch-note__copy{display:flex;flex-direction:column;gap:var(--sp-3);flex:1 1 0}.work-arch-note__headline{font-size:var(--fs-md);font-weight:var(--weight-bold);color:var(--c-text-primary);letter-spacing:var(--tracking-tight);margin:0}.work-arch-note__body{font-size:var(--fs-sm);color:var(--c-text-secondary);line-height:var(--leading-relaxed);margin:0;max-width:38rem}.work-arch-note__stack{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0;padding:0;list-style:none;flex-shrink:0;flex-direction:column}.work-arch-note__tag{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--c-cyan);background:rgba(6,182,212,0.08);border:1px solid rgba(6,182,212,0.2);border-radius:var(--radius-full);padding:0.3em 0.85em;white-space:nowrap}.work-filter{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-block:var(--sp-6);border-bottom:1px solid var(--c-border)}.work-filter__btn{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-text-muted);background:transparent;border:1px solid var(--c-border);border-radius:var(--radius-full);padding:0.4em 1em;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.work-filter__btn:hover{color:var(--c-text-primary);border-color:var(--c-border-strong)}.work-filter__btn.is-active{color:var(--c-accent-light);background:rgba(124,58,237,0.1);border-color:rgba(124,58,237,0.3)}.section-work{padding-block:var(--sp-section)}.work-card.is-hidden{display:none}.work-load-more-wrap{display:flex;justify-content:center;padding-top:var(--sp-10)}.work-load-more{display:inline-flex;align-items:center;gap:var(--sp-3);min-width:10rem;justify-content:center}.work-load-more__spinner{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.work-load-more.is-loading .work-load-more__spinner{opacity:1;animation:spin 0.8s linear infinite}.work-load-more.is-loading{pointer-events:none;opacity:0.7}@keyframes spin{to{transform:rotate(360deg)}}