/* =========================================================
   Eleventy ADS v16.8.25 — Hakkımızda wide hero redesign
   - v16.8.24 Hakkımızda yorumunu geri alır.
   - İş Ortakları ekranındaki geniş shell / iki kolon / highlight kart mantığını
     Hakkımızda sayfasına uyarlar.
   - İş Ortakları sayfasındaki buton kaldırma ve highlight düzenlerine dokunmaz.
   ========================================================= */

.eleventy-about-page {
  background: #ffffff !important;
  color: #0f0f0f !important;
  overflow: hidden !important;
  --ea-orange: #ff9900;
  --ea-black: #0f0f0f;
  --ea-text: #303030;
  --ea-muted: #585959;
  --ea-border: rgba(29, 29, 29, 0.08);
}

.eleventy-about-page .ea-container {
  width: min(calc(100% - 96px), 1760px) !important;
  max-width: 1760px !important;
  margin-inline: auto !important;
}

.eleventy-about-page .ea-hero {
  padding: 112px 0 54px !important;
}

.eleventy-about-page .ea-hero-shell {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  min-height: 560px !important;
  padding: clamp(56px, 4.8vw, 78px) !important;
  border-radius: 34px !important;
  border: 1px solid rgba(29, 29, 29, 0.08) !important;
  background:
    radial-gradient(circle at 82% 14%, rgba(255, 153, 0, 0.20), transparent 30%),
    radial-gradient(circle at 14% 18%, rgba(255, 153, 0, 0.08), transparent 25%),
    linear-gradient(135deg, #fffaf2 0%, #ffffff 48%, #f7f7f7 100%) !important;
  box-shadow: 0 28px 90px rgba(15, 15, 15, 0.07) !important;
}

.eleventy-about-page .ea-hero-shell::before {
  content: "" !important;
  position: absolute !important;
  width: 620px !important;
  height: 620px !important;
  right: -220px !important;
  top: -230px !important;
  border-radius: 50% !important;
  background: rgba(255, 153, 0, 0.12) !important;
  filter: blur(30px) !important;
  pointer-events: none !important;
}

.eleventy-about-page .ea-hero-shell::after {
  display: none !important;
}

.eleventy-about-page .ea-hero-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.82fr) !important;
  gap: clamp(54px, 6vw, 110px) !important;
  align-items: center !important;
}

