/* Maddesiz kısa tanıtım: yazı solda, çerçeveli fotoğraf sağda, ikisi dikey ortalı.
   Fotoğraf satırı uzatmaz; en çok 20rem, oran 5/4. */
.block-text:has(.intro-plain) { background: var(--background); }
.intro-plain {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.7fr);
  gap: clamp(1.5rem, 4vw, 3.25rem);
  align-items: center;
}
.intro-plain.no-photo { grid-template-columns: minmax(0, 1fr); }
.intro-plain.no-photo .prose,
.intro-plain.no-photo .intro-plain-go { max-width: 70ch; }
.intro-plain-copy,
.intro-plain-visual { min-width: 0; }
.intro-plain-visual { justify-self: end; width: min(100%, 25rem); }
.intro-plain h1,
.intro-plain h2 { max-width: 20ch; margin: 0; color: var(--text); }
.intro-plain .intro-mark { color: var(--primary); }
.intro-plain .prose p { margin: 0.9rem 0 0; color: var(--text); }
.intro-plain-go {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 1.35rem;
}
.intro-plain-go svg { width: 1rem; height: 1rem; flex: none; transition: transform 0.2s ease; }
.intro-plain-go:hover svg { transform: translateX(3px); }
.intro-plain-photo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 4;
  max-height: 20rem;
  object-fit: cover;
  border-radius: 1.25rem;
  box-shadow: 0 24px 48px -28px color-mix(in srgb, var(--text) 45%, transparent);
}
@media (max-width: 800px) {
  .intro-plain,
  .intro-plain.no-photo { grid-template-columns: minmax(0, 1fr); }
  .intro-plain h1,
  .intro-plain h2 { max-width: none; }
  .intro-plain-visual { justify-self: stretch; width: 100%; }
  .intro-plain-photo { aspect-ratio: 4 / 3; max-height: none; }
}
@media (prefers-reduced-motion: reduce) {
  .intro-plain-go svg { transition: none; }
  .intro-plain-go:hover svg { transform: none; }
}

/* Görselsiz: 70ch sütun sola dayalı kalıp sağ yarıyı boş bırakmasın; içerik ortalanmış kutu (metin sola hizalı). */
.intro-plain.no-photo { width: 100%; max-width: 74ch; margin-inline: auto; }