.tag{background:var(--color-white);border:1px solid var(--color-dark);border-radius:50px;color:var(--color-dark);cursor:pointer;display:flex;font-size:1rem;line-height:1.375rem;opacity:.8;padding:.25rem 1rem;place-content:center;transition:all .2s ease-in-out}.tag:focus,.tag:hover{opacity:1}.tag--active{background:var(--color-light-beige);border-color:#b34a00;color:#b34a00;opacity:1}.article-collection{padding:60px 16px}@media (width >= 1024px){.article-collection{padding:130px 30px}}.article-collection__inner{display:grid;gap:1.875rem;margin:0 auto;max-width:1280px}.article-collection__header{display:grid;gap:.625rem}.article-collection__title{color:var(--color-dark-blue);line-height:3.5rem}.article-collection__text{color:var(--color-dark-blue);opacity:.7}.article-collection__categories{display:flex;gap:.625rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;white-space:nowrap}.article-collection__categories .tag{scroll-snap-align:center;scroll-snap-stop:always}.article-collection__articles{display:grid;gap:1rem}@media (width > 768px){.article-collection__articles{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (width > 1024px){.article-collection__articles{grid-template-columns:repeat(3,1fr)}}.article-collection .card h3{font-size:1.25rem;font-weight:400;line-height:1.5rem}.article-collection .card p{font-size:1.125rem;font-weight:400;line-height:1.5rem;opacity:.7}