.list-head{border-bottom:1.5px solid var(--ink);padding-bottom:var(--sp-s);margin-bottom:var(--sp-xl)}.list-head h2{font-size:var(--step-4);margin-top:.3rem}.list-head.has-link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-m);flex-wrap:wrap}.list-head .head-link{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-ink);text-decoration:none;white-space:nowrap}.list-head .head-link:hover{color:var(--ink)}.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--sp-l)}.cards .card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.cards .card:hover{transform:translateY(-3px);border-color:var(--brass)}.cards .card-link{position:relative;display:block;padding:var(--sp-l);text-decoration:none;color:inherit}.cards .card-eyebrow{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-ink);margin-bottom:.5rem}.cards .card h3{font-size:var(--step-2)}.cards .card-desc{color:var(--text-soft);margin-top:.5rem;font-size:.95rem}.cards .card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:var(--sp-m);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;color:var(--text-soft);text-transform:uppercase}.cards .card-meta .tag{background:var(--surface-2);border:1px solid var(--line);padding:.1rem .4rem;border-radius:2px}.cards .card-badge{position:absolute;top:var(--sp-m);right:var(--sp-m);z-index:2;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-ink);border:1px solid var(--line);background:var(--surface-2);padding:.2rem .5rem;border-radius:2px}.cards .card-wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1;pointer-events:none;transition:opacity var(--dur) var(--ease)}.cards .card:hover .card-wash{opacity:.16}.cards .card-content{position:relative}.cards .card--featured{grid-column:1 / -1;background:var(--ink);border-color:var(--ink)}.cards .card--featured:hover{border-color:var(--brass)}.cards .feat-link{position:relative;display:flex;align-items:center;overflow:hidden;min-height:340px;padding:0;color:var(--on-ink)}.cards .feat-bg{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center right}.cards .feat-link:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 82%,transparent) 48%,color-mix(in srgb,var(--ink) 18%,transparent) 100%)}.cards .feat-body{display:block;position:relative;z-index:2;max-width:52ch;padding:var(--sp-2xl) var(--sp-3xl) var(--sp-2xl) var(--sp-2xl)}.cards .feat-flag{position:absolute;top:var(--sp-l);right:var(--sp-l);z-index:2;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-2);border:1px solid var(--line-ink);padding:.3rem .65rem;border-radius:2px;background:color-mix(in srgb,var(--ink) 60%,transparent);backdrop-filter:blur(2px)}.cards .feat-body .card-eyebrow{color:var(--brass-2)}.cards .feat-body h3{margin-top:.2rem;font-family:var(--font-display);font-weight:600;font-size:var(--step-4);line-height:1.04;color:var(--on-ink)}.cards .feat-deck{margin-top:.7rem;max-width:34ch;font-family:var(--font-display);font-weight:500;font-size:clamp(1.2rem,2.4vw,1.6rem);line-height:1.16;color:var(--on-ink)}.cards .feat-desc{margin-top:.9rem;max-width:48ch;font-size:.96rem;line-height:1.5;color:var(--on-ink-soft)}.cards .feat-body .card-meta{margin-top:1.4rem;color:var(--on-ink-soft)}.cards .feat-body .card-meta .tag{background:#ffffff0f;border-color:var(--line-ink);color:var(--on-ink-soft)}@media(max-width:600px){.cards .feat-link{display:block;min-height:0}.cards .feat-flag{position:relative;top:auto;right:auto;z-index:2;display:inline-block;margin:var(--sp-l) 0 0 var(--sp-l);background:none;backdrop-filter:none}.cards .feat-body{padding:var(--sp-s) var(--sp-l) var(--sp-xl)}.cards .feat-deck{max-width:none}.cards .feat-link:after{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 96%,transparent),color-mix(in srgb,var(--ink) 90%,transparent) 70%,color-mix(in srgb,var(--ink) 78%,transparent))}}
