/* ─── About (Hakkımda) Sayfası CSS ────────────────────────────
 * Sadece .about-page wrapper'ı altında geçerli — global selector'lar
 * kullanılmaz. Site genelindeki CSS'le çakışmaz.
 * ──────────────────────────────────────────────────────────── */

.about-page {
  --about-navy:      #0B2545;
  --about-blue:      #134074;
  --about-mid:       #1a5296;
  --about-gold:      #B8965A;
  --about-gold-lt:   rgba(184,150,90,0.12);
  --about-bg:        #F8F6F2;
  --about-bg2:       #EFECE6;
  --about-white:     #FFFFFF;
  --about-dark:      #0D1B2E;
  --about-text:      #2C3E50;
  --about-muted:     #6B7D8F;
  --about-border:    rgba(11,37,69,0.1);
  --about-burgundy:  #A31621;
  --about-serif:     'Cormorant Garamond', Georgia, serif;
  --about-sans:      'Outfit', sans-serif;

  font-family: var(--about-sans);
  background: var(--about-bg);
  color: var(--about-text);
}
.about-page * { box-sizing: border-box; }

/* ── Container ──────────────────────────────────────────── */
.about-page .about-container { max-width:1160px; margin:0 auto; padding:0 40px; }

/* ── Reveal devre dışı (LCP optimizasyonu) ─────────────────
   html.js eklenir eklenmez opacity:0 olunca Lighthouse LCP element
   bulamıyordu. Reveal animasyonu kaldırıldı, içerik her zaman görünür. */
.about-page .reveal,
.about-page .reveal.in,
.about-page .reveal:not(.in),
html.js .about-page .reveal,
html.js .about-page .reveal.in,
html.js .about-page .reveal:not(.in) {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}
.about-page .delay-1,
.about-page .delay-2,
.about-page .delay-3,
.about-page .delay-4 { transition-delay: 0s !important; }

/* ── Divider ──────────────────────────────────────────── */
.about-page .ornament { display:flex; align-items:center; gap:14px; margin:0 0 18px; }
.about-page .ornament::before, .about-page .ornament::after {
  content:''; flex:1; height:1px;
  background: linear-gradient(90deg, transparent, var(--about-gold), transparent);
}
.about-page .ornament-dot {
  width:6px; height:6px; background:var(--about-gold);
  border-radius:50%; flex-shrink:0;
}

/* ── About Section Base ──────────────────────────────────── */
.about-page section { padding:88px 0; }
.about-page .section-eyebrow {
  font-size:.7rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--about-gold); margin-bottom:8px;
  display:flex; align-items:center; gap:10px;
}
.about-page .section-eyebrow::before { content:''; width:22px; height:1.5px; background:var(--about-gold); }
.about-page .about-section-title {
  font-family:var(--about-serif); font-size:clamp(2rem,3vw,2.8rem);
  font-weight:600; color:var(--about-navy); line-height:1.2; margin-bottom:16px;
}
.about-page .about-section-sub {
  font-size:1rem; color:var(--about-muted); line-height:1.75; max-width:560px;
}

