/* ── Hero (50vh subpage variant) ─────────────── */
    .hero--sub {
      min-height: 50vh;
    }
    .hero--sub .hero-bg::after {
      background:
        linear-gradient(135deg, rgba(26,22,19,0.6) 0%, rgba(26,22,19,0.28) 50%, rgba(26,22,19,0.1) 100%),
        linear-gradient(0deg, rgba(26,22,19,0.85) 0%, rgba(26,22,19,0.3) 12%, transparent 25%);
    }
    .hero--sub .container {
      padding-top: 3rem;
      padding-bottom: 4rem;
    }
    .hero--sub .hero-content {
      max-width: 640px;
    }

    /* ── Responsive ───────────────────────────────── */
    @media (max-width: 640px) {
      .hero--sub { min-height: 45vh; }
    }