.tpj-hero { padding: 56px 0 0; }
.tpj-hero__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.tpj-hero__title { margin-bottom: 20px; }
.tpj-hero__title a:hover { color: var(--tpj-gold-dark); }
.tpj-hero__excerpt { font-size: 18px; color: var(--tpj-muted); margin-bottom: 28px; }
.tpj-hero__media {
  border-radius: var(--tpj-radius-lg);
  overflow: hidden;
  aspect-ratio: 6/5;
  background: var(--tpj-border);
}
.tpj-hero__media img,
.tpj-hero__img { width: 100%; height: 100%; object-fit: cover; }

.tpj-trending { border-top: 1px solid var(--tpj-border); padding-top: 48px; }
.tpj-trending h2 { margin-bottom: 18px; }

@media (max-width: 860px) {
  .tpj-hero__inner { grid-template-columns: 1fr; }
  .tpj-hero__media { order: -1; aspect-ratio: 16/10; }
}