/* ==========================================================================
   About (Hakkımızda)
   ========================================================================== */
.about__grid {
  display: grid;
  gap: clamp(3rem, 6vw, 5rem);
  align-items: center;
}

@media (min-width: 900px) {
  .about__grid {
    grid-template-columns: 5fr 6fr;
  }
}

.about__media {
  --frame-offset: clamp(10px, 1.5vw, 20px);
  position: relative;
  width: calc(100% - var(--frame-offset));
  max-width: 520px;
  margin-inline: auto;
}

/* Offset gold frame behind the photo */
.about__media::before {
  content: "";
  position: absolute;
  inset: var(--frame-offset) calc(-1 * var(--frame-offset)) calc(-1 * var(--frame-offset)) var(--frame-offset);
  border: 1px solid rgba(212, 175, 55, 0.55);
  border-radius: var(--radius-lg);
}

.about__media img {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 72% 50%;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-raised);
}

.about__text {
  margin-block: 1.25rem 2rem;
  font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
}

.about__highlights {
  display: grid;
  gap: 0.875rem;
  list-style: none;
}

@media (min-width: 480px) {
  .about__highlights {
    grid-template-columns: repeat(2, 1fr);
  }
}

.about__highlights li {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-gold);
  border-radius: 12px;
  background: var(--bg-secondary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-heading);
}