/* Fotoğraf blokları (Higgsfield görselleri, public/assets/photos/). Site CSS'ine
   eklenmedi (site-v12 → v13 kopyası 80 KB); yalnız fotoğraflı sayfalar yükler
   (site.config PHOTO_CSS). Değişince YENİ AD (photo-v3 → photo-v4).
   v2: kaydırmayla beliren geçişler, hover yakınlaşma, tam genişlik .photo-band.
   v3: funnel blokları — .step-photo (fotoğraf + metin, sırayla sağ/sol),
   .stat-row (büyük rakamlar), .photo-band--light varyantı. */
.photo{margin:var(--s5,32px) 0 0;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35);background:#0A1832;position:relative}
.photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.photo:hover img{transform:scale(1.035)}
.photo figcaption{font-size:.9rem;color:#9FB0CC;padding:10px 14px;background:rgba(10,24,50,.85)}
.photo--hero{margin:var(--s4,24px) 0 var(--s5,32px)}
.prose .photo{margin-left:0;margin-right:0}
.photo-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--s5,32px)}
.photo-grid .photo{margin:0}
.photo-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.photo-grid .photo figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(4,18,38,.92),rgba(4,18,38,0));color:#fff;font-weight:600;padding:28px 16px 14px}
.card-photo-wrap{display:block;width:calc(100% + 2*var(--s3,24px));margin:calc(-1*var(--s3,24px)) calc(-1*var(--s3,24px)) 18px;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg,16px) var(--r-lg,16px) 0 0}
.card-photo-wrap img.card-photo{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.card:hover .card-photo{transform:scale(1.05)}

/* Tam genişlik fotoğraf bandı: arka planda fotoğraf (yalnız zemin), üstte
   metin ve GERÇEK uygulama ekran görüntüsü (assets/screens). */
.photo-band{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--s8,72px) 0;color:#fff;isolation:isolate}
.photo-band .band-bg{position:absolute;inset:0;z-index:-2}
.photo-band .band-bg img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}
.photo-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,18,40,.95) 0%,rgba(6,18,40,.85) 45%,rgba(6,18,40,.45) 100%)}
.photo-band .container{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s6,48px);align-items:center}
.photo-band--solo .container{grid-template-columns:1fr;max-width:820px}
.photo-band h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;margin:0 0 var(--s2,12px);color:#fff}
.photo-band p{color:#D6DEEE;max-width:52ch}
.photo-band .band-shot{margin:0;justify-self:end;width:100%;max-width:520px;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14)}
.photo-band .band-shot img{display:block;width:100%;height:auto}
@media (max-width:860px){.photo-band .container{grid-template-columns:1fr}.photo-band .band-shot{justify-self:stretch;max-width:none}}

/* Funnel adımı: fotoğraf + metin yan yana, çift sıralarda fotoğraf sağda. */
.step-photo{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6,48px);align-items:center;margin-top:var(--s6,48px)}
.step-photo:nth-of-type(even) .photo{order:2}
.step-photo .photo{margin:0}
.step-photo .step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#C8F04B;color:#0A1832;font-weight:800;margin-bottom:var(--s2,12px)}
.step-photo h3{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;margin:0 0 var(--s2,12px)}
.step-photo p{color:#B9C6DD;max-width:52ch}
@media (max-width:760px){.step-photo{grid-template-columns:1fr;gap:var(--s3,24px)}.step-photo:nth-of-type(even) .photo{order:0}}

/* Büyük rakamlar (gelir örneği, ölçüm). */
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:var(--s5,32px)}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 22px}
.stat b{display:block;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;color:#C8F04B;line-height:1.05}
.stat span{display:block;margin-top:6px;color:#B9C6DD;font-size:.95rem}
.stat--total b{color:#fff}
.stat-note{margin-top:var(--s2,12px);color:#9FB0CC;font-size:.9rem}

/* Geçişler: görünüme girerken süzülerek belirir; desteklemeyen tarayıcı ve
   hareket azaltma tercihi olan kullanıcı doğrudan görür. */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .photo,.photo-band .band-shot,.photo-band h2,.photo-band p,.stat,.step-photo>div{animation:photo-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
    .photo-grid .photo:nth-child(2),.stat:nth-child(2){animation-range:entry 8% entry 50%}
    .photo-grid .photo:nth-child(3),.stat:nth-child(3){animation-range:entry 16% entry 60%}
    .stat:nth-child(4){animation-range:entry 24% entry 70%}
    .photo-band p{animation-range:entry 10% entry 50%}
  }
}
@keyframes photo-reveal{from{opacity:0;transform:translateY(28px) scale(.985)}}