section.blog{margin-bottom:160px;padding-top:64px}.blog__title{margin-bottom:48px}.blog__items{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(370px,1fr))}.blog__items:not(:last-child){margin-bottom:48px}.blog__item{border-radius:36px;color:var(--white-color);display:grid;min-height:490px;overflow:hidden;padding:36px;position:relative}.blog__item:before{background:linear-gradient(0deg,rgba(0,0,0,.38) 27%,transparent 40%,rgba(0,0,0,.7) 76%);box-shadow:none;content:"";height:100%;left:0;position:absolute;top:0;transition:box-shadow .3s;width:100%;z-index:1}.blog__item--long{grid-column:span 2}.blog__item-bg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.blog__item-body{display:flex;flex-direction:column;gap:16px;max-width:500px;position:relative;z-index:2}.blog__item-title{line-height:105%;-webkit-line-clamp:2;transition:color .3s}.blog__item-text,.blog__item-title{display:-webkit-box;font-weight:600;overflow:hidden;-webkit-box-orient:vertical}.blog__item-text{font-size:16px;line-height:130%;-webkit-line-clamp:5}.blog__item-btn{margin-top:auto}@media (max-width:89.99875em){.blog__item{min-height:400px;padding:24px}}@media (max-width:61.99875em){.blog__items{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog__item{border-radius:16px;padding:20px}}@media (max-width:47.99875em){section.blog{margin-bottom:100px;padding-top:24px}.blog__breadcrumbs:not(:last-child){margin-bottom:16px}.blog__title{margin-bottom:24px}.blog__items{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.blog__items:not(:last-child){margin-bottom:36px}.blog__item--long{grid-column:auto}.blog__item-title{font-size:24px}}@media (max-width:29.99875em){.blog__items{grid-template-columns:1fr}.blog__item{min-height:335px}.blog__item--long{min-height:500px}}@media (min-width:47.99875em) and (max-width:97.5em){.blog__item-title{font-size:clamp(24px,12.3642332264px + 1.5151132547vw,36px)}}@media (min-width:97.5em){.blog__item-title{font-size:36px}}@media (any-hover:hover){.blog__item:hover:before{box-shadow:inset 0 30px 130px 30px #000}.blog__item-title:hover{color:var(--accent)}}