/* ── Hero ───────────────────────────────────────────────── */
.about-page .hero-about {
  background: linear-gradient(160deg, var(--about-navy) 0%, #0e2e5c 50%, var(--about-blue) 100%);
  padding: 90px 0 0;
  position:relative; overflow:hidden;
}
.about-page .hero-about::before {
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:60px 60px;
}
.about-page .hero-about-inner {
  position:relative; z-index:2;
  display:grid; grid-template-columns:1fr auto;
  gap:60px; align-items:flex-end;
}
.about-page .hero-eyebrow {
  font-family:var(--about-sans); font-size:.72rem; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--about-gold); margin-bottom:16px;
  display:flex; align-items:center; gap:10px;
}
.about-page .hero-eyebrow::before { content:''; width:28px; height:1.5px; background:var(--about-gold); }
.about-page .hero-name {
  font-family:var(--about-serif); font-size:clamp(2.8rem,5vw,4.4rem);
  font-weight:600; color:#fff; line-height:1.1;
  letter-spacing:-.01em; margin-bottom:10px;
}
.about-page .hero-title-tag {
  font-family:var(--about-serif); font-style:italic;
  font-size:1.3rem; color:rgba(255,255,255,.65);
  margin-bottom:28px;
}
.about-page .hero-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:36px; }
.about-page .hero-tag {
  font-size:.72rem; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; padding:5px 14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:100px; color:rgba(255,255,255,.8);
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(6px);
}
.about-page .hero-stats {
  display:flex; gap:0;
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:32px;
}
.about-page .hero-stat {
  padding:0 36px 36px 0;
  border-right:1px solid rgba(255,255,255,.1);
  margin-right:36px;
}
.about-page .hero-stat:last-child { border-right:none; }
.about-page .hero-stat-num {
  font-family:var(--about-serif); font-size:2.8rem; font-weight:700;
  color:#fff; line-height:1; letter-spacing:-.03em;
}
.about-page .hero-stat-sup { font-size:1.4rem; }
.about-page .hero-stat-label {
  font-size:.73rem; font-weight:400;
  color:rgba(255,255,255,.5); margin-top:4px; line-height:1.4;
}
.about-page .hero-photo {
  width:340px; align-self:flex-end;
  position:relative; flex-shrink:0;
}
.about-page .hero-photo-frame {
  width:100%; aspect-ratio:4/5;
  background:linear-gradient(180deg, rgba(26,82,150,.3) 0%, rgba(11,37,69,.6) 100%);
  border-radius:20px 20px 0 0;
  border:1px solid rgba(255,255,255,.12);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.about-page .hero-photo-frame img { width:100%; height:100%; object-fit:cover; }
.about-page .hero-photo-frame svg { width:55%; opacity:.2; }
.about-page .hero-badge-float {
  position:absolute; top:20px; left:-20px;
  background:rgba(255,255,255,.12); backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.2); border-radius:12px;
  padding:10px 14px;
}
.about-page .hbf-label { font-size:.68rem; color:rgba(255,255,255,.55); }
.about-page .hbf-val { font-family:var(--about-serif); font-size:1rem; font-weight:600; color:#fff; }

/* ── Biyografi ────────────────────────────────────────── */
.about-page .bio-section { background:var(--about-white); }
.about-page .bio-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:start;
}
.about-page .bio-text { font-size:1.02rem; color:var(--about-text); line-height:1.85; }
.about-page .bio-text p { margin-bottom:1.2rem; }
.about-page .bio-text strong { color:var(--about-navy); font-weight:600; }
.about-page .bio-highlights {
  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:28px;
}
.about-page .bio-chip {
  background:var(--about-bg); border:1px solid var(--about-border);
  border-radius:10px; padding:14px 16px; transition:all .3s;
}
.about-page .bio-chip:hover { background:var(--about-gold-lt); border-color:rgba(184,150,90,.3); transform:translateY(-2px); }
.about-page .bio-chip-label { font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--about-gold); }
.about-page .bio-chip-val { font-family:var(--about-serif); font-size:1.3rem; font-weight:600; color:var(--about-navy); margin-top:2px; }
.about-page .bio-chip-sub { font-size:.72rem; color:var(--about-muted); margin-top:1px; }
.about-page .memberships { margin-top:32px; display:flex; flex-wrap:wrap; gap:8px; }
.about-page .mbr-tag {
  font-size:.72rem; font-weight:600; padding:5px 12px;
  border:1px solid var(--about-border); border-radius:100px;
  color:var(--about-blue); background:rgba(19,64,116,.05);
  transition:all .25s;
}
.about-page .mbr-tag:hover { background:rgba(19,64,116,.1); border-color:rgba(19,64,116,.25); }
.about-page .career-title {
  font-family:var(--about-serif); font-size:1.4rem; font-weight:600;
  color:var(--about-navy); margin-bottom:24px;
}
.about-page .timeline { position:relative; padding-left:28px; }
.about-page .timeline::before {
  content:''; position:absolute; left:8px; top:6px; bottom:6px;
  width:1.5px; background:linear-gradient(180deg, var(--about-gold), transparent);
}
.about-page .tl-item { position:relative; margin-bottom:22px; }
.about-page .tl-item:last-child { margin-bottom:0; }
.about-page .tl-dot {
  position:absolute; left:-24px; top:6px;
  width:10px; height:10px; border-radius:50%;
  background:var(--about-white); border:2px solid var(--about-gold);
  transition:all .3s;
}
.about-page .tl-item:hover .tl-dot { background:var(--about-gold); transform:scale(1.3); }
.about-page .tl-year {
  font-size:.7rem; font-weight:700; letter-spacing:.08em;
  color:var(--about-gold); text-transform:uppercase; margin-bottom:2px;
}
.about-page .tl-role { font-size:.9rem; font-weight:600; color:var(--about-navy); margin-bottom:2px; }
.about-page .tl-place { font-size:.82rem; color:var(--about-muted); }

