/* Hakkımızda görselini bölüm zeminine doğal biçimde kaynaştırır. */
.about {
  grid-template-columns: minmax(390px, 1.08fr) minmax(380px, 1fr);
  gap: clamp(34px, 5vw, 76px);
  overflow: hidden;
}

.about-image {
  height: 650px;
  overflow: hidden;
  isolation: isolate;
  margin-left: clamp(-70px, -4vw, -20px);
  transform: skewX(-2deg);
}

.about-image::before {
  display: none;
}

.about-image::after {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, #131416 0%, transparent 13%, transparent 68%, #16171a 100%),
    linear-gradient(0deg, #151619 0%, transparent 14%, transparent 86%, #121315 100%);
}

.about-image img {
  transform: skewX(2deg) scale(1.08);
  object-position: 48% 62%;
  filter: saturate(.82) contrast(1.08) brightness(.88);
}

.about-image .image-label {
  z-index: 3;
  left: 42px;
  bottom: 34px;
  transform: skewX(2deg);
  box-shadow: 14px 0 0 rgba(227, 25, 34, .22);
}

@media (max-width: 760px) {
  .about {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .about-image {
    height: 470px;
    margin: -28px -20px 0;
    transform: none;
  }

  .about-image::after {
    background:
      linear-gradient(90deg, #141518 0%, transparent 8%, transparent 92%, #141518 100%),
      linear-gradient(0deg, #151619 0%, transparent 13%, transparent 82%, #151619 100%);
  }

  .about-image img {
    transform: scale(1.06);
    object-position: 50% 60%;
  }

  .about-image .image-label {
    left: 22px;
    bottom: 28px;
    transform: none;
  }
}