/* ============================================
   BLOCK 1 — HERO (cinematic full-bleed overlay)
   ============================================ */
.home_block_1 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: 13rem;
  padding-bottom: 9rem;
  background: var(--bg-dark);
}

.home_block_1_bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
  z-index: 0;
}

.home_block_1_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      102deg,
      var(--bg-dark) 0%,
      rgba(11, 13, 18, 0.94) 30%,
      rgba(11, 13, 18, 0.6) 58%,
      rgba(11, 13, 18, 0.22) 100%
    ),
    linear-gradient(0deg, var(--bg-dark) 0%, transparent 42%);
}

.home_block_1_overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at 78% 28%,
    var(--accent-soft) 0%,
    transparent 55%
  );
}

.home_block_1_inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.8rem;
}

.home_block_1_title {
  max-width: 16em;
}

.home_block_1_lead {
  max-width: 42em;
  color: var(--text);
}

.home_block_1_sub {
  max-width: 50em;
}

.home_block_1 .section_cta {
  margin-top: 1.6rem;
}

/* ============================================
   Mobile — ≤1024px
   ============================================ */
@media (max-width: 1024px) {
  .home_block_1 {
    min-height: auto;
    padding-top: 28rem;
    padding-bottom: 16rem;
  }

  .home_block_1_bg {
    object-position: 60% center;
  }

  .home_block_1_overlay {
    background:
      linear-gradient(
        180deg,
        rgba(11, 13, 18, 0.74) 0%,
        rgba(11, 13, 18, 0.9) 60%,
        var(--bg-dark) 100%
      );
  }

  .home_block_1_inner {
    gap: 3rem;
  }

  .home_block_1_title,
  .home_block_1_lead,
  .home_block_1_sub {
    max-width: 100%;
  }
}
