.categories-page{padding:52px 0 80px}
.categories-page .eyebrow{color:var(--lime);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:2px}
.categories-page h1{font-size:38px;letter-spacing:-.03em;margin:10px 0 6px}
.categories-intro{color:#a7adb5;font-size:15px;margin:0 0 40px}
.categories-section{margin-bottom:46px}
.categories-section .section-head h2{font-size:21px;margin:0 0 18px}
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.category-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/10;padding:20px;border-radius:18px;overflow:hidden;background-color:#14171a;background-size:cover;background-position:center;border:1px solid #23262b;transition:transform .22s ease,border-color .22s ease}
.category-card.no-image{background-image:linear-gradient(135deg,#1c1f22,#101214)!important}
.category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--lime) 45%,#23262b)}
.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,10,11,0) 30%,rgba(9,10,11,.88));pointer-events:none}
.category-name,.category-count{position:relative;z-index:1}
.category-name{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em}
.category-count{display:block;margin-top:4px;font-size:12.5px;color:var(--lime);font-weight:700}
@media(max-width:640px){.categories-page h1{font-size:29px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.category-card{padding:14px}}