/* ── Uzmanlık ─────────────────────────────────────────── */
.about-page .expertise-section { background:var(--about-bg); }
.about-page .exp-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px;
}
.about-page .exp-card {
  background:var(--about-white); border-radius:16px;
  padding:32px 28px;
  border:1px solid var(--about-border);
  box-shadow: 0 2px 12px rgba(11,37,69,.06);
  transition:all .4s cubic-bezier(.4,0,.2,1);
  position:relative; overflow:hidden;
}
.about-page .exp-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--about-gold), #d4a96b);
  transform:scaleX(0); transform-origin:left;
  transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.about-page .exp-card:hover::before { transform:scaleX(1); }
.about-page .exp-card:hover { transform:translateY(-6px); box-shadow: 0 20px 48px rgba(11,37,69,.14); }
.about-page .exp-card.featured {
  background:linear-gradient(145deg, var(--about-navy) 0%, var(--about-blue) 100%);
  border-color:transparent; color:#fff;
}
.about-page .exp-card.featured::before { background:linear-gradient(90deg,var(--about-burgundy),#c41f2e); }
.about-page .exp-num {
  font-family:var(--about-serif); font-size:3rem; font-weight:700;
  color:rgba(11,37,69,.08); line-height:1; margin-bottom:16px;
  letter-spacing:-.04em;
}
.about-page .exp-card.featured .exp-num { color:rgba(255,255,255,.1); }
.about-page .exp-icon { font-size:1.8rem; margin-bottom:14px; }
.about-page .exp-title {
  font-family:var(--about-sans); font-size:1rem; font-weight:700;
  color:var(--about-navy); margin-bottom:8px;
}
.about-page .exp-card.featured .exp-title { color:#fff; }
.about-page .exp-desc { font-size:.85rem; color:var(--about-muted); line-height:1.65; }
.about-page .exp-card.featured .exp-desc { color:rgba(255,255,255,.65); }

/* ── Akademik ─────────────────────────────────────────── */
.about-page .academic-section { background:var(--about-white); }
.about-page .pub-stats {
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:48px 0;
}
.about-page .pub-stat {
  text-align:center; padding:28px 20px;
  background:var(--about-bg); border:1px solid var(--about-border);
  border-radius:14px; transition:all .3s;
}
.about-page .pub-stat:hover { background:var(--about-gold-lt); border-color:rgba(184,150,90,.3); transform:translateY(-3px); }
.about-page .pub-stat-num {
  font-family:var(--about-serif); font-size:2.6rem; font-weight:700;
  color:var(--about-navy); line-height:1; letter-spacing:-.04em;
}
.about-page .pub-stat-lbl { font-size:.75rem; color:var(--about-muted); margin-top:6px; line-height:1.4; }
.about-page .pub-list { list-style:none; padding:0; }
.about-page .pub-item {
  padding:16px 0;
  border-bottom:1px solid var(--about-border);
  display:grid; grid-template-columns:auto 1fr;
  gap:16px; align-items:start;
  transition:all .25s;
}
.about-page .pub-item:last-child { border-bottom:none; }
.about-page .pub-item:hover { padding-left:8px; }
.about-page .pub-num {
  font-family:var(--about-serif); font-size:.85rem; font-weight:600;
  color:var(--about-gold); min-width:28px; line-height:1.6;
}
.about-page .pub-title { font-size:.88rem; color:var(--about-text); line-height:1.6; }
.about-page .pub-title strong { color:var(--about-navy); font-weight:600; }
.about-page .pub-journal { font-size:.77rem; color:var(--about-muted); margin-top:3px; font-style:italic; }

/* ── Lisanslar ─────────────────────────────────────────── */
.about-page .license-section { background:var(--about-bg); }
.about-page .lic-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:40px;
}
.about-page .lic-card {
  background:var(--about-white); border-radius:12px; padding:22px 24px;
  border:1px solid var(--about-border); display:flex; gap:16px; align-items:flex-start;
  box-shadow:0 2px 8px rgba(11,37,69,.05);
  transition:all .3s;
}
.about-page .lic-card:hover { box-shadow:0 8px 28px rgba(11,37,69,.1); transform:translateY(-2px); }
.about-page .lic-icon {
  width:42px; height:42px; border-radius:10px;
  background:linear-gradient(135deg,var(--about-navy),var(--about-blue));
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  font-size:1.1rem; color:#fff;
}
.about-page .lic-title { font-size:.9rem; font-weight:600; color:var(--about-navy); line-height:1.35; }
.about-page .lic-year { font-size:.72rem; color:var(--about-muted); margin-top:3px; }

/* ── Üyelikler ─────────────────────────────────────────── */
.about-page .member-section { background:var(--about-navy); }
.about-page .member-section .about-section-title { color:#fff; }
.about-page .member-section .about-section-sub { color:rgba(255,255,255,.6); }
.about-page .member-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px;
}
.about-page .member-card {
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
  border-radius:14px; padding:28px 24px; text-align:center;
  transition:all .3s;
}
.about-page .member-card:hover { background:rgba(255,255,255,.12); transform:translateY(-4px); }
.about-page .member-card-icon { font-size:2rem; margin-bottom:12px; }
.about-page .member-card-name { font-size:.92rem; font-weight:600; color:#fff; line-height:1.4; }
.about-page .member-card-sub { font-size:.75rem; color:rgba(255,255,255,.5); margin-top:4px; }

/* ── CTA ──────────────────────────────────────────────── */
.about-page .about-cta-section {
  background: linear-gradient(135deg, var(--about-bg2) 0%, var(--about-bg) 100%);
  text-align:center;
}
.about-page .about-cta-title {
  font-family:var(--about-serif); font-size:clamp(2rem,3.5vw,3rem);
  font-weight:600; color:var(--about-navy); margin-bottom:14px;
}
.about-page .about-cta-desc { font-size:1rem; color:var(--about-muted); max-width:500px; margin:0 auto 36px; line-height:1.75; }
.about-page .about-cta-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.about-page .about-btn-primary {
  font-family:var(--about-sans); font-size:.88rem; font-weight:600;
  color:#fff; background:var(--about-burgundy);
  padding:14px 28px; border-radius:8px; border:none; cursor:pointer;
  text-decoration:none; transition:all .25s;
  box-shadow:0 6px 20px rgba(163,22,33,.35);
  display:inline-flex; align-items:center; gap:8px;
}
.about-page .about-btn-primary:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(163,22,33,.45); }
.about-page .about-btn-outline {
  font-family:var(--about-sans); font-size:.88rem; font-weight:600;
  color:var(--about-navy); background:transparent;
  padding:14px 28px; border-radius:8px;
  border:1.5px solid var(--about-border); cursor:pointer;
  text-decoration:none; transition:all .25s;
  display:inline-flex; align-items:center; gap:8px;
}
.about-page .about-btn-outline:hover { border-color:var(--about-navy); background:rgba(11,37,69,.05); }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width:900px) {
  .about-page .about-container { padding:0 24px; }
  .about-page .hero-about-inner { grid-template-columns:1fr; }
  .about-page .hero-photo { display:none; }
  .about-page .bio-grid { grid-template-columns:1fr; gap:40px; }
  .about-page .exp-grid { grid-template-columns:1fr; }
  .about-page .pub-stats { grid-template-columns:1fr 1fr; }
  .about-page .lic-grid { grid-template-columns:1fr; }
  .about-page .member-grid { grid-template-columns:1fr 1fr; }
  .about-page .hero-stats { flex-wrap:wrap; gap:20px; }
}
@media (max-width:600px) {
  .about-page section { padding:60px 0; }
  .about-page .bio-highlights { grid-template-columns:1fr; }
  .about-page .pub-stats { grid-template-columns:1fr 1fr; }
  .about-page .member-grid { grid-template-columns:1fr; }
}

/* ── Uzmanlık kart linkleri ─────────────────────────────── */
.about-page .exp-title-link {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}
.about-page .exp-title-link:hover { color: var(--about-gold, #C9A961); }
.about-page .exp-desc .exp-service-link {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}
.about-page .exp-desc .exp-service-link:hover {
  color: var(--about-navy, #0B2545);
  text-decoration: underline;
  text-underline-offset: 2px;
}