.about { background: var(--color-bg-alt); }

.about__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
  align-items: center;
}
.about__photo { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; }

.about__text { display: flex; flex-direction: column; gap: 24px; max-width: 520px; }
.about__title { font-size: clamp(36px, 4vw, 48px); line-height: 1.1; }

/* "Available for" tags */
.available { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
.tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tags li {
  padding: 7px 14px;
  border: 1px solid var(--color-line-strong);
  font-size: var(--text-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

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