.col-hero{border-bottom:1px solid var(--rule);padding-top:clamp(2.5rem,2rem + 3vw,4.5rem);padding-bottom:clamp(1.75rem,1.5rem + 1.5vw,2.75rem);position:relative;overflow:hidden}.col-hero__light{z-index:-1;background:radial-gradient(70% 120% at 88% -10%, var(--flash-glow), transparent 60%), linear-gradient(180deg, var(--ink-900), var(--ink));position:absolute;inset:0}.col-hero__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.col-hero__title{font-family:var(--font-display);font-weight:400;font-size:var(--text-3xl);text-transform:uppercase;letter-spacing:var(--tracking-tight);line-height:.92}.col-hero__desc{margin-top:var(--space-3);max-width:58ch;color:var(--bone-dim);font-size:var(--text-lg)}.col-hero__count{font-family:var(--font-body);font-size:var(--text-sm);color:var(--bone-faint);white-space:nowrap}.col-hero__count b{color:var(--red-text);font-weight:700}.col-toolbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);margin-bottom:var(--space-4);background:color-mix(in oklab, var(--ink) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex;position:sticky;top:60px}.col-toolbar__meta{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-faint)}.col-sort{align-items:center;gap:.6rem;display:flex}.col-sort label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--bone-ghost)}.col-sort select{appearance:none;background:var(--ink-800);color:var(--bone);border:1px solid var(--rule-strong);border-radius:var(--radius);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color var(--dur-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.4' fill='none'/%3E%3C/svg%3E");background-position:right .8em center;background-repeat:no-repeat;padding:.5em 2.2em .5em .9em}.col-sort select:hover{border-color:var(--bone)}.col-empty{padding-block:var(--space-7);text-align:center;color:var(--bone-faint)}.col-empty h3{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--ink-600);margin-bottom:var(--space-2)}.cols-index{grid-template-columns:repeat(3,1fr);gap:clamp(.75rem,.4rem + 1vw,1.15rem);display:grid}.cix{border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-4);background:var(--ink-900);min-height:150px;transition:border-color var(--dur), transform var(--dur) var(--ease-out);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.cix:hover{border-color:var(--bone);transform:translateY(-3px)}.cix__num{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.16em;color:var(--bone-ghost)}.cix__name{font-family:var(--font-display);font-weight:400;font-size:var(--text-xl);text-transform:uppercase;letter-spacing:var(--tracking-tight);color:var(--bone);line-height:.95}.cix__count{font-family:var(--font-body);font-size:var(--text-xs);color:var(--bone-faint);margin-top:.35rem}.cix__arrow{right:var(--space-4);bottom:var(--space-4);color:var(--red);opacity:0;transition:opacity var(--dur), transform var(--dur) var(--ease-out);position:absolute;transform:translate(-4px)}.cix:hover .cix__arrow{opacity:1;transform:none}@media (max-width:820px){.cols-index{grid-template-columns:repeat(2,1fr)}.col-toolbar{top:0}}@media (max-width:480px){.cols-index{grid-template-columns:1fr}}
