/* near/hero — stili base in assets/css/near-base.css */

.hero-meta {
  display: flex;
  gap: 32px;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(255,255,255,0.15);
}
.hero-meta-item { display: flex; flex-direction: column; gap: 2px; }
.hero-meta-item .meta-title {
  font-family: var(--f-display);
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.02em;
}
.hero-meta-item .meta-sub {
  font-family: var(--f-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
}
.hero-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 32px;
}
@media (max-width: 640px) {
  .hero-meta { flex-wrap: wrap; gap: 20px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { justify-content: center; }
}