/* ==========================================================================
   TRN Teknoloji - Kurumsal / Hakkımızda sayfası stilleri
   (Ortak kurumsal stiller: css/kurumsal.css)
   ========================================================================== */

.about-photo,.founder-photo{overflow:hidden;border-radius:19px;box-shadow:0 15px 36px rgba(18,22,33,.08)}
.about-photo{aspect-ratio:4/3}
.founder-photo{aspect-ratio:4/5}
.about-photo img,.founder-photo img{width:100%;height:100%;object-fit:cover}
.founder-photo img{object-position:center 25%}

/* ---------- Rakamlar ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:36px}
.stat{padding:27px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}
.stat strong{display:block;color:var(--red);font-size:35px;line-height:1}
.stat span{color:var(--muted);font-size:14px}
.counter{font-variant-numeric:tabular-nums}

/* ---------- Genius Product Families ---------- */
.genius-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:center}
.genius-logo{min-height:390px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff,#f4f5f7);box-shadow:0 15px 36px rgba(18,22,33,.08)}
.genius-logo img{width:min(76%,390px);height:auto}
.genius-copy p{margin:0 0 17px}
.genius-copy p.lead{margin:0 0 20px;color:#343942;font-size:19px}
ul.genius-families{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 0;padding:0;list-style:none}
.genius-families li{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:850}
.genius-families li::before{content:'';width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--red)}

/* ---------- Kurucu mesajı ---------- */
.message{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center}
.signature{margin-top:22px}
.signature strong{display:block;font-size:19px}
.signature span{color:var(--muted)}

/* ---------- Ekibimiz ---------- */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:22px;margin-top:30px}
.team-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(18,22,33,.05);transition:transform .25s ease,box-shadow .25s ease}
.team-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(18,22,33,.1)}
.team-photo{aspect-ratio:4/5;overflow:hidden;background:#eceef1}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.team-photo img.pos-24{object-position:center 24%}
.team-info{display:flex;min-height:126px;align-items:flex-start;justify-content:space-between;gap:14px;padding:19px 18px}
.team-info h3{margin:0 0 5px;font-size:18px;line-height:1.25;letter-spacing:0}
.section .team-info p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.linkedin-icon{display:flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-radius:10px;background:var(--ink);color:#fff;transition:background .2s ease,transform .2s ease}
.linkedin-icon:hover{background:var(--red);transform:translateY(-2px)}
.linkedin-icon svg{width:19px;height:19px;fill:currentColor}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .message{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .genius-wrap{grid-template-columns:1fr;gap:36px}
  .genius-logo{min-height:310px}
}
@media(max-width:680px){
  .top-slider{height:300px}
  .about-photo{border-radius:14px}
  .genius-logo{min-height:255px}
  .genius-logo img{width:min(72%,300px)}
  .genius-copy p.lead{font-size:17px}
  .team-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .team-info{min-height:142px;flex-direction:column;padding:15px}
  .team-info h3{font-size:16px}
  .section .team-info p{font-size:13px}
  .linkedin-icon{width:34px;height:34px;flex-basis:34px}
}
@media(max-width:420px){
  .team-grid{grid-template-columns:1fr}
  .team-info{min-height:0;flex-direction:row}
}