/* =====================
   PARTIAL — projects-hero.hbs
   ===================== */

.projects-hero {
  padding: var(--space-page) var(--space-page) var(--space-page-md);
  gap: var(--gap-lg);
}

.projects-hero-inner {
  max-width: var(--hero-inner-max-width);
}

/* ── Badge ── */
.projects-badge {
  gap: var(--gap-sm);
  padding: var(--padding-badge);
  background: var(--gold-bg);
  border: var(--border-width) solid var(--gold-border);
  color: var(--gold);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.badge-dot {
  background: var(--green-bright);
  box-shadow: var(--glow-md) var(--green-bright);
}

/* ── Title ── */
.projects-hero-title {
  margin: var(--hero-title-mt) 0 0;
  font-size: var(--font-size-hero);
  line-height: var(--lh-none);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--tracking-heading);
  color: var(--white-color);
}

.projects-hero-line1 {
  display: block;
}

.projects-hero-italic {
  font-family: var(--display-font-family);
  color: var(--green-bright);
  font-weight: var(--font-weight-bold);
  font-style: italic;
  display: inline-block;
  transform: rotate(var(--hero-italic-rotate));
  line-height: var(--lh-display);
  margin-top: var(--gap-xs);
}

/* ── Description ── */
.projects-hero-desc {
  margin: var(--hero-desc-mt) 0 0;
  font-size: var(--p-font-size);
  line-height: var(--lh-relaxed);
  max-width: var(--hero-desc-max-width);
}

/* ── Meta ── */
.projects-hero-meta {
  text-align: right;
  gap: var(--gap-2xs);
  padding-bottom: var(--gap-xs);
}

.projects-hero-version {
  color: var(--gold-soft);
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .projects-hero {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--hero-tablet-pt) var(--space-page-md) var(--hero-tablet-pb);
  }

  .projects-hero-meta {
    text-align: left;
    flex-direction: row;
    gap: var(--gap-base);
  }
}

@media (max-width: 560px) {
  .projects-hero {
    padding: var(--gap-lg) var(--space-page-sm) var(--space-page-sm);
  }
}