.archive-filter{margin-bottom:40px}.archive-filter__nav{display:flex;gap:16px;flex-wrap:wrap}.archive-filter__button{display:flex;align-items:center;justify-content:center;padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--color-border-light);border-radius:2px;background-color:var(--color-bg-white);color:var(--color-text-secondary);text-decoration:none;transition:all .3s ease;white-space:nowrap;min-height:28.75px}.archive-filter__button:hover{background-color:var(--color-bg-gray)}.archive-filter__button--active{background-color:var(--color-brand-red);color:var(--color-bg-white);border-color:var(--color-brand-red)}.case-list__container{max-width:1312px;margin:0 auto 80px;padding:0 16px}.case-list__items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0 0 40px}.case-list__item{border:1px solid var(--color-border-card);border-radius:8px;box-shadow:1px 3px 18px 0 rgba(18,18,18,.04);transition:border-color .4s ease}.case-list__item:hover{border-color:var(--color-accent-blue)}.case-list__no-posts{text-align:center;color:var(--color-text-light);padding:40px 0}.case-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.case-card__image{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px 8px 0 0}.case-card__image img{width:100%;height:100%;object-fit:cover;display:block}.case-card__content{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding:16px;gap:8px}.case-card__text{display:flex;flex-direction:column;gap:4px;flex:1}.case-card__company{font-size:14px;font-weight:500;color:var(--color-text-primary);line-height:1.75;margin:0}.case-card__title{font-size:20px;font-weight:700;color:var(--color-text-primary);line-height:1.6;margin:0}.case-card__tags{display:flex;gap:3px;padding-top:12px;border-top:1px solid var(--color-border-light)}.case-card__tag{font-size:12px;font-weight:500;color:var(--color-text-primary);line-height:1.75;padding:0 6px;background-color:var(--color-bg-gray-light);border-radius:2px;display:inline-block}@media (max-width:767px){.case-list__container{margin-bottom:40px}}@media (max-width:840px){.archive-filter{margin-bottom:32px}.case-list__items{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.case-card__company{font-size:13px}.case-card__title{font-size:18px}.case-card__tags{padding-top:10px}}@media (max-width:540px){.case-list__items{grid-template-columns:1fr;gap:32px}.case-card__content{gap:4px}.case-card__text{gap:2px}}