/* ==========================================================================
   YİMA YAPI — Ana Sayfa
   Sadece index.html'de kullanılan bölümler (hero / istatistik / proje blokları)
   ========================================================================== */

/* ---------- HERO ---------- */
.hero{position:relative;height:100vh;min-height:580px;overflow:hidden}
.hero .ph,.hero img,.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(23,26,29,.62) 0%,rgba(23,26,29,.12) 38%,rgba(23,26,29,.55) 100%);
}
.hero-content{
  position:absolute;inset:auto 0 22% 0;z-index:3;
  text-align:center;padding-inline:var(--gutter);
}
.hero-content .eyebrow{
  font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.32em;
  text-transform:uppercase;color:var(--gold-light);
  max-width:none;margin:0 0 18px;
}
.hero-content h1{
  color:#fff;font-size:clamp(28px,4.4vw,52px);font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;
  max-width:18ch;margin:0 auto 22px;
  text-shadow:0 2px 30px rgba(0,0,0,.45);
}
.hero-content .hero-rule{width:90px;height:3px;background:var(--gold-grad);margin:0 auto 26px}
.hero-content p{
  color:rgba(255,255,255,.88);max-width:56ch;margin:0 auto 30px;font-size:var(--fs-lead);
}

/* hero yer tutucu etiketi metinle çakışmasın */
.hero .ph::after{align-items:flex-start;padding-top:18vh}

.scroll-cue{
  position:absolute;left:clamp(24px,4vw,58px);bottom:56px;z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.scroll-cue .bar{
  width:1px;height:72px;
  background:linear-gradient(180deg,transparent,var(--gold-light));
  animation:cue 2.2s var(--ease) infinite;
}
.scroll-cue svg{width:13px;height:13px;color:var(--gold-light)}
@keyframes cue{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.45}}

/* ---------- İSTATİSTİK BANDI ---------- */
.stats{background:var(--surface);position:relative;z-index:4}
.stats-title{
  background:var(--ink);color:#fff;text-align:center;padding:13px var(--gutter);
  font-size:13px;font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;
  position:relative;
}
.stats-title::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-grad);
}
.stats-body{
  display:flex;align-items:center;gap:8px;
  max-width:var(--maxw);margin-inline:auto;padding:38px var(--gutter) 44px;
}
.stats-track{flex:1;grid-auto-columns:minmax(200px,1fr);gap:8px}
.stat{text-align:center;padding:0 12px}
.stat svg{
  width:36px;height:36px;margin:0 auto 14px;
  color:var(--gold-dark);stroke-width:1.2;fill:none;stroke:currentColor;
}
.stat b{display:block;font-size:21px;font-weight:700;color:var(--gold-dark);line-height:1.25;white-space:nowrap}
.stat small{display:block;margin-top:6px;font-size:13px;font-weight:500;color:var(--ink);line-height:1.45}

/* ---------- KATEGORİ RAYI ---------- */
.cats{padding:18px 0 var(--section-y)}
.cats-track{grid-auto-columns:clamp(220px,23vw,300px);gap:24px;padding-bottom:8px}

/* ---------- RESPONSIVE ---------- */
@media (max-width:760px){
  .stats-body{padding:28px 8px 34px}
  .stats-track{grid-auto-columns:minmax(150px,50%)}
  .stat b{font-size:19px}
  .stats-body .arrow{display:none}
  .hero-content{bottom:26%}
}