.race-catalog{padding-inline:32px}.race-catalog .catalog-heading{padding-bottom:64px}.race-catalog .catalog-heading h1{margin-bottom:28px}.faction-rows{gap:44px;display:grid}.race-row-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.race-catalog .race-tile-art{height:clamp(190px,17vw,250px)}.race-tile.neutral{--banner-color:#bcb9b4;--banner-glow:#72727222}.race-tile.neutral strong{color:#ccc8c0}@media (max-width:650px){.race-catalog{padding-inline:20px}.race-catalog .race-tile-art{height:200px}.race-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}.chronicle.race-background{--race-backdrop-height:clamp(540px, 50vw, 1200px);background-color:#170e09;background-image:linear-gradient(#170e0926 0%,#170e0966 35%,#170e09 100%),url(/assets/races/heroes-backdrop.jpg);background-position:top;background-size:100% var(--race-backdrop-height), auto var(--race-backdrop-height);background-repeat:no-repeat}.race-background .catalog-heading,.race-background .heading-copy,.race-background .faction-heading{text-shadow:0 2px 8px #000}.race-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.race-filters button,.race-filters a{color:var(--muted);padding:8px 16px;font-size:15px}.race-filters button{background:0 0;border:1px solid #0000;border-radius:3px}.race-filters button[aria-pressed=true]{color:var(--gold);border-color:var(--line);background:#170e09b3}.race-filters button:hover,.race-filters a:hover{color:var(--gold)}.race-filters button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.race-catalog .race-tile strong{margin-top:14px;font-size:18px}.race-tile-category{color:var(--muted);margin-top:6px;font-size:12px;display:block}.race-catalog #story-peoples{margin-top:64px}@media (min-width:651px) and (max-width:1000px){.race-row-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}