.home-ideas { max-width: 1200px; margin: 0 auto; padding-bottom: 72px; }
.home-ideas > h3 { margin: 0 0 32px; color: #333; font-size: 32px; font-weight: 400; line-height: 47px; text-align: center; }
.home-ideas-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 21px; }
.home-ideas-card { display: block; min-width: 0; overflow: hidden; border-radius: 12px; background: #fff; }
.home-ideas-image { position: relative; aspect-ratio: 386 / 332; overflow: hidden; }
.home-ideas-image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home-ideas-tags { position: absolute; top: 15px; left: 18px; right: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.home-ideas-tags > span { max-width: 100%; padding: 5px 17px 6px; border-radius: 16px; background: #676fc9; color: #fff; font-size: 14px; font-weight: 400; line-height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-ideas-card > h4 { height: 78px; margin: 0; padding: 24px 20px 25px; color: #333; font-size: 20px; font-weight: 400; line-height: 29px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home-ideas-footer { margin-top: 54px; text-align: center; }
.home-ideas-footer > a { display: inline-block; padding: 8px 20px; border: 1px solid #424242; border-radius: 40px; color: #333; font-size: 14px; line-height: 21px; }
@media (max-width: 991px) {
  .home-ideas-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .home-ideas > h3 { font-size: 26px; }
  .home-ideas-grid { grid-template-columns: 1fr; gap: 24px; }
  .home-ideas-footer { margin-top: 32px; }
}