/* Tentang Kami (extracted from view) */
/* wrapper: lebar text = lebar banner + kasih jarak atas seperti portofolio (mt-50) */
  .about-box{
    width: min(100%, 980px);
    margin: 50px auto 0;   /* ✅ ini yang bikin jarak title -> banner nambah */
  }

  .about-banner{
    width: 100%;
    height: 420px;
    border-radius: 18px;
    overflow: hidden;
  }
  .about-banner.img-ph{
    background: rgba(255,255,255,.06);
  }

  /* text justify */
  .about-text{
    margin-top: 30px;
    text-align: justify;
    text-justify: inter-word;
  }
  .about-text p{
    margin: 0 0 14px;
    opacity: .95;
    line-height: 1.9;
  }

  @media (max-width: 600px){
    .about-banner{ height: 320px; }
    .about-text{ text-align: left; } /* biar spasi justify gak aneh di HP */
  }