.resource-catalog{padding:76px 0 120px;background:#f4f4f1;color:#111}
.resource-catalog__top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.resource-catalog__top p{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#f12b21}
.resource-catalog__top h2{margin:0;font-size:clamp(30px,3.5vw,52px);line-height:1;letter-spacing:-.06em}
.resource-catalog__top>span{font-size:13px;font-weight:800;letter-spacing:.08em}
.resource-catalog__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.resource-catalog__filters button{display:inline-flex;align-items:center;gap:15px;padding:11px 16px;border:1px solid #111;border-radius:999px;background:transparent;color:#111;font-size:12px;font-weight:800;cursor:pointer;transition:background .25s,color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.resource-catalog__filters button:hover{transform:translateY(-2px)}
.resource-catalog__filters button[aria-pressed="true"]{background:#111;color:#fff}
.resource-catalog__filters button span{opacity:.55}
.resource-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 14px}
.resource-catalog__item[hidden]{display:none}
.resource-catalog__image{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#e7e7e4}
.resource-catalog__image img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.resource-catalog__image:hover img{transform:scale(1.045)}
.resource-catalog__tag{position:absolute;top:18px;left:18px;padding:7px 11px;border-radius:999px;background:#f12b21;color:white;font-size:11px;font-weight:800;letter-spacing:.04em}
.resource-catalog__details{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:16px 4px 0}
.resource-catalog__details h3{margin:0 0 4px;font-size:clamp(17px,1.4vw,22px);line-height:1.2;letter-spacing:-.045em}
.resource-catalog__details span{font-size:11px;font-weight:800;color:#777;letter-spacing:.08em}
.resource-catalog__details a{flex:none;border:1px solid #111;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:800;transition:background .25s,color .25s}
.resource-catalog__details a:hover{background:#111;color:#fff}
@media(max-width:900px){.resource-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.resource-catalog{padding:52px 0 80px}.resource-catalog__grid{grid-template-columns:1fr;gap:32px}.resource-catalog__top{align-items:start}.resource-catalog__top>span{padding-top:3px}}