.archive-page{width:100%;max-width:var(--site-max);padding:var(--space-12) var(--site-gutter) var(--space-16);min-width:0;min-height:60vh;margin:0 auto}.archive-hero{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--line);position:relative}.archive-hero-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.archive-hero-meta{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.archive-hero-meta .archive-description{flex:320px}.archive-kicker{margin:0 0 var(--space-4);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:.6em;font-size:.72rem;display:inline-flex}.archive-kicker:before{content:"";background:var(--primary);width:7px;height:7px}.archive-title{letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,2rem + 4.2vw,6rem);font-weight:800;line-height:.95}.archive-title-accent{color:var(--primary-text);box-shadow:none;background:0 0;border-radius:0;padding:0}.archive-description{max-width:56ch;font-size:var(--text-lg);color:var(--text-dim);overflow-wrap:anywhere;margin:0;line-height:1.55}.archive-notice{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-dim);font-size:var(--text-sm);display:inline-flex}.archive-notice .material-symbols-rounded{font-size:18px}.archive-sort-wrap{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.archive-sort-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;font-size:.7rem}.archive-sort-pill{border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;transition:border-color var(--transition-fast);background:0 0;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.archive-sort-pill:hover{border-color:var(--text-main)}}.archive-sort-pill:focus-within{border-color:var(--text-main)}.archive-sort-pill:has(select:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.archive-sort-pill select{color:var(--text-main);font-size:var(--text-sm);appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:7px 34px 7px 12px;font-family:inherit;font-weight:600}.archive-sort-chevron{color:var(--text-dim);pointer-events:none;font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.archive-filters{margin:calc(-1 * var(--space-4)) 0 var(--space-8)}.archive-filters__scroll{gap:var(--space-2);padding:var(--space-1) 0 var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.archive-filters__scroll::-webkit-scrollbar{display:none}.archive-chip{border:1px solid var(--line-strong);border-radius:var(--radius-md);min-height:36px;color:var(--text-dim);font-family:var(--font-body);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);background:0 0;flex:none;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.875rem;font-weight:500;display:inline-flex}@media (hover:hover){.archive-chip:hover{color:var(--text-main);border-color:var(--text-main)}}.archive-chip.is-active{background:var(--text-main);border-color:var(--text-main);color:var(--bg-dark)}.archive-chip__dot{border-radius:50%;flex:none;width:7px;height:7px}.archive-chip__count{font-family:var(--font-mono);opacity:.7;font-size:.68rem}.archive-grid{gap:var(--space-10) var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.archive-card{min-width:0}.archive-card[hidden]{display:none}.archive-grid--lead .archive-card:first-child{grid-column:1/-1}.archive-empty{padding:var(--space-16) 0;text-align:center;color:var(--text-dim)}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--line);display:flex}.pagination[hidden]{display:none}.pagination-btn{align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.pagination-btn:hover:not(.disabled){border-color:var(--text-main)}}.pagination-btn.disabled{opacity:.35;cursor:default}.pagination-btn .material-symbols-rounded{font-size:18px}.pagination-info{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem}.archive-card-skeleton{pointer-events:none}.archive-card-skeleton .archive-skeleton-block{background:linear-gradient(90deg, color-mix(in srgb, var(--text-main) 6%, transparent) 0%, color-mix(in srgb, var(--text-main) 14%, transparent) 50%, color-mix(in srgb, var(--text-main) 6%, transparent) 100%);background-size:220% 100%;animation:1.1s linear infinite archive-skeleton-shimmer}.archive-card-skeleton .archive-skeleton-image{aspect-ratio:16/9;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.archive-card-skeleton .archive-skeleton-chip{width:72px;height:14px;margin-right:var(--space-3);border-radius:var(--radius-sm);display:inline-flex}.archive-card-skeleton .archive-skeleton-line{border-radius:var(--radius-sm);height:14px;display:block}.archive-card-skeleton .archive-skeleton-date{width:96px;margin-bottom:var(--space-3);display:inline-block}.archive-card-skeleton .archive-skeleton-title{width:88%;height:24px;margin-bottom:var(--space-2)}.archive-card-skeleton .archive-skeleton-title-short{width:62%;height:24px;margin-bottom:var(--space-4)}.archive-card-skeleton .archive-skeleton-text{width:94%;margin-bottom:var(--space-2)}.archive-card-skeleton .archive-skeleton-text-short{width:72%;margin-bottom:0}.archive-card-fade-in{opacity:0;transform:translateY(4px)}.archive-card-fade-in.archive-card-fade-in-visible{opacity:1;transition:opacity .14s,transform .14s;transform:translateY(0)}@keyframes archive-skeleton-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.archive-card-skeleton .archive-skeleton-block{animation:none}}@media (width<=1100px){.archive-grid{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.archive-page{padding-top:var(--space-8)}.archive-grid{gap:var(--space-8);grid-template-columns:1fr}.archive-hero-meta{flex-direction:column;align-items:flex-start}.archive-hero-meta .archive-description{flex:none;width:100%}.archive-filters{margin-left:calc(-1 * var(--site-gutter));margin-right:calc(-1 * var(--site-gutter))}.archive-filters__scroll{padding-left:var(--site-gutter);padding-right:var(--site-gutter)}}