/**
 * Magazine hero layout.
 */

.kutby-hero__magazine {
  display: grid;
  gap: var(--kutby-space-6);
}

.kutby-hero__magazine-aside {
  display: grid;
  gap: var(--kutby-space-6);
}

.kutby-hero-list--trending {
  padding: var(--kutby-space-4);
  background: var(--kutby-color-surface);
  border-radius: var(--kutby-radius-md);
  border: 1px solid var(--kutby-color-border);
}

@media (min-width: 1024px) {
  .kutby-hero__magazine {
    grid-template-columns: 1.6fr 1fr;
    align-items: start;
  }
}
