body {
        overflow-x: hidden;
    }

    .about-content h2,
    .about-content .content-text {
        font-family: 'PK Maehongson', 'MYRIADPRO-REGULAR', 'Prompt', sans-serif;
    }

    .about-content h2 {
        font-weight: 600;
        color: #1a1a1a;
        line-height: 1.4;
        letter-spacing: -0.5px;
    }

    .about-content .content-text {
        font-family: 'MYRIADPRO-REGULAR', 'Prompt', sans-serif;
        font-weight: 400;
        font-size: 1.05rem;
        line-height: 1.75;
        color: #333;
    }

    @media (max-width: 768px) {
        .hero-section h1 {
            font-size: 2.2rem !important;
        }

        .about-content h2 {
            font-size: 1.75rem !important;
        }

        .about-content .content-text {
            font-size: 1rem;
        }
    }

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

.about-hero{
  position:relative;
  height:60vh;
  min-height:450px;
  color:#fff;
}

.about-hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.about-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(25,24,24,.85),rgba(100,80,50,.7));
}

.about-hero-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.about-hero-title{
  color:#f5f0e6;
  font-size:3.2rem;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.2;
}

.about-hero-sub{
  font-size:1.1rem;
  color:#d8b567;
  opacity:.9;
}