/* =========================================================
   Hukuk — /hukuk sayfası (template değişkenleri; style.css'teki
   .script-eyebrow / .h-section / .lead / .text-link yeniden kullanılır)
   ========================================================= */

.legal { padding: calc(var(--header-h) + 3rem) 0 4.5rem; }
@media (min-width: 1024px) { .legal { padding: calc(var(--header-h) + 5rem) 0 6.5rem; } }

/* Mobilde fotoğraf üstte; geniş ekranda fotoğraf solda, metin sağda. */
.legal__grid { display: grid; gap: 2.5rem; }
@media (min-width: 900px) {
  .legal__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4rem; align-items: center; }
}
@media (min-width: 1200px) { .legal__grid { gap: 6rem; } }

/* Çerçeve 3:4 oranını baştan ayırır: görsel yüklenirken düzen kaymaz. */
.legal__photo {
  width: 100%; max-width: 26rem;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: 4px;
  background: var(--sand);
}
@media (min-width: 900px) { .legal__photo { max-width: 32rem; } }
.legal__photo img { width: 100%; height: 100%; object-fit: cover; }
.legal__monogram {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  font-family: var(--font-display); font-size: clamp(4rem, 12vw, 8rem); letter-spacing: .02em;
  color: var(--bronze);
}

.legal__name { font-size: clamp(2.4rem, 5vw, 4.6rem); }
.legal__nowrap { white-space: nowrap; }
.legal__role {
  margin-top: 1.2rem;
  font-size: .72rem; font-weight: 600; letter-spacing: .26em; text-transform: uppercase;
  color: var(--heading);
}
.legal__bar { margin-top: .55rem; font-size: .9rem; color: var(--muted); }

/* Düz metin: admin'in girdiği satır sonları korunur. */
.legal__text { white-space: pre-line; overflow-wrap: break-word; }
.legal__bio { max-width: 44rem; margin-top: 1.2rem; font-size: 1rem; line-height: 1.75; }

.legal__contact {
  display: flex; flex-direction: column; gap: .4rem;
  margin-top: 2.2rem; padding-top: 1.8rem;
  border-top: 1px solid var(--line);
}
.legal__contact a {
  display: inline-flex; align-items: center; gap: .85rem;
  min-height: 2.75rem;
  font-size: .95rem; color: var(--fg);
  overflow-wrap: anywhere;
  transition: color .3s var(--ease);
}
.legal__contact a:hover { color: var(--accent-text); }
.legal__contact svg { flex: none; width: 1.15rem; height: 1.15rem; color: var(--accent); }

/* Uzun bağlantı metni dar ekranda satır kırabilsin. */
.legal__cta { margin-top: 2.2rem; line-height: 1.7; }
.legal__cta svg { flex: none; }