.collection-hero{position:relative;min-height:320px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);margin-top:calc(var(--nav-height) + var(--space-4));margin-bottom:var(--space-8)}.collection-hero__cover{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.9)}.collection-hero__body{position:relative;z-index:1;min-height:320px;display:flex;flex-direction:column;justify-content:end;gap:var(--space-3);padding:var(--space-8)}.collection-hero__eyebrow{margin:0;width:max-content;padding:4px 10px;border-radius:999px;background:#7eb8da1f;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.collection-hero__title{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:1.05;color:var(--text-primary)}.collection-hero__desc{max-width:720px;margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:1.8}.collection-hero__count{width:max-content;color:var(--text-muted);font-size:var(--text-sm)}.collection-children{margin-bottom:var(--space-4)}.collection-children__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.collection-child{overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}.collection-child:hover{transform:translateY(-3px);border-color:var(--border-base);box-shadow:var(--shadow-md)}.collection-child__cover{position:relative;aspect-ratio:16/9;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);overflow:hidden}.collection-child__img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .4s var(--ease-out);image-rendering:auto}.collection-child:hover .collection-child__img{transform:scale(1.02)}.collection-child__fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-elevated))}.collection-child__count{position:absolute;bottom:8px;right:8px;padding:2px 10px;border-radius:999px;background:#08080cc2;border:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-primary)}.collection-child__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.collection-child__title{margin:0;color:var(--text-primary);font-size:var(--text-lg);line-height:1.35}.collection-child:hover .collection-child__title{color:var(--accent)}.collection-child__desc{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.collection-posts[hidden],.collection-empty[hidden],.collection-pager[hidden]{display:none!important}.collection-post{overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out)}.collection-post:hover{transform:translateY(-3px);border-color:var(--border-base);box-shadow:var(--shadow-md)}.collection-post__cover{aspect-ratio:16/9;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);overflow:hidden}.collection-post__img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.collection-post:hover .collection-post__img{transform:scale(1.04)}.collection-post__fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-elevated))}.collection-post__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.collection-post__date{margin:0;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.collection-post__title{margin:0;color:var(--text-primary);font-size:var(--text-lg);line-height:1.35}.collection-post:hover .collection-post__title{color:var(--accent)}.collection-post__excerpt{margin:0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection-empty{padding:var(--space-10) 0;text-align:center;color:var(--text-muted)}.collection-pager{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.collection-pager__link{padding:8px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none}.collection-pager__link:hover{color:var(--text-primary);border-color:var(--border-base)}.collection-pager__current{color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:1100px){.collection-children__grid,.collection-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.collection-hero,.collection-hero__body{min-height:260px}.collection-hero{margin-top:calc(var(--nav-height) + var(--space-3))}.collection-hero__body{padding:var(--space-5)}.collection-children__grid,.collection-posts{grid-template-columns:1fr}}