/* Kişi biyografi sayfası — editoryal, sade */
.kp-hero { padding: 56px 0 36px; border-bottom: 1px solid var(--paper-edge, #e3dccf); }
.kp-hero-grid { display: grid; grid-template-columns: 148px 1fr; gap: 32px; align-items: center; }
.kp-portrait {
  width: 148px; height: 148px; border-radius: 999px; overflow: hidden;
  background: var(--paper-2, #f0ebe1); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.kp-portrait img { width: 100%; height: 100%; object-fit: cover; }
.kp-ini { font-family: var(--f-disp); font-size: 44px; font-weight: 300; color: var(--ink-3, #8a8073); }
.kp-eyebrow {
  font-family: var(--f-body); font-size: 11px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent, #b3402e);
}
.kp-head h1 {
  font-family: var(--f-disp); font-weight: 500;
  font-size: clamp(28px, 4vw, 42px); line-height: 1.08; letter-spacing: -0.015em;
  color: var(--ink, #1a1712); margin: 8px 0 6px;
}
.kp-title { font-family: var(--f-body); font-size: 16px; color: var(--ink-2, #5c5348); margin: 0; }

.kp-body { padding: 44px 0 84px; }
.kp-body-grid { display: grid; grid-template-columns: 1fr 320px; gap: 56px; align-items: start; }
.kp-bio { font-family: var(--f-body); font-size: 16px; line-height: 1.7; color: var(--ink-2, #5c5348); max-width: 68ch; }
.kp-bio p { margin: 0 0 1em; }
.kp-bio strong, .kp-bio b { color: var(--ink, #1a1712); }

.kp-works { border-left: 1px solid var(--paper-edge, #e3dccf); padding-left: 28px; }
.kp-works h2 {
  font-family: var(--f-body); font-size: 11px; font-weight: 700;
  letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-3, #8a8073);
  margin: 0 0 18px; display: flex; align-items: center; gap: 10px;
}
.kp-count {
  font-family: var(--f-body); font-size: 12px; font-weight: 700;
  background: var(--paper-2, #f0ebe1); color: var(--ink-2, #5c5348);
  border-radius: 99px; padding: 2px 9px; letter-spacing: 0;
}
.kp-works ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.kp-works a {
  display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center;
  text-decoration: none; color: inherit;
}
.kp-works a img { width: 44px; height: 60px; object-fit: cover; border-radius: 4px; background: var(--paper-2, #f0ebe1); }
.kp-work-t {
  font-family: var(--f-disp); font-weight: 500; font-size: 15px; line-height: 1.25;
  color: var(--ink, #1a1712);
}
.kp-works a:hover .kp-work-t { color: var(--accent, #b3402e); }
.kp-yr { display: block; font-family: var(--f-body); font-size: 12px; color: var(--ink-3, #8a8073); font-weight: 400; margin-top: 3px; }

@media (max-width: 820px) {
  .kp-hero-grid { grid-template-columns: 96px 1fr; gap: 22px; }
  .kp-portrait { width: 96px; height: 96px; }
  .kp-body-grid { grid-template-columns: 1fr; gap: 40px; }
  .kp-works { border-left: 0; padding-left: 0; border-top: 1px solid var(--paper-edge, #e3dccf); padding-top: 28px; }
}