/* HERO SECTION */
.hero {
  height: 100vh;
  width: 100%;
  position: relative;
  background: url('../images/coverpage/tukoba_hori.png') center 20%/cover no-repeat;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 90%;
  margin-bottom: 60px;
  animation: fadeUp 1.2s ease-out;
}

.hero-content h1 {
      font-size: 2.6rem;
      margin-bottom: 10px;
    }

    .hero-content p {
      font-size: 1.1rem;
      margin-bottom: 20px;
      opacity: 0.9;
      color:#ccc;
    }


    .hero-btn {
      display: inline-block;
      padding: 12px 22px;
      background: #ffffff;
      color: #2c1b12;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
    }

    /* subtle animation */
    @keyframes fadeUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* -----------------------------
   Hero Banner
------------------------------*/

    .hero-banner {
      width: 100%;
      overflow: hidden;
      background: #f8f6f2;
    }


    .hero-banner img {
      width: 100%;
      height: 620px;
      object-fit: cover;
      /* object-position: center top; */
      object-position: center 15%;
      display: block;
    }