.hub-res{padding:var(--section-py) 0}.hub-res__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-gap:16px 48px;gap:16px 48px;align-items:end}.hub-res__side{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.hub-res__all:active{opacity:.7}.hub-res__grid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.hub-res__item{margin:0;min-width:0}.hub-res__pair{position:relative;margin:0 0 12px;aspect-ratio:4/3;border-radius:var(--radius-card);overflow:hidden;background:rgba(var(--surface-rgb),.3)}.hub-res__pair img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.hub-res__tag{position:absolute;bottom:12px;padding:6px 12px;border-radius:var(--radius-pill);background:rgba(var(--bg-rgb),.86);font-family:var(--font-body);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-strong)}.hub-res__tag--before{left:12px}.hub-res__tag--after{right:12px}.hub-res__service{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--text-strong)}@media (max-width:1000px) and (min-width:721px){.hub-res__tag{bottom:8px;padding:4px 9px;font-size:11px}.hub-res__tag--before{left:8px}.hub-res__tag--after{right:8px}}@media (max-width:860px){.hub-res__head{grid-template-columns:1fr}}@media (max-width:720px){.hub-res__grid{display:flex;gap:16px;margin:32px -20px 0 0;padding:0 20px 4px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hub-res__grid::-webkit-scrollbar{display:none}.hub-res__item{flex:0 0 82%;scroll-snap-align:start}}