/* SIMETRA — Hakkımızda page (hakkimizda.html) styles
   Light, editorial theme — matches simetra.html so the two pages feel like
   one continuous brand, not a dark page followed by a bright one. */

.tabs-nav.reveal{ transition-delay:.15s; }

/* ============ TABS ============ */
.tabs-nav{ display:flex; gap:var(--s5); margin-bottom:var(--s6); flex-wrap:wrap; }
.tab-btn{
  position:relative;
  font-family:var(--display); font-style:italic; font-size:22px; color:#a89f8d;
  cursor:pointer; padding-bottom:var(--s1); border-bottom:2px solid transparent;
  background:none; border-left:none; border-right:none; border-top:none;
  transition:color .3s cubic-bezier(.16,1,.3,1);
}
.tab-btn::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background:var(--brass); transform:scaleX(0); transform-origin:left;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.tab-btn.active, .tab-btn:hover{ color:var(--ink); }
.tab-btn.active::after, .tab-btn:hover::after{ transform:scaleX(1); }

.tab-pane{ display:none; }
.tab-pane.active{ display:block; animation:fadein .5s cubic-bezier(.16,1,.3,1); }
@keyframes fadein{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }

.story-text{ max-width:62ch; font-size:19px; line-height:1.85; color:#544f43; font-family:var(--display); font-weight:300; }
.story-text + .story-text{ margin-top:var(--s3); }
.story-text em{ color:var(--brass); font-style:italic; }

.proj-groups{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s6); margin-top:var(--s3); }
.proj-group h4{ font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--brass); margin-bottom:var(--s4); font-weight:700; }
.proj-empty{
  aspect-ratio:16/10; border:1px dashed rgba(14,13,12,0.14); border-radius:4px;
  display:flex; align-items:center; justify-content:center; color:#a89f8d;
  background:rgba(14,13,12,0.02);
  transition:border-color .3s ease, background .3s ease;
}
.proj-empty:hover{ border-color:var(--brass-dim); background:rgba(169,131,91,0.05); }
@media (max-width:800px){ .proj-groups{ grid-template-columns:1fr; } }

.team-placeholder{
  padding:var(--s7) var(--s5); text-align:center; border:1px dashed rgba(14,13,12,0.14); border-radius:4px;
  color:#a89f8d; background:rgba(14,13,12,0.02);
  transition:border-color .3s ease, background .3s ease;
}
.team-placeholder:hover{ border-color:var(--brass-dim); background:rgba(169,131,91,0.05); }
.team-placeholder .eyebrow{ display:block; margin-bottom:var(--s2); }