.offices__list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.offices__item{min-height:300px}.offices__item:first-child{grid-column:span 2}.offices__item:nth-child(2){grid-row:span 2;max-height:none}.card-offices{position:relative;width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.card-offices::after,.card-offices__img{position:absolute;top:0;left:0;height:100%;width:100%}.card-offices:hover .card-offices__img{transform:scale(1.1)}.card-offices:focus-visible .card-offices__img{transform:scale(1.1)}.card-offices::after{content:"";z-index:2;background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.9))}.card-offices__img{display:block;object-fit:cover;transition:transform .45s ease-in-out}.card-offices__title{margin:0 0 10px;font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:32px;font-weight:600;color:#fff}.card-offices__department{padding:0;margin:0;font-size:16px;line-height:24px;font-weight:300;color:#fff}.card-offices__department,.card-offices__title{position:relative;z-index:3}@media (max-width:1220px){.offices__list{gap:16px}.card-offices{padding:20px}.card-offices__title{font-size:22px;line-height:28px}.card-offices__department{font-size:14px;line-height:20pz}}@media (max-width:1023px){.offices__list{grid-template-columns:repeat(3,1fr)}.offices__item{min-height:280px}.offices__item:nth-child(5){grid-column:span 2}}@media (max-width:768px){.offices__list{gap:10px}.offices__item{min-height:240px}.card-offices__title{margin:0 0 8px;font-size:22px;line-height:28px}.card-offices__department{font-size:12px;line-height:18px}}@media (max-width:680px){.offices__list{grid-template-columns:repeat(2,1fr)}.offices__item:nth-child(5){grid-column:span 1}.card-offices{padding:16px}}@media (max-width:450px){.offices__list{display:flex;flex-direction:column;gap:16px}.card-offices,.offices__item{min-height:300px}}