.eleventy-about-page .ea-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 26px !important;
  color: var(--ea-orange) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.eleventy-about-page .ea-title {
  max-width: 840px !important;
  margin: 0 !important;
  color: var(--ea-black) !important;
  font-size: clamp(44px, 4.1vw, 78px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.035em !important;
  font-weight: 680 !important;
}

.eleventy-about-page .ea-hero-content .ea-text {
  max-width: 790px !important;
  margin: 30px 0 0 !important;
  color: var(--ea-text) !important;
  font-size: clamp(17px, 1.08vw, 21px) !important;
  line-height: 1.52 !important;
  letter-spacing: -0.018em !important;
  font-weight: 500 !important;
}

.eleventy-about-page .ea-hero-actions {
  display: none !important;
}

.eleventy-about-page .ea-hero-highlights {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 38px !important;
  max-width: 790px !important;
}

.eleventy-about-page .ea-hero-highlights div {
  min-height: 128px !important;
  padding: 20px 18px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(29, 29, 29, 0.08) !important;
  box-shadow: 0 15px 42px rgba(15, 15, 15, 0.045) !important;
}

.eleventy-about-page .ea-hero-highlights span {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 13px !important;
  border-radius: 14px !important;
  background: rgba(255, 153, 0, 0.10) !important;
  color: var(--ea-orange) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.eleventy-about-page .ea-hero-highlights p {
  margin: 0 !important;
  color: var(--ea-text) !important;
  font-size: 15px !important;
  line-height: 1.34 !important;
  letter-spacing: -0.02em !important;
  font-weight: 750 !important;
}

.eleventy-about-page .ea-hero-side {
  display: grid !important;
  gap: 20px !important;
  align-self: center !important;
}

.eleventy-about-page .ea-hero-card {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(34px, 3vw, 48px) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  border: 1px solid rgba(29, 29, 29, 0.08) !important;
  box-shadow:
    0 24px 70px rgba(15, 15, 15, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

.eleventy-about-page .ea-hero-logo,
.eleventy-about-page .ea-hero-tags {
  display: none !important;
}

.eleventy-about-page .ea-hero-card-label {
  display: inline-flex !important;
  margin-bottom: 22px !important;
  color: var(--ea-orange) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
}

.eleventy-about-page .ea-hero-card h2 {
  max-width: 620px !important;
  margin: 0 !important;
  color: var(--ea-black) !important;
  font-size: clamp(28px, 2.15vw, 44px) !important;
  line-height: 1.13 !important;
  letter-spacing: -0.04em !important;
  font-weight: 700 !important;
}

.eleventy-about-page .ea-hero-card p {
  max-width: 600px !important;
  margin: 24px 0 0 !important;
  color: var(--ea-muted) !important;
  font-size: clamp(15px, 0.95vw, 17px) !important;
  line-height: 1.58 !important;
  letter-spacing: -0.012em !important;
  font-weight: 500 !important;
}

.eleventy-about-page .ea-hero-mini-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.eleventy-about-page .ea-hero-mini-stats div {
  min-height: 108px !important;
  padding: 24px 24px 20px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(29, 29, 29, 0.08) !important;
  box-shadow: 0 14px 42px rgba(15, 15, 15, 0.05) !important;
}

.eleventy-about-page .ea-hero-mini-stats strong {
  display: block !important;
  color: var(--ea-black) !important;
  font-size: clamp(32px, 2.2vw, 44px) !important;
  line-height: 1 !important;
  letter-spacing: -0.06em !important;
  font-weight: 760 !important;
}

.eleventy-about-page .ea-hero-mini-stats span {
  display: block !important;
  margin-top: 9px !important;
  color: var(--ea-muted) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Alt bölümlerde v16.8.24'ün ağır tasarım müdahalesini yumuşat: hero geniş kalsın, içerik temiz kalsın. */
.eleventy-about-page .ea-story,
.eleventy-about-page .ea-values,
.eleventy-about-page .ea-process,
.eleventy-about-page .ea-capabilities,
.eleventy-about-page .ea-team {
  background: #ffffff !important;
}

@media (min-width: 1600px) {
  .eleventy-about-page .ea-container {
    width: min(calc(100% - 150px), 1760px) !important;
  }
}

@media (max-width: 1199.98px) {
  .eleventy-about-page .ea-container {
    width: min(calc(100% - 48px), 1180px) !important;
  }

  .eleventy-about-page .ea-hero-shell {
    min-height: auto !important;
    padding: 48px !important;
  }

  .eleventy-about-page .ea-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }

  .eleventy-about-page .ea-title {
    max-width: 900px !important;
    font-size: clamp(44px, 6.6vw, 68px) !important;
  }

  .eleventy-about-page .ea-hero-content .ea-text,
  .eleventy-about-page .ea-hero-highlights {
    max-width: 900px !important;
  }
}

@media (max-width: 767.98px) {
  .eleventy-about-page .ea-container {
    width: min(calc(100% - 30px), 100%) !important;
  }

  .eleventy-about-page .ea-hero {
    padding: 92px 0 34px !important;
  }

  .eleventy-about-page .ea-hero-shell {
    padding: 32px 20px !important;
    border-radius: 28px !important;
  }

  .eleventy-about-page .ea-title {
    font-size: clamp(37px, 10vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
  }

  .eleventy-about-page .ea-hero-content .ea-text {
    margin-top: 22px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .eleventy-about-page .ea-hero-highlights,
  .eleventy-about-page .ea-hero-mini-stats {
    grid-template-columns: 1fr !important;
  }

  .eleventy-about-page .ea-hero-highlights {
    margin-top: 28px !important;
  }

  .eleventy-about-page .ea-hero-highlights div {
    min-height: auto !important;
    padding: 16px !important;
  }

  .eleventy-about-page .ea-hero-card {
    padding: 26px !important;
    border-radius: 24px !important;
  }

  .eleventy-about-page .ea-hero-card h2 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  .eleventy-about-page .ea-hero-mini-stats div {
    min-height: auto !important;
    padding: 20px !important;
  }
}