/* ========================================================================
   BALAPARK / BALORAMA — KURUMSAL SAYFA
   ===================================================================== */

/* Sayfa hero (breadcrumb + başlık) ------------------------------------ */

.section-page-hero.section-about-hero{
  padding-top:22px;
  padding-bottom:18px;
  background:#020617;
  border-bottom:1px solid rgba(30,64,175,.7);
}

.breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.85rem;
  color:#9ca3af;
  margin-bottom:10px;
}

.breadcrumb a{
  color:#93c5fd;
  text-decoration:none;
}

.breadcrumb a:hover{
  color:#bfdbfe;
}

.breadcrumb span:last-child{
  color:#e5e7eb;
  font-weight:500;
}

.section-page-hero__head h1{
  margin:0 0 6px;
  font-size:1.7rem;
  color:#f9fafb;
}

.section-page-hero__head p{
  margin:0;
  max-width:640px;
  font-size:.96rem;
  color:#cbd5f5;
}

/* Ana kurumsal layout ------------------------------------------------- */

.section-about{
  background:#020617;
  padding-top:26px;
  padding-bottom:40px;
}

.about-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto;
  gap:22px;
}

/* Sol üst foto -------------------------------------------------------- */

.about-photo{
  grid-column:1 / 2;
  grid-row:1 / 2;
}

.about-photo__inner{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(30,64,175,.75);
  box-shadow:0 18px 45px rgba(15,23,42,.85);
  background:#020617;
}

.about-photo__inner img{
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
}

/* Sağ üst genel metin ------------------------------------------------- */

.about-maincopy{
  grid-column:2 / 3;
  grid-row:1 / 2;
  background:radial-gradient(circle at top,#0b1120,#020617);
  border-radius:22px;
  padding:16px 18px 16px;
  border:1px solid rgba(30,64,175,.7);
  box-shadow:0 18px 48px rgba(15,23,42,.85);
}

.about-maincopy h2{
  margin:0 0 8px;
  font-size:1.35rem;
  color:#e5e7eb;
}

.about-maincopy p{
  margin:0 0 8px;
  font-size:.95rem;
  color:#cbd5f5;
}

/* Sol alt: misyon / vizyon / değerler -------------------------------- */

.about-pillars{
  grid-column:1 / 2;
  grid-row:2 / 3;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.about-pillar{
  background:#020617;
  border-radius:18px;
  padding:10px 12px 11px;
  border:1px solid rgba(51,65,85,.95);
  box-shadow:0 12px 32px rgba(15,23,42,.85);
}

.about-pillar h3{
  margin:0 0 6px;
  font-size:1rem;
  color:#e5e7eb;
  display:flex;
  align-items:center;
  gap:8px;
}

.about-pillar h3 i{
  color:#38bdf8;
}

.about-pillar p{
  margin:0;
  font-size:.9rem;
  color:#cbd5f5;
}

.about-pillar ul{
  list-style:none;
  margin:0;
  padding:0;
}

.about-pillar ul li{
  font-size:.88rem;
  color:#d1d5db;
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-bottom:4px;
}

.about-pillar ul li i{
  color:#22c55e;
  margin-top:2px;
}

/* Sağ alt: video kartı ----------------------------------------------- */

.about-video{
  grid-column:2 / 3;
  grid-row:2 / 3;
}

.about-video__card{
  border-radius:22px;
  padding:12px 14px 14px;
  background:radial-gradient(circle at top,#111827,#020617);
  border:1px solid rgba(30,64,175,.9);
  box-shadow:0 20px 52px rgba(15,23,42,.9);
}

.about-video__header{
  margin-bottom:8px;
}

.about-video__label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.9rem;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.95);
  border:1px solid rgba(56,189,248,.7);
  color:#e5e7eb;
}

.about-video__label i{
  color:#22c55e;
}

.about-video__text{
  margin:6px 0 0;
  font-size:.88rem;
  color:#cbd5f5;
}

.about-video__frame{
  margin-top:6px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(30,64,175,.8);
  background:#000;
  position:relative;
  padding-top:56.25%; /* 16:9 */
}

.about-video__frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

/* RESPONSIVE ---------------------------------------------------------- */

@media (max-width:992px){
  .about-layout{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto;
  }

  .about-photo{
    grid-column:1 / 2;
    grid-row:1 / 2;
  }

  .about-maincopy{
    grid-column:1 / 2;
    grid-row:2 / 3;
  }

  .about-pillars{
    grid-column:1 / 2;
    grid-row:3 / 4;
  }

  .about-video{
    grid-column:1 / 2;
    grid-row:4 / 5;
  }
}

@media (max-width:640px){
  .about-pillars{
    grid-template-columns:1fr;
  }

  .about-photo__inner img{
    height:220px;
  }

  .section-page-hero__head h1{
    font-size:1.4rem;
  }
}