/* Homepage feeds reuse the shared work cards and carousel behavior. */
.gn-works .gn-related-works__track {
  grid-auto-columns: 88%;
  gap: var(--gn-space-4);
  margin: 0;
  padding-inline: 0;
}

.gn-works .gn-work-card__inner {
  background: var(--gn-color-bg);
}

.gn-works .gn-work-card__inner:hover,
.gn-works .gn-work-card__inner:hover .gn-work-card__thumb img {
  transform: none;
}

.gn-works .gn-work-card__client {
  margin: 0;
}

.gn-works .gn-work-card__title {
  margin: 0;
}

.gn-works .gn-related-works__controls {
  margin-top: 0;
}

.gn-works__arrow {
  display: grid;
  place-items: center;
  width: var(--gn-space-12);
  height: var(--gn-space-12);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gn-color-primary);
  font-size: var(--gn-fs-card-title);
  cursor: pointer;
}

@media (width >= 769px) {
  .gn-works .gn-related-works__track {
    grid-auto-flow: row;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-columns: auto;
    gap: var(--gn-space-6);
    overflow: visible;
    scroll-snap-type: none;
  }
}

@media (width <= 768px) {
  .gn-blog__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .gn-blog__featured-thumb,
  .gn-blog__featured > p:not(.gn-blog__meta),
  .gn-blog__item > p:not(.gn-blog__meta),
  .gn-blog__more {
    display: none;
  }

  .gn-blog__featured,
  .gn-blog__item {
    display: flex;
    flex-direction: column;
    gap: var(--gn-space-2);
    padding: var(--gn-space-6) 0;
    border-top: 1px solid var(--gn-color-border);
  }

  .gn-blog__featured h3,
  .gn-blog__item h3 {
    margin: 0;
    font-size: var(--gn-fs-body);
    line-height: 1.7;
  }

  .gn-blog__featured .gn-blog__meta,
  .gn-blog__item .gn-blog__meta {
    margin: 0;
  }
}