/* Blog Cards Grid */
  .blogs-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40px;
      margin-bottom: 48px;
  }

  .blog-card {
      background: #fff;
      overflow: hidden;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      cursor: pointer;
  }

  .blog-card:hover {
      transform: translateY(-8px);
  }

  .blog-card-image {
      width: 100%;
      aspect-ratio: 16 / 10;
      overflow: hidden;
      position: relative;
  }

  .blog-card-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .blog-card:hover .blog-card-image img {
      transform: scale(1.06);
  }

  .blog-card-content {
      padding: 30px 10px;
  }

  .blog-card-meta {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 16px;
  }

  .blog-card-category {
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: var(--gold);
  }

  .blog-card-date {
      font-size: 11px;
      font-weight: 500;
      color: var(--muted);
  }

  .blog-card-title {
      font-family: 'Scheherazade New', serif;
      font-size: 26px;
      font-weight: 400;
      color: var(--text);
      line-height: 1.3;
      margin: 0 0 14px;
      transition: color 0.25s;
  }

  .blog-card:hover .blog-card-title {
      color: var(--gold);
  }

  .blog-card-excerpt {
      font-size: 14px;
      line-height: 1.75;
      color: var(--muted);
      margin: 0 0 20px;
  }

  .blog-card-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: var(--text);
      text-decoration: none;
      transition: gap 0.25s, color 0.25s;
  }

  .blog-card-link:hover {
      gap: 12px;
      color: var(--gold);
  }

  .blog-card-link svg {
      width: 14px;
      height: 14px;
  }

  /* Responsive */
  @media (max-width: 1024px) {
      .blogs-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 32px;
      }
  }

  @media (max-width: 768px) {
      .blogs-grid {
          grid-template-columns: 1fr;
          gap: 28px;
      }
  }

  @media (max-width: 480px) {
      .blog-card-title {
          font-size: 20px;
      }
      .blog-card-excerpt {
          font-size: 14px;
          line-height: 1.7;
      }
  }