.x-cat{max-width:1320px;margin:0 auto;padding:clamp(40px, 7vw, 80px) clamp(12px, 4vw, 20px) 0;font-family:var(--xg-sans);font-size:16px;line-height:normal;color:var(--xg-green)}.x-cat__kicker{font-family:var(--xg-sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--xg-accent-ink)}.x-cat__head{font-family:var(--xg-serif);font-weight:400;font-size:clamp(32px, 8vw, 48px);margin:6px 0 20px;line-height:1.05;color:var(--xg-green);text-align:left}.x-cat__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%, 190px),1fr));gap:12px}.x-cat__tile{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}.x-cat__tile:hover{outline:2px solid var(--xg-green)}.x-cat__tile:focus-visible{outline:2px solid var(--xg-green);outline-offset:-2px}.x-cat__img{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#e7e0d1 0 14px,#dfd7c5 14px 28px)}.x-cat__img img{width:100%;height:100%;object-fit:cover;display:block}.x-cat__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff0 26%,rgb(14 42 30 / .55) 55%,rgb(14 42 30 / .92) 100%)}.x-cat__body{position:relative;padding:14px;pointer-events:none;display:flex;flex-direction:column;gap:2px}.x-cat__name{font-size:16px;font-weight:500;color:var(--xg-cream-ink)}.x-cat__count{font-size:12.5px;color:rgb(244 237 223 / .9);font-weight:300}@media (prefers-reduced-motion:reduce){.x-cat *,.x-cat *::before,.x-cat *::after{transition-duration:.001ms!important;animation-duration:.001ms!important}}