.page-hero{position:relative;background:var(--color-bg-primary);padding:5rem 0;overflow:hidden}.hero-accent-line{width:4rem;height:4px;border-radius:var(--radius-full);margin-bottom:2rem;background:var(--brand-primary);animation:accent-draw .7s var(--ease-out-expo) 0s both}.hero-heading{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-align:left;animation:hero-fade .8s var(--ease-out-expo) .1s both}.hero-subtitle{margin-top:1.5rem;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:64rem;animation:hero-fade .8s var(--ease-out-expo) .35s both}.filter-section{padding:1.5rem 0;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.filter-btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:.5rem 1.25rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);white-space:nowrap}.filter-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-50)}.filter-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-text-inverse);font-weight:var(--weight-semibold);box-shadow:var(--shadow-md)}.pubs-list-section{padding:3rem 0}@media(min-width:768px){.pubs-list-section{padding:4rem 0}}.pub-year-group{margin-bottom:3rem}.pub-year-group:last-of-type{margin-bottom:0}.pub-cards{display:flex;flex-direction:column;gap:1rem}.pub-list-card{border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--color-border);transition:transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),opacity .5s var(--ease-out-expo);opacity:0;transform:translateY(20px)}.pub-list-card.visible{opacity:1;transform:translateY(0)}.pub-list-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.pub-list-card-inner{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.pub-list-card-inner{flex-direction:row;align-items:flex-start;gap:2rem}}.pub-list-card-left{flex:1;min-width:0}.pub-list-card-right{flex:0 0 auto;min-width:0}@media(min-width:768px){.pub-list-card-right{flex:0 0 280px}}.pub-list-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);margin-top:.5rem}.pub-list-authors{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:.375rem}.pub-list-journal{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:.25rem}.pub-list-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px 10px;border-radius:var(--radius-full)}.badge-nature{background:#16a34a1a;color:#16a34a}.badge-jacs{background:#2563eb1a;color:var(--state-info)}.badge-angew{background:#d977061a;color:var(--state-warning)}.badge-am{background:#8b5cf61a;color:#8b5cf6}.badge-other{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.pubs-pagination{display:flex;align-items:center;justify-content:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.pubs-page-buttons{display:flex;align-items:center;gap:.5rem}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-normal) ease;user-select:none}.page-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-50)}.page-btn.active-page{background:var(--brand-primary);color:var(--color-text-inverse);border-color:var(--brand-primary)}.page-btn.page-arrow{font-size:var(--text-base);padding:0 6px;border-color:transparent}.page-btn.page-arrow:hover{color:var(--brand-primary);border-color:transparent;background:transparent}.page-btn.page-arrow.disabled{opacity:.3;cursor:default;pointer-events:none}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;font-size:var(--text-sm);color:var(--color-text-tertiary);letter-spacing:2px;user-select:none}.stagger-children>.reveal-up:nth-child(1){transition-delay:0s}.stagger-children>.reveal-up:nth-child(2){transition-delay:.05s}.stagger-children>.reveal-up:nth-child(3){transition-delay:.1s}.stagger-children>.reveal-up:nth-child(4){transition-delay:.15s}.stagger-children>.reveal-up:nth-child(5){transition-delay:.2s}.stagger-children>.reveal-up:nth-child(6){transition-delay:.25s}.stagger-children>.reveal-up:nth-child(7){transition-delay:.3s}.stagger-children>.reveal-up:nth-child(8){transition-delay:.35s}.stagger-children>.reveal-up:nth-child(9){transition-delay:.4s}.stagger-children>.reveal-up:nth-child(10){transition-delay:.45s}.stagger-children>.reveal-up:nth-child(11){transition-delay:.5s}.stagger-children>.reveal-up:nth-child(12){transition-delay:.55s}.stagger-children>.reveal-up:nth-child(13){transition-delay:.6s}.stagger-children>.reveal-up:nth-child(14){transition-delay:.65s}.stagger-children>.reveal-up:nth-child(15){transition-delay:.7s}@keyframes hero-fade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes accent-draw{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media(min-width:768px){.hero-heading{font-size:var(--text-5xl)}.hero-subtitle{font-size:var(--text-xl)}}