#about {
  width: 100%;
  background: var(--bg-main-color);
  border-radius: var(--radius);
  padding: var(--spacing);
  color: #fff;
}

/* ===== LAYOUT (desktop) ===== */
#about .container {
  display: grid;
  grid-template-columns: 1fr 0.6fr;
  gap: 4rem;
  align-items: stretch;
}

/* TEXT COLUMN */
#about .text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 260px;
}

#about .text p {
  font-size: clamp(1.6rem, 4vw, 2.3rem);
  font-weight: 300;
  line-height: 1.6;
}

#about .img-container {
  position: relative;
  overflow: hidden;
  display: flex;
  border-radius: var(--radius);
  justify-content: center;
}

#about .img-container img {
  position: absolute;
  object-position: top;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
  #about .container {
    gap: 3rem;
    grid-template-columns: 1fr 0.7fr;
  }
}

@media (max-width: 1000px) {
  #about .container {
    grid-template-columns: 1fr;
    gap: 2rem;
    align-items: start;
  }

  #about .img-container {
    width: 100%;
    height: min(45vh, 420px);
  }

  #about .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}