/* =========================
   HERO – ABOUT
========================= */

.hero.hero-about {
  min-height: 520px;
  background-image: var(--hero-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* =========================
   HERO INNER (BOX)
========================= */

.hero-inner {
  padding: 120px 140px;
}

/* =========================
   HERO TEXT
========================= */

.hero-about .hero-text {
  max-width: 760px;
}

.hero-about .hero-text p {
  max-width: none;
  font-size: 16px;
  line-height: 1.55;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

  .hero-about .hero-inner {
    padding: 72px 20px;
  }

  .hero-about .hero-text {
    max-width: 100%;
    margin: 0 auto;
  }

  .hero-about .hero-text p {
    max-width: 100%;
    font-size: 15px;
    line-height: 1.6;
  }
}